Shopify Instagram Feed Widget Generator: Embed Instagram Posts on Your Shopify Store

Use the widget builder below to create your free Instagram Feed widget for Shopify. Select a template and click “Continue with this template” to get started.

Do you want to add Instagram Widget to Shopify and others? No problem.

How to use the Instagram Feed Widget Generator

Instagram Feed Widget
  1. Choose a template: Select a preferred template and click the “Continue with this template” button. Some available templates are Small Widget, Profile Widget, Grid, Hashtag Showcase, and Post Slider.
  2. Add Instagram Sources: There are two source types: 1) Account and 2) Hashtag. You can add multiple sources.
  3. Filter content: You’re in control. You might not want to display all Instagram posts on your Shopify online store, website, or blog. So, utilize flexible filtering options to filter in or out posts based on keywords and hashtags. Also, you can set the maximum number of posts to display in the feed. If set to 0, all available posts will be displayed.
  4. Layout settings: The power is in your hands. Slider and Grid are just a few of the available layout options for you to choose from.
  5. Post settings: You can select a post style, edit the visibility of post elements, post-click action, popup settings, and call-to-action buttons.
  6. Change appearance: Select a color scheme and customize the appearance of the Shopify Instagram widget’s elements. If any customization is unavailable on the editing panel, use the custom CSS field.
  7. Once you’ve customized the widget, click the “Add to website for free” button. This will allow you to add the Instagram feed widget to Shopify website at no cost. You will also need to register to save your changes. It’s as easy as copy and paste. Copy the embed code for the Instagram feed widget and paste it into your website’s HTML editor where you want to showcase it.

The Instagram Feed widget’s HTML embed code

You can easily embed the Instagram Feed widget into your Shopify website using the “Custom Liquid” section in Shopify Editor. Here’s how to add Instagram feed to a specific page in Shopify:

  1. Open your website’s visual editor: Log in to your Shopify admin panel and go to Sales Channels → Online Store:
Online Store Menu Item Shopify

Click the Customize button:

Customize Shopify Store
  1. Add Custom Liquid section to the target page: When you go to visual editor, the home page is opened by default. To select another page where you want to embed Instagram feed on Shopify, find it in the dropdown list at the top of the page.

To install the widget, click Add Section:

Add Section to Shopify page

Then choose Custom Liquid from the list:

Custom Liquid Section in Shopify
  1. Paste the installation code: Paste the widget installation code to the Custom Liquid field. You can also change the Color scheme and set Top/Bottom paddings if needed. After this, Save the changes:
Embed Custom Codes in Shopify
  1. Save your changes and preview the widget on your Shopify page.

The best part is you can embed your Instagram widget on multiple websites regardless of whether they are made on Shopify.

How to Manage Your Instagram Feed Widget

Once you have created your embeddable Instagram feed for Shopify Store, you can easily manage it on your account. In your dashboard, search for “Instagram Feed” app under list of apps. As you can see from the following screenshot, you can create more Instagram feed widgets, edit existing ones, and get HTML embed code.

Manage Instagram Feed Widgets

Related Tutorials