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, In this article we will cover both options.
- 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 previews on your brand new Instagram stories page.
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.