Skip to main content

Custom Elements Explained (New Hub)

Custom Elements let you embed third-party services into your guidebooks — 3D tours, booking forms, hiking routes, playlists and more. Turn your guidebook into a multifunctional tool to showcase your property and enhance the guest experience.

In the new Hub, Custom Elements live in the Account library → Custom Elements section. Build a Custom Element once and reuse it across all your guidebooks from one central place.


How Custom Elements work

Each Custom Element has a short code. You add this short code into your guide content (inside a topic), and the embedded service appears in the guest view of the guidebook.

The basic steps:

  1. Open Account library → Custom Elements from the left sidebar.

  2. Create a new Custom Element — choose the service type, give it a name and add the required embed details.

  3. Copy the short code.

  4. Paste the short code into any topic in your guidebook content.

  5. Save — the embedded service appears in the guest view.

Because Custom Elements live in the Account library, you create them once and can insert the same short code into topics across multiple guidebooks. Update the Custom Element in one place and it updates everywhere it's used.


Supported Custom Elements

The services currently supported as Custom Elements are listed below. Each item links to a separate article with specific instructions for that service.

3D Tours

Form Completion & Upsells

Hiking & Biking Routes

Audio

Event Sharing

Other

💡 Don't see the service you need? Contact our team at [email protected] or submit a ticket from your Touch Stay account to enquire about it being included in a future update. Not all suggestions will be added, but we'll do our best to accommodate as many requests as we can.


Inserting a Custom Element into your guidebook

  1. Open the guidebook and go to the Guidebook Content tab.

  2. Open the topic where you want to add the Custom Element (click the topic name or (⋯)Edit).

  3. In the content editor, paste the Custom Element's short code.

  4. Click Save.

  5. Check the live preview on the right to confirm the embedded service appears correctly.

You can add the same short code to topics in different guidebooks — they'll all display the same embedded service, managed from one place.


Managing your Custom Elements

All your Custom Elements are managed centrally in Account library → Custom Elements.

From here you can:

  • Create a new Custom Element

  • Edit an existing Custom Element — changes apply everywhere the short code is used

  • Delete a Custom Element — the short code will no longer render in any guidebook where it was inserted


What's different from the legacy Hub?

Legacy Hub

New Hub

Custom Elements accessed from a separate area of the platform

Custom Elements managed from Account library → Custom Elements — grouped with Field Codes, Tags and Content Hub

Same short code system

Same short code system — no change to how you insert them into content

Updating a Custom Element required finding it in the old settings

All Custom Elements in one central list — update once, applies everywhere

Did this answer your question?