How to add Flockler to Shopify

Embedding a Flockler social feed on your Shopify store takes only a few minutes. The process has three parts:

1. Collect and curate content in Flockler (Feeds → Content)
2. Create a layout and get your embed code (Display → Embed code)
3. Add your embed code to your Shopify (Embed code→ Shopify theme/page)

Collect and curate content from Instagram, Facebook, Twitter, Bluesky, YouTube, and more

• Connect Your First Feed (Collect Content) using the instructions from our Onboarding guide here

• 🗂️ Organise your content using Sections — they work like folders and help keep content structured for different displays or campaigns.
• Curate your content on the Content tab. Here you can manage the content within your Sections:
  • 📌 Pin standout posts
  • 🔀 Reorder to control sequence
  • 📝 Edit post by adding additional tags and CTA
  • 👀 Hide any content

• Add more social media or custom posts to your Section:

Create a layout and get your embed code

Now go to Display and create a layout (this is what you’ll embed into Shopify). 

• In Flockler, open the Display tab and click on the "Create a new layout" button:

  

• Choose a layout type:

• Social Wall
• Grid
• Carousel
• Slideshow

• Customise the layout (pick which Sections to show, adjust style/settings, optionally add tag filtering or custom CSS).

• Copy the embed code provided for your layout:

  

Add Flockler to Shopify

• Go to your Shopify online store and click on the Themes tab:

  

  
  

• Click on the "Edit theme" button:

  

  
  

• Go to the page where you want to add your Flockler layout within your Theme editor (Home page in the example). Under the "Template" drop down click on the "Add section" option and search for the "Custom liquid" template:

  

  
  

• You will see the Custom Liquid box on your right where you will be able to paste your Flockler embed code and your Flockler layout will appear right on your Theme page: