Skip to main content

You’ve gathered all of your video content and now it’s time to embed your Web Stories onto your Squarespace 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 in the middle of our web page. 

Layout for Firework Web Stories

Step 2: Copy the 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. 

Code options for embedding Web Stories

Step 3: Add a code block to your Squarespace page

Select where you would like to place your carousel, then press the + button and add a Code Block. 

Step 4: Paste your code from Step 2

Once you add your Code Block a text box will appear. Paste your code from Step 2, ensure the Display Source checkbox is unchecked and the upper right drop down box is set to HTML. Then, select Apply. 

Step 5: Success!

Congrats, you have successfully embedded your Web Stories onto your Squarespace web page!

 

Subscribe to our monthly newsletter

Access the latest trends, insights and information about the future of commerce.

Related Posts

Live Events vs Video Showroom: Understanding Which Fits Your Business Needs

September 28, 2023

The Evolution from E-commerce to Video Commerce: A Paradigm Shift in Online Retailing

September 27, 2023

Essential Equipment for Short-Form Retail Video Production

September 19, 2023

The Four New Rules of Brand Engagement: Elevating Trust and Loyalty Through Video Commerce

September 20, 2023

Generating Video for E-commerce: The Complete Guide

September 18, 2023

B2C Commerce’s Video Evolution: Taking Pages from the B2B Playbook

September 8, 2023
All Blog Posts

Put your commerce in motion

Find out how Firework can power your business forward.