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 👇

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…

📩 Join the inner circle to get exclusive code updates

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.

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

Want more?