Generate Social Media Feed Embed Section

Build a social media feed embed section pulling content from Instagram, TikTok, or Twitter with shoppable product tags and follow CTAs.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Generate the Liquid, JavaScript, and CSS for a social media feed embed section that I can paste into my theme as a custom section, with these specifications:

Feed Sources (select one or combine):

  Instagram feed from @[HANDLE]
  TikTok videos from @[HANDLE]
  Twitter/X posts from @[HANDLE]
  Pinterest boards from [BOARD_URL]
  Combined multi-platform feed


Post Display Per Item:

  Post image or video thumbnail
  Caption text (truncated to [CHARACTER_LIMIT] characters)
  Like/engagement count
  Post date
  Platform icon indicator
  “View on [Platform]” link
  Shoppable product tag overlay (link to product page)


Layout Options:

  Grid: [3/4/5/6] posts per row
  Masonry layout for mixed media sizes
  Horizontal scrolling carousel
  Featured post large with smaller posts beside it
  Rows to display: [1/2/3] before “Load More”


Section Settings:

  Section heading: [SECTION_HEADING]
  Social handle display: @[HANDLE]
  Follow button: “Follow us on [PLATFORM]”
  Hashtag display: #[HASHTAG]
  Background color: [BACKGROUND_COLOR]
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Design Options:

  Image hover: [zoom/overlay-info/darken]
  Border radius: [RADIUS]px
  Gap between posts: [GAP]px
  Card style: [borderless/bordered/shadow]
  Platform accent color matching


Requirements:

  Integration method: [API/embed-widget/manual-upload/third-party-app]
  Lazy loading for all media
  Responsive column adjustment
  External links open in new tab
  Accessible alt text for post images
  Cache feed data to avoid rate limits
  Fallback display if feed fails to load
  Support for at least [NUMBER] posts


To use it: go to Online Store > Themes > Edit code, create sections/social-media-feed.liquid and paste in the generated code (JS/CSS can go in assets/ and be linked from the section file), then open the theme customizer and add the “Social Media Feed” section to your homepage or wherever you want it displayed.

How to Use

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions