Your booking page is a simple two-step form with your company name and brand color. This article walks through what a customer sees and what you can change: the look of the page, an optional zip code check before the form, the list of services, and the message shown after they submit.

Step 1 — Service

The customer sees Request Service with your company name underneath, then:

  • What service do you need? — one choice from your service list, in the order you set. If they pick Other, a box appears for them to describe what they need.
  • Urgency — Routine (selected by default), Urgent, or Emergency. See Urgency on booking requests.

They tap Next to continue.

Booking page step 1 on a phone, with AC Repair selected and the Urgent option highlighted

Step 2 — Your Info

The customer enters their Name and Phone (both required), and optionally their Email, Service address, City, State, Zip, and Details. The Request Service button stays greyed out until they've entered a name and a full 10-digit phone number. The back arrow returns them to step 1 without losing what they picked.

Booking page step 2 on a phone filled in with a sample customer, with the Request Service button highlighted

After they submit

The page changes to Got it. We're on it., shows the time they asked for and your confirmation message, then a summary of what they sent. See Customizing the confirmation message.

What you can change

WhatWhere to change it
Brand color — the step markers, selected options, and buttonsSettings → Business → Brand color. The same color is used on your emails, PDFs, and customer payment and approval pages.
Company name under the titleSettings → Business. See Updating your business info.
Services customers choose fromSettings → Online Booking → Service Types. See Adding services to your booking page.
Message after submittingSettings → Online Booking → Confirmation Message. See Customizing the confirmation message.
Accent color, headline and the line under itSettings → Online Booking → Look and feel. Headline (up to 80 characters) and Line under it (up to 160) replace the default title text at the top of the form.
The zip code check and its wordingSettings → Online Booking → Where you work turns the check on; Look and feel holds its wording. See Asking for a zip code first.
<!-- TODO(lead): verify the Look and feel panel's other controls (hero image, etc.) before publishing this row — only Accent/Headline/Line under it were checked against components/settings/booking-theme-editor.tsx:229, :255-259, :271-275 -->

Asking for a zip code first

If you only serve certain zip codes, the page can open by asking for the customer's zip before they fill anything in. People outside your area get your out-of-area note and your phone number instead of a request you'd have to turn down.

  1. In Settings → Online Booking, under Where you work, turn on Ask for a zip code first and add the zips you serve. The check needs at least one zip on the list — with none, the switch says Add at least one zip below to turn the check on.
  2. Under Look and feel, set the words the customer sees on that first screen:
FieldDefaultLimit
Area check headingDo we come to you?60 characters
Line under itEnter the zip code where you need service.140 characters

Each field saves when you click away from it (Area check heading saved, Area check line saved). Leave a field empty to use the default. The hint under the fields reminds you: Shows when "Ask for a zip code first" is on and at least one zip is listed. With the check off, or with no zips listed, the two fields have no effect and the page opens on Step 1 — Service as usual.

<!-- shot: Look and feel panel with Area check heading and Line under it, next to the booking page preview --> <!-- labels: components/settings/booking-settings-form.tsx:369 ("Look and feel"), :387 ("Where you work"); components/settings/booking-service-area-editor.tsx:59 ("Ask for a zip code first"), :60-63 (hint + "Add at least one zip below…"); components/settings/booking-theme-editor.tsx:287 ("Area check heading"), :291 (maxLength 60), :297 (toast), :303 ("Line under it"), :307 (maxLength 140), :314 (toast), :319 (hint); lib/booking/theme.ts:50-51 (defaults), :29-30 (limits) -->

What stays the same

  • The form's fields, their order, and which ones are required. (The zip code check, when it's on, is a screen before the form, not a change to the form itself.)
  • The three urgency options.
  • The page layout and fonts. Your logo isn't shown on the booking page — only your company name and brand color.
  • The link itself (it's set from your company name — contact support to change it).

Good to know

  • It works on phones. Most customers open the link from a text or a Google listing, so the form is built for a phone screen first.
  • No customer account needed. Customers don't sign in or create a password to request service.