<aside> BETA widgets can be customised to reflect your brand’s visual identity. This ensures your widgets blend seamlessly into your website while maintaining brand consistency.

Depending on your tier, you can adjust elements like header color (Business tier) or fully customise the widget’s appearance, including text, outline, background, and hover colors (Enterprise tier).

Attention:

<aside>

Business Tier: Customize the header color ie primary color, replacing the default blue, and a few accent colors.

Enterprise Tier and Above: Access full color customization, including text, button, and hover colors.

</aside>

</aside>

• See this example, to understand the logic of the decreasing brightness of the blue and grey scale

› Add Video to your widgets

<aside>

Enhance your forms by incorporating video content that provides additional context or instructions.

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to add a video to you form widget

⤷ Adding a video to a form

</aside>

› Customisation: Hide Header

<aside>

This guide explains how to hide the booking widget header, available on the Business tier and above, to help the widget integrate more seamlessly with your website.

<aside> <img src="/icons/warning_lightgray.svg" alt="/icons/warning_lightgray.svg" width="40px" />

Hiding the widget header is applied to each widget. This gives you full control of the header.

</aside>

Screen Recording 2025-05-31 at 16.37.51.mp4

</aside>

› Customisation: Widget Color

<aside>

Learn how to adjust the appearance of your booking widget to better match your brand. Basic header color customization is available on the Business tier, while full color control is offered on the Enterprise plan.

<aside> <img src="/icons/warning_lightgray.svg" alt="/icons/warning_lightgray.svg" width="40px" />

Your Custom Color is applied to all of your widgets. This ensures consistency and good design practice throughout.

Accessibility: When customizing widget colors, please ensure legibility and accessibility in line with guidelines, the various hues of the colors in the Settings page allows you to do that.

</aside>

Screen Recording 2024-10-25 at 08.49.05.mov

See the graphic for a guide to which colors can be edited.

</aside>

FAQs

Customisation

• How do I change the header color of my widget?

• Can I customize all widget colors?

• Why do I need to use HEX codes for colors?

• When do widget color changes appear live?

• How do I control the height and width of my iframe widget to work on my website and on mobile?