Customising a widget
The widget designer in Settings → Marketing → Widgets controls how your widgets look and which sections they show. Its settings apply across your widgets, alongside the colours, fonts and logo from your branding.
Choose how much chrome the widget shows:
| Style | Best for |
|---|---|
| Minimal | A compact, form-first widget - straight to booking, little else. Good for tight spaces and sidebars. |
| Detailed | A richer layout with a hero image and information sections around the booking flow. Good for a dedicated “Book” page. |
Set the widget’s maximum width:
| Width | Pixels |
|---|---|
| Narrow | 340px |
| Medium | 440px |
| Wide | 600px |
Match your iframe’s max-width to this value when you
embed the widget so it isn’t boxed in or stretched.
Detailed-view sections
Section titled “Detailed-view sections”When the style is Detailed, you can toggle which information sections appear. These have no effect in Minimal style.
| Section | Shows |
|---|---|
| Info card | A summary card of key venue details. |
| About | Your venue description. |
| Map | An embedded location map. |
| Contact | Your contact details. |
| T&Cs | Your terms and conditions. |
Turn off any section you don’t need to keep the widget focused.
Custom CSS
Section titled “Custom CSS”For finer control you can add custom CSS. Your rules are automatically scoped to the widget, so they only affect the embedded widget and can’t leak out and restyle the rest of your website. Use it for small tweaks - spacing, button shapes, typography touches - on top of your branding.
Colours, fonts and logo
Section titled “Colours, fonts and logo”The widget’s accent colour, background, text colour and font all come from your branding - set them there, not in the designer, and every widget picks them up.
The logo is the same: by default a widget shows your branding logo. You can also set a per-widget logo if you want a widget to display a different logo from your main branding - handy for a co-branded or campaign-specific embed.