To embed an AI virtual tour on your website, you copy the embed code from your tour platform and paste it into an HTML or code block on the page where buyers should meet the tour. With Path you pick one of three formats (a floating chat widget, an inline iFrame or a full-screen landing page), and it works with WordPress, Webflow, Squarespace or custom code. This guide covers each option, a step by step setup, and what to check once the tour is live.

Why put the tour on your own site

Most buyers find a project through your website, a listing portal or an ad that points back to your site. If the tour lives somewhere else, every click away is a chance for the buyer to wander off and for your analytics to lose the thread.

An AI tour on your own page keeps the buyer where your branding, floor plans and contact details already are. With Path, the tour also carries an AI concierge, Ella, who answers questions by voice or text, 24/7, in 42+ languages. So the page that used to hold a static gallery now answers questions about the home and the neighborhood while the buyer is still reading.

Four ways to share or embed a Path tour

Every Path tour can go out in four forms. You find them in the Distribution section of the Path dashboard.

• Shareable public link. Every tour has a permanent public link that needs no account to open. You can copy it, or send it to a client's email or phone from the dashboard. Use it in emails, text messages, social posts and portal listings where you cannot add code.

• Chat widget. A floating widget that sits on top of your existing page. You can customize its color, agent name, avatar and position so it matches your site. It suits home pages and project pages where the tour should be one tap away without taking over the layout.

• Inline iFrame. The tour appears inside a section of your page, like an embedded video. It suits a dedicated tour section below the hero image or next to floor plans.

• Full-screen landing page. The tour fills the screen. It suits campaign links and ads where the tour is the whole point of the visit.

Many teams use more than one. A common setup is the chat widget across the whole site, an inline iFrame on the main project page, and the landing page for paid campaigns.

How to embed the tour, step by step

1. Finish the tour. Make sure the property setup is complete in Path, with your images or tour in place, your custom instructions written and an AI agent selected.

2. Open Distribution. In the Path dashboard, go to Distribution and choose the embed format you want.

3. Customize the widget. If you picked the chat widget, set the color, agent name, avatar and position.

4. Copy the code. Copy the embed code for the format you chose.

5. Paste it into your site. In WordPress, Webflow, Squarespace or a custom build, add the code through an HTML, embed or custom code block on the page where the tour should appear. For a site-wide chat widget, use your platform's site-wide code setting so it loads on every page.

6. Publish and test. Publish the page, open it in a private browser window, and run through the tour as a buyer would.

One WordPress detail is worth knowing before you start. According to WordPress.org's documentation for the Custom HTML block, users without the unfiltered_html capability (for example, a Contributor) have tags such as iframe and script stripped out when the post is saved. If your embed disappears after saving, ask someone with an Administrator or Editor role to add it.

Which format fits which page

The right format depends on what the page is for.

• Home page: the chat widget, so a first-time visitor can start a conversation without hunting for the tour.

• Project or listing page: an inline iFrame near the photos and floor plans, plus the widget for questions.

• Ad and email landing pages: the full-screen landing page, so the tour is the first thing the buyer sees.

• Portals, texts and social: the shareable public link.

If you sell several properties, each property gets its own tour and public link, so a brokerage can put a different tour on each listing page. Our page for brokerages shows how teams set this up across listings, and the page for developers covers project sites.

What to check after the tour is live

A tour that loads badly or skips the lead step costs you buyers. Run these checks on every page where you add the code.

Mobile

Open the page on a phone, in portrait and landscape. Make sure the widget does not cover your own contact button or menu, the inline iFrame is tall enough to use, and the mic button works for voice questions. Change the widget position in Path if it collides with something on your site.

Page speed

Any embedded iframe adds work for the browser. If your inline tour sits far down a long page, you can set the iframe's loading attribute to lazy so the browser waits until the visitor scrolls near it. Google's web.dev guide to iframe lazy-loading explains how this works and notes it is supported across all the major browsers. Leave it off for a tour that sits at the top of the page, since the buyer sees that one right away.

Lead gate

Before the tour opens, every visitor enters a name, a valid email, a valid phone and ticks a consent box saying their information will be shared with the listing agent. Go through it yourself with a test entry. Then check that the new visitor alert email arrives with your details and a conversation summary, and that the visit shows up in Visitor Trends in the dashboard.

Booking

Click Book a viewing inside the tour. It should open your scheduling link (Calendly, Acuity or any URL) or send you a meeting request by email, and the visitor should get a confirmation.

What happens after a buyer uses the embedded tour

Embedding is only useful if someone acts on the visits. Each visitor gets a profile with their conversation history and a 0-100 Conversion Score based on engagement, recency and their declared buyer profile. Your team gets a new visitor alert after a visitor's first interaction and a weekly digest of top visitors by email, SMS or both.

Visitors can sync to HubSpot or Follow Up Boss, one at a time or automatically, or you can export a CSV. Our guide to virtual tour lead capture walks through that follow-up in detail, and if your tours start in Matterport, read how to capture leads from your Matterport tours.

Frequently asked questions

Does the embed work with WordPress, Webflow and Squarespace?

Yes. Path's embed code works with WordPress, Webflow, Squarespace or custom code. You paste it into the HTML or code block your platform provides.

Do visitors need an account to open the tour?

No. Every tour has a permanent public link that opens without an account. Visitors enter their name, email and phone before the tour starts.

Can I match the chat widget to my brand?

Yes. You can customize the widget's color, agent name, avatar and position.

Can I embed a Matterport tour this way?

Yes, once the Matterport tour is linked in Path, which needs Path+ or above. Photo tours run on Path Lite.

Where do I find the embed code?

In the Distribution section of the Path dashboard, which offers the chat widget, inline iFrame and landing page formats.

See the embed options on a live tour

Book a 30-minute demo and bring the URL of the page where you want the tour. We will show you each embed format and what your team sees when buyers start using it. You can also try a live demo tour first.

Book a demo