How to Embed Your TourReady Tour on Wix

Wix is the platform we get the most embed questions about — not because it's hard, but because the editor has quirks that punish anyone who's never wrestled with it before. The good news: once you know the workaround, you can embed a tour on Wix in about five minutes and never have to touch it again.

This walk-through is the field-tested path. It works on the classic Wix Editor and Wix Studio. It avoids Velo. It handles the responsive bug that strips half of Wix embeds on mobile. Paste, save, publish.

What to grab first

Before you embed a tour on Wix, line these up. None take more than a minute.

1. Your published TourReady tour URL: https://tourready.ai/t/your-slug. Copy from your TourReady dashboard.
2. Site Manager access on Wix. Owner role is easiest, but Editor role works too.
3. Decide the placement now — homepage, About page, or booking page. We'll cover all three.

If you haven't generated a tour yet, that comes first. One photo. Two minutes. Start your tour →

Embed tour on Wix: 6 steps

The cleanest path to embed a tour on Wix uses the Embed HTML element. Here is the six-step playbook.

1. Open the Wix Editor. Wix dashboard › My Sites › pick your site › Edit Site.
2. Navigate to the target page. Use the Pages panel on the left › pick the page where the embed goes.
3. Add an Embed element. Left toolbar › Add Elements (+) › Embed Code › Embed HTML. Drag onto the page.
4. Open the code editor. Click the element › Enter Code. A modal opens.
5. Paste the responsive snippet (see the wrapper trick in the next section for why this matters):

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

6. Update › Publish. Click Update in the code modal, then drag the element to fill your section, then hit Publish in the top-right.

That's the desktop pass complete. The mobile pass is in section four — don't skip it.

The iframe trick for Wix responsive bugs

Wix's Embed HTML element has a known bug: when you paste a fixed-height iframe, the element resizes to your editor canvas but the inner iframe stays at its declared height. The result on mobile is a tour that's stretched, squished, or clipped.

The fix is a percentage-padding wrapper. The padding-bottom:62% trick forces the wrapper to maintain a 16:10-ish aspect ratio regardless of viewport width. The inner iframe is absolutely positioned to fill that wrapper. Wix's editor leaves the markup alone because it's inside the Embed HTML element, which is sandboxed.

"A tour outlasts an ad. The embed code that publishes it should outlast the editor's bugs."

This is the same trick the rest of the embedded-media world uses for YouTube, Vimeo, Google Maps, and Calendly. It is the cleanest pattern for any responsive iframe on Wix, period. Once you've used it for your tour, you can use it for everything else. Start your tour → if you haven't yet.

Don't skip the mobile editor

Wix runs a separate editor for mobile. Even with the wrapper trick, you should still verify the embed on mobile before declaring victory. Two reasons:

• Wix sometimes auto-hides Embed elements on mobile if they're flagged as "complex." You have to toggle visibility back on.
• Mobile section heights are independent. If your section is 200px tall on mobile but the embed wants 480px, Wix will clip the embed.

To fix: in the editor, click the mobile-view toggle (phone icon, top-bar). Find your Embed element. If it's hidden, click the eye icon to re-show. Then drag the corners to fit a comfortable square. Save. Republish.

High-converting placements

Now that you can embed a tour on Wix, here are the placements that earn their pixels.

1. Homepage strip section. Above the fold, full-width strip. This is the first thing visitors see.
2. About page. The walkable tour pairs with your story better than a stock interior photo.
3. Booking page. Place the tour above your Wix Bookings widget. Visitors confirm the vibe before they tap the time slot.

Frequently asked questions