Skip to main content

Custom Elements Explained

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.

Table of contents:


How Custom Elements work

A Custom Element embeds a third-party service — a 3D tour, a form, a playlist and more — inside a topic of your guidebook.

The basic steps:

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

  2. Click New Custom Element, choose the service, give it a name and add the required embed details.

  3. Insert it into any topic in your guidebook content (see below).

  4. 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 one into topics across multiple guidebooks. Update the Custom Element in one place and it updates everywhere it's used.


Supported Custom Elements

There are currently 27 services you can add as Custom Elements. Where we have a setup guide for a service, it's linked below.

3D Tours

Form Completion & Upsells

Booking & Transportation

Hiking & Biking Routes

Audio

Event Sharing

Other

💡 Don't see the service you need? Contact our team at [email protected] 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 toolbar, click the Custom Element option and choose the element you want. You can also create a new one from there.

  4. Click Save.

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

You can add the same Custom Element 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 it's used

  • Delete a Custom Element — it will no longer appear in any guidebook where it was inserted


What's different from the legacy Hub?

Custom Elements work the same way in both Hubs and offer the same services. Only where you find them and how you insert them differ:

Legacy Hub

New Hub

Found under Settings → Custom Elements

Found under Account library → Custom Elements

Add the element's short code to the topic content

Insert it from the topic editor's Custom Element option


🤝 Need help?

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.

Did this answer your question?