How to Embed Your TourReady Tour on Squarespace

Nobody actually wants to wrestle with embedding code on their website. You want the walkable tour on the page, looking right, working on phones — and then you want to never think about it again. Good news: you can embed a tour on Squarespace in under five minutes, with two lines of code, and the result will outlast any agency build the platform tried to upsell you on.

This is the field-tested walk-through we use with every local business owner who's running on Squarespace and wants their TourReady tour live on their homepage by lunch. No developer. No retainer. Just paste, save, publish.

What you need first

Before you embed a tour on Squarespace, gather three things. None take longer than the time to make coffee.

1. Your published TourReady tour URL. Format: https://tourready.ai/t/your-slug. Copy it from your TourReady dashboard.
2. Editor access to your Squarespace site. Owner or contributor with editor rights both work.
3. Your Squarespace plan tier. Business or higher unlocks the Code block; Personal lets you use the Embed block. Both paths are documented below.

That's it. No API key. No iframe sizing math. The TourReady tour is hosted free, forever, on a fixed URL — so whatever you paste into Squarespace today will still be working three years from now.

Embed tour on Squarespace: 5 steps

Here is the cleanest path to embed a tour on Squarespace using the Code block (Business plan and above). If you're on Personal, skip to the alternate path further down.

1. Open your site editor. Squarespace dashboard › Pages › pick the page › Edit.
2. Add a section. Click the + between two existing sections and choose Blank section. Width: full-bleed.
3. Insert a Code block. Inside the new section, click the + insert point › More › Code. The block opens with a default HTML scaffold.
4. Paste this snippet (swap in your tour URL):

   <iframe src="https://tourready.ai/t/your-slug"
     width="100%" height="600"
     style="border:0;border-radius:12px;"
     allow="fullscreen; xr-spatial-tracking"
     loading="lazy"></iframe>

5. Save and publish. Click Save in the top-left, then Done, then the Publish button in the page header.

That's the whole job. Reload your live site, scroll to the section, and the walkable tour should be there. Start your tour → if you haven't generated one yet.

Personal plan path: If your plan doesn't include Code blocks, use the Embed block instead. Insert › More › Embed › paste your tour URL into the URL field. Squarespace will render the iframe automatically. You lose some sizing control, but the tour still works.

The two settings most owners miss

When you embed a tour on Squarespace, two settings get skipped 9 times out of 10. Both are easy. Both matter.

Setting #1: aspect ratio. The default height="600" in our snippet works on desktop but crops awkwardly on mobile. Replace it with a percentage-based wrapper so the tour scales:

<div style="position:relative;padding-bottom:62%;height:0;">
  <iframe src="https://tourready.ai/t/your-slug"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px;"
    allow="fullscreen; xr-spatial-tracking"
    loading="lazy"></iframe>
</div>

Setting #2: lazy-loading. The loading="lazy" attribute in our snippet tells the browser not to load the tour until the visitor scrolls near it. This keeps your Squarespace page-speed score clean. Don't remove it.

"Hosting should be free, forever. Embedding should be two lines."

Where to place the embed

Once you know how to embed a tour on Squarespace, the next question is where. Here are the three placements we see convert highest, in order of ROI.

The three placements that pull their weight:

• Homepage hero. Above the fold, full-bleed section. This is the storefront window now.
• About page. A walkable tour next to your story converts at roughly 2× a static photo gallery.
• Service or location page. Especially for multi-location businesses — drop one tour per location page.

If you have not generated a tour yet, you only need one photo. Start your tour →

Troubleshooting

If the embed shows up blank or broken, 90% of the time it's one of these four things. Walk the list before you contact anyone.

1. Wrong URL. Confirm the URL begins with https://tourready.ai/t/ — not a preview link from your dashboard.
2. Plan tier mismatch. Code block requires Business plan. Check Squarespace dashboard › Billing.
3. iframe stripped. Squarespace occasionally sanitizes the allow attribute. Re-paste and re-save.
4. Browser cache. Hard-refresh (Cmd+Shift+R / Ctrl+Shift+R) before assuming the embed didn't work.

If all four pass and the tour still won't load, email TourReady support with your Squarespace URL. A real human responds same-day.

Frequently asked questions