Publish and embed
Publish your tour and embed it on your website
Flip a destination to public, share the tour link, generate the iframe snippet for your own site, and deep-link straight to a specific scene.
Video walkthrough
Narration script
The walkthrough has not been recorded yet. This is the narration it will follow, step for step.
Your tour is built. Let us publish it and put it on your website. I am on my destination page, at the Public tour link section. Right now the pill says Private, which means visitors cannot see it and it cannot be embedded. If I want a client to see it before launch anyway, there is a Private preview link right below: I create it, copy it, and send it. Anyone with that link can view the tour while it stays hidden from everyone else, and if the link leaks, Replace kills every copy at once. I click Toggle, and now it is Public. Anyone with the link can view it, no account needed, and the same button takes it private again whenever I want. I grab the link with Copy link. That link opens the tour at its default start scene, and I can choose which scene that is in the Default start scene section right here on the same page. If I want to send someone to one exact scene instead, I open that scene in the creator studio and copy the link there; it adds a scene parameter to the U R L for me. Now the embed. I scroll to Embed this tour, which comes alive once the tour is public. I pick a theme, light or dark, an accent color, a width, and a height, and I can see exactly what I will get in the live preview. Then Copy embed code, and I paste that iframe into my own site. WordPress, Squarespace, Weebly, Webflow, plain HTML, React, they all work, and there are step-by-step guides for each at slash docs slash embed dash tours. One power move: to make the embed start on a specific scene, add the scene parameter to the iframe source yourself, using the scene's ID from its page U R L. That is it. Published, shared, and embedded.
Steps
- Open your destination from /creator/destinations and find the Public tour link section. The status pill reads Private until you change it: private tours are invisible to visitors and cannot be embedded. To show a private tour to a client before launch, use the Private preview link below the toggle: Create preview link, copy it, send it. Anyone with the link can view — including scenes you have not published yet, which is the point of a preview. Send the whole link: if the ?k= part is trimmed off by a chat app or email client, they get a Not found page.
- Click Toggle to make the tour public. Anyone with the link can now view it, no sign-in needed. The same button flips it back to private any time.
- Copy the shareable link with the Copy link button. It opens the tour at its default start scene; pick that scene in the Default start scene section on the same page.
- To share a link that lands on one specific scene, open that scene's page in the creator studio and use its Copy link button: it appends ?scene= and the scene's ID to the tour URL.
- To put the tour on your own website, scroll to Embed this tour (it activates once the tour is public). Choose a Theme (light or dark), an Accent color, a Width (default 100%), and a Height (default 600), and check the live preview.
- Click Copy embed code and paste the iframe into your site: WordPress, Squarespace, Weebly, Webflow, plain HTML, or React all work. Platform-by-platform walkthroughs live at /docs/embed-tours.
- To make an embed start on a specific scene, add the scene parameter to the iframe src by hand: append &scene= followed by the scene ID (use ? instead of & if it is the first parameter). The scene ID is the long code in the scene page's URL.