Squarespace allows embedding iframes using a code block, but it’s important to note that this feature is only available on their premium plans – Website Business and higher. Here’s how to implement an iframe in Squarespace:
- Navigate to the Squarespace editing dashboard and open the specific page where you want to embed the iframe.
- Locate the section where you want to place the iframe and click the “+” symbol to add a new block.
- From the available options, choose “Code”.
- You’ll see a code editing area within the block. Here, you’ll need to paste the iframe code. If you don’t have the code yet, you can typically acquire it from the source you’re embedding (website, video platform, etc.) by looking for their embed code instructions.
- The basic iframe code structure looks like this:
HTML
<iframe src=”URL_OF_THE_PAGE” width=”WIDTH” height=”HEIGHT“></iframe>
Make sure to replace the following:
- URL_OF_THE_PAGE: Replace this with the actual URL of the webpage or content you want to embed within the iframe.
- WIDTH: Specify the desired width of the iframe in pixels or using a percentage (e.g., “100%”).
- HEIGHT: Define the height of the iframe in pixels. You might need to adjust this value based on the content being embedded.
Once you’ve entered the code with your adjustments, save the changes to the code block and publish your Squarespace page to make the iframe visible.
Here are some additional resources that you might find helpful:
- Squarespace doesn’t have an official guide on iframes, but you can find a reference to using the code block for embedding on a third-party website like Whereby: https://whereby.com/information/embedded
- This guide by Crawford offers a more detailed walkthrough on adding an iframe to Squarespace, including a video tutorial: https://m.youtube.com/watch?v=HAvisOJJh0A