View Categories

Embedding your Web Stories on Squarespace

2 min read

Now that you have your short video content, it’s time to embed your Web Stories onto your Squarespace website in 5 easy steps. Let’s get started!

 

Step 1. Create a playlist of web stories for your product page

Head on to your Firework Business Portal, and select the channel containing all of your video content.

On the left side, there will be a “Playlists” section. Click on the + button to create a new playlist.

Select videos that you would like to publish on your web page to the playlist.

 

Step 2. Select your preferred layout

First, click on the Embed buttonon the right side.

Then, you’ll be prompted to the following screen to select the layout you would like to embed on your website. In this example, we will be embedding a Carousel on the bottom of our webpage.

 

Step 3. Copy the HTML code 

After selecting your preferred layout, your code will be generated below & you can copy it under the “Copy HTML code” textbox.

Tip: Please keep in mind that the code will adjust based on the layout you select & you will need to copy it every time you change your selection.

 

Step 4. Add a code block to your Squarespace Web Page

Now it’s time to add your copied code onto your Squarespace page!

On your page, select where you would like to place your videos & then press the + button and add a Code Block.

Step 5. Paste your code from Step 2

Once you add your Code Block, a text box will appear.

Paste your code from Step 2.

Before clicking Apply, ensure that the Display Source checkbox is unchecked and the upper right drop down box is set to HTML. After which you can select Apply!

Step 6. Success!

Congratulations, you’ve done it! You have successfully embedded your Web Stories onto your Squarespace website for the world to see.

Powered by BetterDocs