How to Embed an iFrame in Squarespace (Add FirstHi in Under 2 Minutes)
Want to add custom code or an iFrame to your Squarespace website?
Whether you're installing analytics, a chat widget, or a personalized welcome video like FirstHi, Squarespace makes it easy to add an iFrame to your site.
With FirstHi, you can greet visitors with a short video that helps them get to know you before they book a call, fill out a contact form, or make a purchase. Instead of relying on text alone, your visitors can see your face, hear your voice, and build trust from the moment they arrive.
The best part? No coding experience is required.
How to Add an iFrame to Squarespace
Adding FirstHi to your Squarespace website takes less than two minutes.
Step 1: Open Pages
From your Squarespace dashboard, click Pages.
Step 2: Choose the Page
Select the page where you'd like your iFrame to appear.
For FirstHi, many people add it to their:
Home page
About page
Services page
Contact page
Step 3: Open Page Settings
Click the ⚙️ Page Settings icon for that page.
Step 4: Go to Advanced
Inside the Page Settings window, select the Advanced tab.
Step 5: Paste Your FirstHi Code
Find the Page Header Code Injection section.
Copy the embed code from your FirstHi dashboard and paste it into the Page Header Code Injection box.
Click Save.
That's it.
Your FirstHi welcome video will now appear on that page, helping visitors connect with you before they take the next step.
Why Add a Welcome Video to Your Squarespace Website?
Most websites rely on headlines, paragraphs, and stock photos.
A short welcome video immediately makes your website feel more personal by allowing visitors to:
Meet the person behind the business
Hear your voice and personality
Understand what it's like to work with you
Feel more confident reaching out
Whether you're a coach, consultant, therapist, designer, or service-based business owner, a personal introduction can help turn more visitors into conversations.
Frequently Asked Questions
Does FirstHi work with Squarespace?
Yes. FirstHi works with Squarespace through a simple code snippet that you paste into your page settings.
Do I need to know how to code?
No. You simply copy and paste your FirstHi code into the Page Header Code Injection field.
How long does installation take?
Most users have FirstHi live on their Squarespace website in under two minutes.
Ready to Add FirstHi?
If you can copy and paste, you can install FirstHi.
In just a couple of minutes, your website can welcome every visitor with a friendly face—helping them feel like they already know you before they ever get in touch.
