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 in a new page
Option 1: Embed the code in a 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.
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.
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 firstname.lastname@example.org
We're happy to help.