Embed an iFrame on Squarespace: Expert Guide
An iFrame is basically a mini website within a website. What does that mean?
Well imagine you’re a Squarespace designer and you want to showcase the websites you’ve built for clients on your portfolio page. Well, you can use an iFrame to showcase that website, within yours.
In today’s Squarespace tutorial, I’ll show you how to add an iFrame to a Squarespace website.
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
How to add an iFrame to a Squarespace website
Firstly, navigate to the edit dashboard for the page you want to add your iFrame to.
Add an Embed or Code block to the page and replace the default code with:
<iframe src="" width="960" height="515"></iframe>
This code creates a super simple iFrame which I personally think is all you need, however you can make more advanced versions with borders etc. But back to that code…
Within the code you need to add the URL for the website or video you want to feature within the iFrame and you can alter the width and height of the iFrame to meet the needs and design of your webpage.
So it would look something like this:
<iframe src="https://bycrawford.com/" width="960" height="515"></iframe>
Hit save and you’ll have added the iFrame to your website.
If you liked this quick yet effective Squarespace tutorial, make sure you check out the rest of my Squarespace guides.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
