Skip to main content

Embed your Instagram Feed into a Page

Add your Instagram feed to any page using the HTML element

Updated over a month ago

You can add your Instagram feed to any page using the HTML element in Shogun.

HTML Embed

Instagram provides an HTML embed code that allows you to display a specific post or an entire Instagram profile.

  1. Place the HTML element in your Shogun page where you'd like the feed to appear.

  2. Obtain the embed code by following these steps from Instagram’s Help Center:

    • From the post or profile you want to embed, click More actions (top right).

    • Click Embed, then Copy embed code.

    • If the Embed option isn’t available, the post or account may be private or have embeds disabled.

  3. Paste the copied code into the HTML element in Shogun.

Note: The embedded content may not immediately appear in the editor.


Using Third-Party Apps

Many merchants prefer third-party Instagram apps like Instafeed or FourSixty, which integrate easily with Shogun.

To add Instafeed:

  1. Install Instafeed on your Shopify account.

  2. Connect your Instagram account (must be a Business or Creator account).

  3. Configure your feed settings.

  4. Add the following code to your page using the HTML element or a snippet:

    <div id="insta-feed"></div>

Shogun's Former Instagram Element

Shogun previously offered a built-in Instagram element, but it has since been deprecated.

If you used this feature, you may want to remove Shogun’s access from your Instagram account:

  1. Log into your Instagram account.

  2. Navigate to Settings > Authorized Apps.

  3. Find Shogun and click Revoke Access.

Click here to go directly to the authorized apps page.

Note: It may take some time for the removed account to disappear from dropdowns, as this data is only updated periodically.

Did this answer your question?