You’ve gathered all of your video content and now it’s time to embed your Web Stories onto your Shopify website. Let’s get started!
Step 1. Select your layout
After clicking the pink Embed Channel button you’ll see this screen and be prompted to select which layout you would like to embed on your website. For this example we will be embedding a carousel.
Step 2. Copy HTML code
After selecting your layout you will see different options for embedding your code. Select HTML and then select the Copy Code button. For each layout you select you will need to copy a new code and repeat this process.
Step 3. Add a Custom HTML section to your Shopify
Head to your Shopify website and add a new section. Then select Custom Content, Add Content, then scroll down and select Custom HTML.
Step 4. Paste HTML code from Step 2
After selecting Custom HTML a blank HTML box will appear. Paste in your code from Step 2 and change the container width to 100%.
Step 5. Success!
Congrats, you have successfully embedded your Web Stories onto your Shopify website. Be sure to save your progress in the upper right corner!