Themes & templates

A theme is the overall look of your booking page — the way your hero, headings, buttons and opening hours are laid out and styled. Rather than designing a page from scratch, you pick one of five ready-made themes, then adjust a few options to taste. Your logo, colours, font and wording stay yours; the theme decides how they are arranged. Every change shows instantly in the live preview beside the settings.

Before you begin

Your theme and its options live on the Theme sub-tab, inside the Pages tab of the Booking Page editor — reached from Booking Page in the left menu. Available on plans that include the Booking Page. Choosing a theme, its hero and layout options, and the hide toggles are all part of booking-page customization — without it, this tab shows a small Upgrade to unlock notice instead of the controls. As the restaurant owner you have every permission by default; employees need permission to view and edit the Booking Page.

What your theme controls

One theme styles more than just the front page. When you pick a theme it shapes your landing page, about page and contact page, plus the shared header and footer that wrap every page — so your whole site feels like one design. That is why the theme setting sits in its own Theme sub-tab rather than on any single page.

What the theme does not touch is your content: your logo, brand colours, font, hero image, headline and menu are all set elsewhere and flow into whichever theme you choose. Swapping themes rearranges those ingredients into a new look without losing them.

Finding the theme settings

1. Click Booking Page in the left menu to open the editor.
2. Open the Pages tab across the top.
3. Select the Theme sub-tab. It opens a card titled Page Template.

The Theme sub-tab is laid out top to bottom as two hide toggles, then the Theme picker, and finally a Template options section that appears only for themes that offer extra choices.

The Theme sub-tab. The hide toggles, theme cards and template options all live on this one screen.

Choosing a theme

The theme picker shows five cards, each with a small thumbnail, a name and a one-line description. The card with the coloured border and a tick in the corner is the one currently in use.

Headliner

A big, cinematic hero — your photo fills the fold with your name centred over it and one clear button down to booking. The most flexible theme, with the most options underneath.

Bauhaus

A bold editorial split — strong headline type on one side, a colour-blocked photo on the other, and clean ruled opening-hours rows below.

Monocle

A refined, mostly black-and-white look — your logo leads, a single framed photo sits beneath it, and just one accent of your brand colour appears on the call-to-action.

Maître

A concierge, ledger-style layout — neat indexed sections and dotted opening-hours lines beside a booking panel filled with your secondary colour.

Relay

A guided, step-by-step booking flow — one question per screen with progress dots. Often the easiest way to get bookings finished on a phone.

1. On the Theme sub-tab, look at the row of theme cards under the Theme heading.
2. Click the card you want. The border and tick move to it, and the live preview redraws in the new style.
3. Try a couple and watch the preview until one fits your restaurant.

Five themes to choose from. The selected card carries a coloured border and a tick.

Caution

Switching themes resets that theme’s own options back to their defaults and drops any extra options you had turned on for the previous theme. Pick your theme first, then set its options — described next.

Hero and layout options

Some themes offer a Template options section just below the picker, with switches that fine-tune the hero and the way booking is presented. Which switches appear depends on the theme you chose — the more flexible themes show several, while Maître and Relay keep a fixed layout and show none at all.

The switches you may see are:

• Open booking in a modal — the call-to-action opens the booking form in a pop-up dialog instead of scrolling the page down to it.
• Full-screen hero — makes your hero image fill the entire screen height, for maximum impact when guests first land.
• Outline button — uses an outlined call-to-action instead of a solid, filled pill button.
• Floating card — places your heading and booking button inside a card that floats over the hero image.
• Sticky booking bar — pins a small, always-visible booking bar to the bottom of the page as guests scroll.

Template options appear under the picker. The set of switches changes with the theme — Headliner shows every one.

Turn a switch on or off and the preview updates straight away, so you can see the effect before saving. If a theme shows no Template options section, that is expected — its look is intentionally fixed.

Note

This is different from the Hero style control you may have seen on the Menu sub-tab. That one (Classic, Brand Hero or Logo) only changes the top of your menu page, not your booking page’s theme. See Menus for that.

Hiding the navigation bar and booking button

At the top of the Theme sub-tab, above the picker, are two toggles that switch whole pieces of the page on or off:

• Hide navigation bar — removes the header menu from every page. Useful for a clean, single-page or logo-led design where you do not want links across the top.
• Hide booking button — removes the booking button from your landing and contact pages. Turn this on if you only take reservations by phone and do not want guests booking online.

Two toggles at the top of the tab hide the navigation bar or the booking button across your pages.

Tip

Leave Hide booking button off if you want online reservations — hiding it takes the Book Now call-to-action off your page, so guests would have to call. Only switch it on when phone-only booking is what you want.

Saving your changes

The Theme sub-tab shares one save action with the rest of the Booking Page editor. The moment you change a theme, a switch or a toggle, a bar slides up from the bottom of the screen showing how many unsaved changes you have.

1. Pick your theme, set its options, and adjust the hide toggles.
2. Check the live preview to confirm it looks the way you want.
3. Click Save in the bar at the bottom. To throw the changes away instead, click Discard.

Tip

Saving stores your design but does not necessarily make it live. Publishing happens separately on the Settings tab — save your theme first, then publish once everything looks right.

Related

Your booking pageHow the editor is organised, and how to preview and publish your page.

Branding your pageSet the logo, colours and font that your theme arranges.

MenusYour theme also styles the menu page, which has its own Hero style control.