Can I display my Instagram feed on my storefront?

Link your Instagram feed to your store and display it on your home page.


Elfsight Instagram Feed

Elfsight offer a highly configurable feed module that we have set up our theme to work with. They offer free and premium versions, which you can sign up for here.

Check Enable the Elfsight Instagram Feed to activate your Elfsight Instagram feed.

Configure your Instagram widget in the Elfsight control panel. Be sure to use the Instagram Feed widget, rather than Instagram Widget or Instagram Testimonials.

Embedding your Elfsight Widget

After setting up your Instagram feed widget, click the “Add to website” button in your Elfsight control panel.  You'll see a code snippet that looks something like this:

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-f1234b5b-e6bb-1234-1234-5d67b8fbbba9"></div><br>
		

Copy the code snippet, paste it into the text box below and click the “Copy ID” button on this page.


Taggbox Instagram Feed

An alternative to the Elfsight Instagram Feed module that we have set up to work on our theme is  Taggbox. They also offer free and premium versions, which you can sign up for here.

Check Enable the Taggbox Instagram Feed to activate your Taggbox Instagram Feed.

Configuring the look and feel

Configure your Instagram Widget in the "Taggbox Widget Editor", which can be found if you click "Edit" on the widget in the "My Widgets" area. Don't forget to hit the "Publish" button in the bottom left corner when you're happy with your design.

Embedding your Instagram Widget

After setting up your Instagram Widget, click the “Embed Widget” button on the widget in the "My Widgets" area. From here click "Embed On Webpage" and make sure the "Litecode" tab is selected, then you'll see a code snippet that looks something like this:

<div class="taggbox" style="width:100%;height:100%" data-widget-id="xxxxx" data-tags="false" ></div><script src="https://widget.taggbox.com/embed-lite.min.js" type="text/javascript"></script>
	

Copy the code snippet, paste it into the text box below and click the “Copy ID” button on this page.

Use the ID that is returned to paste into the Taggbox widget ID in the theme editor panel

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.