How do I embed the booking widget on my website?

Add a container element and the widget script to any page on your website. Replace your-business with the address of your Triviyo booking page.

<div id="booking-widget"></div>
<script src="https://triviyo.com/widget.js"></script>
<script>
  Triviyo.init({
    org: "your-business",
    container: "#booking-widget"
  });
</script>

Options

• experience: show a single experience instead of your full catalogue
• theme: "light" or "dark"
• primaryColor: any CSS colour, for example "#8b5cf6"
• width and minHeight: control the size of the embedded frame
• onLoad and onBook: callbacks for analytics or custom behaviour

You can also link directly to your booking page instead of embedding it.