Here’s how to add Flockler to Shopify in a few minutes:
- Create Automated Feeds to gather content from Instagram, Facebook, Twitter, YouTube, and more.
- Choose your layout (Social Wall, Grid, or Carousel) and create an embed code.
- 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.
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’.
Find the 'theme.liquid' from the left, scroll down until you find the footer section, and place Flockler’s embed code above that.
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.
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’.
Then add Flockler anywhere in the text.
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.