Drop a 3D Vista tour into any section of your Touch Stay guidebook to make it fun for guests to explore your property, build excitement and plan ahead, long before they arrive.

Table of contents:

Open Custom Elements and click New Custom Element:

Next, select 3D Vista as the Third Party Service. This will prepopulate an Element code name, but you can change this to something more descriptive if you prefer. This is the short code that you will ultimately insert into your topic content where you want the 360 tour to show.

You now need to copy the link to your 3D Vista tour. This can be found under the sharing options for your tour. Copy the link, paste it into the 3D Vista Tour link box in your Touch Stay Custom Element and click Save.

Your Custom Element is now ready and the final step is to insert it into your topic content where you want the 360 tour to be displayed.

Open the topic you want to add the tour to (new Hub: open the guidebook and go to the Guidebook Content tab; legacy Hub: Content Hub). Place your cursor where you would like the tour to appear; it can be used standalone or have regular topic content (text or images) before or after. Click Custom Element in the editor toolbar, select your element code name from the dropdown and click Insert. Then save the topic (new Hub: Save Changes; legacy Hub: Save).

This will place your custom element code into your topic content, and when you preview the guide it will be replaced by your chosen 360 tour.

Touch Stay currently only accepts 3D Vista tour links that start with https://www.norfolkpropertyphotos.co.uk/tours/. If your link starts differently, it will be refused. Please contact support and send us your tour link and a screenshot of the 3D Vista share options that are available to you.

The 3D Vista tour will be added to your guide using what's known in web development as an iframe. This technique creates a window in your guide to the 360 tour player. However, the window isn't able to detect the size of the source 360 tour and you may wish to adjust the height of the window to better match your tour player. Open Custom Elements (see the path above), use the 3 dots menu next to the element and select View/Edit, then adjust the Standard element height. You may find it useful to have your guide preview open in a separate tab so you can refresh the page after changing the height in case it needs further adjustment.

On the legacy Hub, yes. This means you don't need to create a separate custom element for each of your properties. Go to Guides and click the name of the guide. Scroll down to the Guide Custom Elements card at the bottom of the Guide details page and click Edit. In the Edit Custom Elements (this guide only) window, any tour link and height you set will apply to this guide only. This card only appears if you have more than one guide and at least one Custom Element.

The new Hub has no per-guide screen yet, so you can't set a different tour for each guidebook there. Values you already set per guide in the legacy Hub still apply to your guests; to see or change them, switch back to the legacy Hub. Note that if you're an owner, admin or team admin, switching to the legacy Hub also turns Guidebook 2.0 off.

Our Fin AI assistant is available 24/7 and typically responds in under 10 seconds. If Fin isn't able to solve your issue, our support team will take ownership of your case from there.

You can also reach out to our team at [email protected], and we'll be happy to help.