How to embed your Instagram feed in Shopify

Before you start: get your embed code

1. Sign up for Social Feed by grip space with your email address. The Free plan lets you create one widget.
2. In the dashboard, click “+ Connect Instagram account” and connect an Instagram professional account (Business or Creator). A personal account can be switched to a professional account for free in the Instagram app.
3. Open “Settings & preview”, choose a grid or a slider, set the number of posts and columns while checking the preview, and save.
4. Under “Add the embed code to your website”, click “Copy”. The code looks like this:

<script type="text/javascript" src="https://n246.grip.space/api/v1/instagram/widget/xxxxxxxx"></script>

The posts appear exactly where you paste this code. Keep it handy for the next steps.

Add the feed with a Custom Liquid section

1. In Shopify admin, go to Online Store → Themes and click Customize on your current theme.
2. At the top of the theme editor, choose the page you want to edit (for example the home page or a product page).
3. In the left sidebar, click Add section and choose Custom Liquid.
4. Paste the embed code into the Liquid code box.
5. Drag the section to where you want the feed, then click Save.

If the theme editor preview does not show the posts, open your store in a new tab to check.

Show the feed on all product pages

Product pages share one template. If you add the Custom Liquid section while editing the product template, the feed appears on every product page that uses that template.

Show the feed on every page

Sections added in the footer group of the theme editor appear on every page. Add the Custom Liquid section there if you want the feed site-wide.

If your posts do not appear

1. Check that the widget is set to Published in the dashboard. An unpublished widget shows nothing.
2. Make sure the whole code was pasted, from <script to </script>.
3. Look at the published page, not the editor. Many editors do not run scripts while you are editing.