How do I embed an add-on gallery on my website?

Let visitors browse your add-ons on your website before they start booking. An embedded gallery shows what you offer and links to your booking page.

Getting the Embed Code

ManageWebsite Integration
Go to Website Integration.
Find Add-On Gallery and click Get Embed Code.
Choose your display style and options (see below).
Copy the embed code and paste it into your website.

Display Options

You can customize how the gallery appears on your site:

Style Options:

  • Link Only — A simple text link to your add-ons
  • Embed on my site — The full gallery displays directly on your page

Book Now Button: Choose whether to show a "Book Now" button that takes visitors to your booking page. You can customize the button text (defaults to "Book Now").

Show Pricing: Choose whether to display your add-on prices in the gallery.

Compatibility Mode: Enable this if your website builder has trouble with the standard embed. It wraps the gallery in an iframe for better compatibility with some platforms.

Color Customization

Under Advanced Options, you can override the default colors to match your website:

  • Text color
  • Button background color
  • Button text color
Most website builders accept embed codes in HTML blocks or custom code sections. If you're having trouble, try enabling Compatibility Mode first.

Was this article helpful?

Thanks for your feedback!

Sorry to hear that. Want to chat with our support team?

Chat with us

Last updated March 23, 2026 17:43