Here’s how to add Flockler to Shopify in a few minutes:

  1. Create Automated Feeds to gather content from Instagram, Facebook, Twitter, YouTube, and more.
  2. Choose your layout (Social Wall, Grid, or Carousel) and create an embed code.
  3. Add Flockler to Shopify’s homepage or any other page.

1. Create Automated Feeds to gather content from IG, FB, Twitter, YouTube, and more

The first step is to define what you’d like to gather and display from social media channels. If you haven’t added any content to your Flockler yet or need more content, navigate to the ‘Automated Feeds’ tab in the navigation.

Click the ‘Add a new feed’ button, and our bot will guide you through the process. For example, you can gather all the posts by a specific hashtag campaign like this:

With Flockler, you can combine feeds from multiple social media channels. Here’s a list of supported social media channels and content sources.

2. Choose your layout (Social Wall, Grid, or Carousel) and create an embed code.

Once you’ve got content added to your Flockler account, navigate to the ‘Display’ tab and create a Wall, Grid, or Carousel layout. After selecting your layout, we’ll give you an embed code to add to your Shopify store.

Select the Flockler layout: Wall, Grid, or Carousel on Flockler’s editing tools

3. Add Flockler to Shopify’s homepage or any other page.

The last step is to add the Flockler embed code to your Shopify store.

You can add a social media feed to all Shopify pages, to the homepage, to all product and collection pages, or any individual page. Here are the various options in more detail.

1) Add a social media feed to all Shopify pages

Sometimes Shopify store owners like to add Flockler to all the pages. For example, Flockler can show up before the footer on the homepage and all other pages.

To embed a Flockler feed to all Shopify pages, you’ll need to edit the theme layout. Go to Themes, click ‘Actions’ and select ‘Edit code’.

Edit theme on the Shopify admin view

Find the 'theme.liquid' from the left, scroll down until you find the footer section, and place Flockler’s embed code above that.

Edit theme of all Pages on the Shopify admin view

Click ‘Save’, and you are all done! An elegant Instagram feed will be displayed on every page of your Shopify store.

2) Add a social media feed to the Shopify homepage

Follow the instructions for adding Flockler to all Pages but instead of adding the embed code to the 'theme.liquid', select 'index.liquid' this time. You can add the embed after the main content or add Flockler between other elements you have on your Shopify homepage – you’re in full control, and it’s easy to change the position of the social media feed later.

Edit homepage theme on the Shopify admin view

3) Add a social media feed to all products and collection pages

If you’d like the Flockler embed code to show on all collections and product pages, you can follow the previous two options’ instructions. In this case, the 'collection.liquid' and 'product.liquid' define layouts for all collections and products, and you can add a social media feed to either of them.

4) Add a social media feed to any individual Shopify Page

Sometimes you’d like to add a social media feed to an individual page. For example, you might want to have a unique feed visible on a product page.

One option is to embed Flockler directly to the page content. From the text editor, click the ‘HTML button’.

Shopify content editor view

Then add Flockler anywhere in the text.

Adding Flockler to the Shopify content editor

That’s all! You can use any of the options to display an elegant social media feed on your Shopify store.

If you have any questions or need assistance, don’t hesitate to hit the chat button on our website.

Did this answer your question?