Skip to content

Your booking page

Your booking page is the public web page your guests land on to reserve a table. It carries your logo, a hero image, your opening hours, and a clear Book Now button that opens the availability picker — the guest chooses a date, time and party size, enters their details, and (when you ask for it) confirms by email. You build and style all of it in one place: the split-screen Booking Page editor, with your changes shown live on a phone, tablet or desktop preview as you type.

Think of the booking page as your restaurant’s own mini-website, hosted for you and kept in step with the rest of the CRM. It can be as small as a single page with a booking form, or grow into a small site with a menu, an about page and a contact page. Whatever you build here is what guests see at your public web address once you publish it.

Everything the page shows comes from data you already manage in the CRM:

  • Your menus, categories and dishes appear on the menu page.
  • Your service periods and time slots decide which dates and times a guest can pick in the booking form.
  • Your opening hours and contact details show on the contact page.

The editor is where you decide how all of that looks and which parts are switched on.

The Booking Page editor is a split screen. On the left you have the settings, grouped into tabs. On the right, a Live preview shows your page exactly as a guest would see it, updating the moment you make a change. On a narrow screen the preview folds away behind an Open preview button and opens full-screen when you tap it.

The split-screen Booking Page editor with settings tabs on the left and a live phone preview on the right
The Booking Page editor. Settings on the left, a live preview of your page on the right.

The preview is more than a snapshot — it is the same page your guests get, so you can trust what you see. Its toolbar gives you a few controls:

  • Device size — three buttons switch the preview between Mobile, Tablet and Desktop, so you can check how the page reads on a phone as well as on a laptop.
  • Which page — while you are on the Branding tab, a small dropdown next to the Live preview label lets you flip the preview between your Landing, Menu, About and Contact pages without leaving the tab. On the other tabs the preview follows whatever you are editing.
The live preview toolbar showing the page dropdown and the mobile, tablet and desktop device buttons
The preview toolbar: pick a page to preview and switch between mobile, tablet and desktop.

All of the settings sit under four tabs across the top of the editor. Here is what each one is for.

Branding

Your logo, brand colours, font, and any awards or accolades you want to show off. This is your page’s look and feel.

Pages

The theme and the individual pages — Landing, Menu, About and Contact — you switch on and fill in.

Advanced

Custom styling, marketing tracking, and a standalone-app export for owners who want to host the page themselves.

Settings

Your web address, a custom domain, opening hours, social links, the booking-form fields, and the button that takes your page live.

The Branding tab sets the visual identity of the whole page:

  • Logo — upload your logo. Once it is set, a Logo size slider lets you make it larger or smaller in the hero without touching the navigation bar.
  • Primary Color, Secondary Color, Text Color and Button Text Color — the colours used across the page and its buttons.
  • Font Family — pick from a list of web fonts, or leave it on Default (System Font).
  • Accolades — optional badges such as awards or ratings you want guests to notice.

Colours, the font and the theme are part of advanced customization, so a small upgrade prompt appears here on plans that do not include it.

The Pages tab has its own row of sub-tabs — Theme, Landing, Menu, About and Contact.

  • Theme — pick one theme that styles your landing, about and contact pages together, along with the shared header and footer. Depending on the theme you choose, extra Template options appear (for example Full-screen hero, Floating card or Sticky booking bar). Two switches also live here: Hide navigation bar and Hide booking button (useful if you only take reservations by phone).
  • Landing — the front page. Set your Hero Image and write the Heading, Subheading and Footer Text.
  • Menu — show your menu to visitors. Choose a Menu Mode (a single menu, category navigation, or multiple menus) and, with Menu Only switched on, turn the whole site into a menu-only page with no booking form.
  • About — tell your restaurant’s story with a tagline and numbered chapters.
  • Contact — show your contact details and location.
The Pages tab with the Theme, Landing, Menu, About and Contact sub-tabs and a grid of theme choices
The Pages tab. Pick a theme, then switch on and fill in each page your guests can visit.

The Advanced tab is for extras you may never need:

  • Custom CSS — add your own styling for fine-tuned control. Use it with care, as it is applied on top of your theme.
  • Tracking Pixels — connect marketing pixels to measure visits and ad performance, when this option is available on your plan.
  • Standalone Booking App — for an existing page, export a self-contained copy you can host on your own web hosting.

The Settings tab holds the practical bits, plus the publish controls:

  • URL Slug — the last part of your booking page’s web address. Use lowercase letters, numbers and hyphens, for example your-restaurant.
  • Custom Domain — point your own domain name (such as book.your-restaurant.com) at the page. A Setup Guide button walks you through adding the DNS record; the status shows as pending, active or needing attention. This is available on plans that include a custom domain.
  • Opening Hours — set the hours shown on your contact page.
  • Review URL — optionally send the review link to a site like TripAdvisor instead of the automatic Google review link.
  • Social Links — add your social profiles; their icons appear in the header and footer.
  • Booking Form Fields — choose which fields guests fill in — Name, Phone, Email and Special Requests — and whether each is Visible or Required. A Send confirmation email switch decides whether the guest gets a confirmation email after they book.

The editor does not save automatically. As soon as you change anything, a small bar slides up at the bottom of the screen telling you how many unsaved changes you have, with two buttons:

  • Save — writes your changes. You can also press Cmd/Ctrl + S while the bar is showing.
  • Discard — throws the changes away and puts everything back to the last saved version. You are asked to confirm first.

Saving keeps your work but does not put it live on its own — publishing is a separate, deliberate step, so you can build and adjust in private for as long as you like.

The publish controls sit at the bottom of the Settings tab. Your page is always in one of two states:

  • Draft — saved but not visible to guests. This is where every page starts.
  • Live — published and reachable by anyone at your public web address.
The publish section in the Settings tab showing the draft status and a Publish Booking Page button
The publish section. Publish to go live; once live, your public link appears with copy and open buttons.
  1. Open the Booking Page editor and go to the Settings tab.
  2. Scroll to the publish card at the bottom. If your page is a Draft, click Publish Booking Page.
  3. Once live, the card shows your Public URL with buttons to copy the link or open it in a new tab. Share that link, add it to your social profiles, or print it on a QR code.

To take the page back down, click Unpublish in the same card. The page becomes a Draft again and stops being reachable — your settings are kept, so you can republish whenever you are ready.