There are a few different ways that you can embed content into your Squarespace website. One way is to use the HTML < iframe > tag.
This will allow you to embed content from other websites, such as YouTube videos or Google Maps. Another way to embed content is to use the HTML < object > tag. This can be used for things like Flash applications or audio files.
To use either of these tags, you will need to add them to the code of your website. This can be done in the Code Injection section of your site’s settings. You can also use CSS to style the embedded content.
The < iframe > tag is used like this:
< iframe width="560" height="315" src="https://www.youtube.com/embed/YOURVIDEOID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen >< /iframe >
Replace YOURVIDEOID with the ID of the YouTube video that you want to embed. You can find this ID in the URL of the video. The width and height parameters are optional, but they will ensure that your video is the correct size on your website.
The < object > tag is used like this:
< object width="400" height="500" data="http://example.com/file.swf" >
< param name="movie" value="http://example.swf" >
< param name="quality" value="high" >
< param name="bgcolor" value="#ffffff" >
< param name="play" value="true" >
< param name="loop" value="true" >
< param name="wmode" value="window" >
< param name="scale" value="showall" >
< param name="menu" value="true" >
< param name="devicefont" value="false" >
< param name="salign" value="t">
< param name=”allowScriptAccess” value=”sameDomain”/ >
< /object >
Squarespace provides users with a simple drag-and-drop interface for building beautiful websites without having to code them from scratch. However, sometimes you may need to add some custom code to your Squarespace site, such as when you want to embed content from another website.
Luckily, Squarespace makes this easy to do with its Code Injection feature. In this article, we’ll show you how to use HTML to embed content from other sites onto your Squarespace page.
Using the HTML iframe Tag
The easiest way to embed content from another site onto your Squarespace page is to use the HTML iframe tag. This tag allows you to embed content such as videos, maps, and forms from other websites without having to worry about coding it yourself. To use this tag, simply add it to the code of your website in the Code Injection section of your site’s settings.
For example, say you want to embed a YouTube video onto your page. First, find the URL of the video you want to embed (you can find this in the browser’s address bar when you’re on the YouTube page). Then, copy and paste the following code into the Code Injection section.
