Website Building » Squarespace » How Do I Add Embed Code to Squarespace?

How Do I Add Embed Code to Squarespace?

Last updated on October 1, 2022 @ 4:38 am

Adding embed code to your Squarespace website is a great way to add custom functionality or content. There are two ways to add embed code to Squarespace: through the Code Block element, or by adding it to the Custom CSS section of your site.

The Code Block element is the easiest way to add embed code to your site. Simply drag and drop the Code Block element onto your page, and then paste your embed code into the block. The Code Block element will automatically apply the necessary HTML tags to style your code.

PRO TIP: Adding embed code to your Squarespace site is a great way to add rich media content, but it’s important to be aware of a few things before you do so.

First, make sure that the code you’re adding is compatible with Squarespace. Some code, like that used for certain social media widgets, may not work properly when added to your site.

Second, be aware that adding code to your site can potentially impact its load time and performance. If you’re concerned about this, we recommend testing the code on a staging site before adding it to your live site.

And finally, always remember to back up your site before making any changes!

If you want more control over how your code is styled, you can add it to the Custom CSS section of your site. To do this, go to the Design tab of your site editor and click on Custom CSS. Then, paste your embed code into the CSS editor and apply the desired HTML tags.

Conclusion:

Adding embed code to Squarespace is a great way to add custom functionality or content to your website.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.