Skip to main content
All CollectionsEmbedStoriesIntegrations
How to Embed Instagram Stories in Shopify
How to Embed Instagram Stories in Shopify

Steps on how you can embed your Instagram stories widget on your Shopify page or website.

Laze Trajkov avatar
Written by Laze Trajkov
Updated over a week ago

The EmbedStories platform allows you to easily generate and display your Instagram stories on your Shopify pages by using a shortcode.

Before we begin.

  • Login to your EmbedStories account and generate your Instagram stories

  • Get the code from your Widgets as shown below.

There are two options when embedding the code in Shopify, and In this article, we will cover both.

  • Embed code in already existing page

  • Embed code on a new page

Option 1:  Embed the code in an already existing page

Open your Shopify store click on Themes under Online Store and under Actions click on Edit Code.

Find the page where you want to display the stories on, and paste the copied code from your Widgets.

In this example, I'm pasting the code in the homepage which is called index.liquid.

Make sure to click Save once you're done.

That's it!

Here's a preview of how your stories widget will look like on your Shopify homepage.

Option 2:  Embed the code in a new page

In this option, we will create a new and dedicated Stories page for your website.

In your Shopify dashboard, go to Pages under Online Store and click on Add page on the top right corner.

Write the title of the page and click on Show Html, paste the generated code from EmbedStories, and click Save.

That’s it!

Here's a preview of your brand new Instagram stories page.

Watch the video tutorial or check the detailed steps below:

If you have any questions or need additional assistance, please feel free to reach out and chat with us or send us an email at support@embedsocial.com

We're happy to help.

Did this answer your question?