METBooker Admin

Each staff member or department has their own Google Calendar. Assign staff to services — the system books the first available one. The Cloud Functions service account must have "Make changes to events" permission on each calendar.

Settings

Business info

Business nameiFull trading name shown on confirmation emails and the booking page.

Short nameiAbbreviated name used in calendar event titles to keep them compact. E.g. "ECO" instead of "ECO Tuning Ltd".

Page titleiBrowser tab title for the booking form page. E.g. "My Garage | Book Online".

Booking headingiLarge heading shown at the top of the booking form. E.g. "Workshop Booking" or "Book a Remap".

Service labeliThe word used to describe services on Step 1. E.g. "Service", "Package", or "Tuning Service". Shown as "Select a [label]".

Logo URLiPublicly accessible URL to your logo image (PNG or SVG recommended). Shown in the booking form header and confirmation emails. Leave blank to show the business name as text.

Website URLiYour main website. Linked in confirmation emails and the booking form footer.

Contact URLiA contact or enquiry page URL. Shown as a button in confirmation emails.

Shop URLiLink to your online shop or product store. Shown as a button in confirmation emails.

Google Maps URLiDirect Google Maps link to your location. Shown as a "Get directions" button in confirmation emails (for non-mobile bookings).

Parent originiOnly needed if the booking form is embedded as an <iframe> inside another website. Set this to the exact origin of the parent page — e.g. https://yoursite.com. This allows secure postMessage communication between the iframe and the parent.

Home page URLiWhere the "Return to home page" button on the booking confirmation page links to. Defaults to your Website URL if left blank.

Contact

Phone (E.164)iMachine-readable phone number in E.164 format — no spaces, with country code. E.g. +441934644427. Used for click-to-call links in emails.

Phone (display)iHuman-readable version of the phone number shown in the booking form and emails. E.g. 01934 644 427.

Email displayiContact email address shown to customers in confirmation emails and the booking form footer. This is for display only — it does not affect where emails are sent from (see Email sender).

Branding

Brand colouriPrimary brand colour — used for buttons, selected states, highlights, and key UI elements throughout the booking form. Choose a colour that matches your brand.

Background colouriPage background colour for the booking form. Dark themes use near-black (e.g. #111111); light themes use near-white.

Surface colouriColour for cards, modals, and elevated surfaces. Should be slightly lighter than the background to create visual depth.

Text colouriPrimary text colour. Use dark text (e.g. #111111) on light backgrounds, or white on dark backgrounds.

Muted text colouriSecondary / hint text colour — used for labels, placeholders, and supporting information. Should be a softer version of the text colour.

Theme presetiQuickly apply a pre-built colour scheme. Selecting a preset overwrites the colour fields above — you can then adjust individual colours after applying.

Schedule

Opening hour (24h)iFirst available booking slot of the day. E.g. 9 = slots start at 09:00.

Closing hour (24h)iNo booking slot can end after this hour. E.g. 17 = last slot must finish by 17:00.

TimezoneiAll opening hours, slot times, and calendar events are interpreted in this timezone. Must match where your business operates.

Max days bookable aheadiHow far into the future customers can book. E.g. 60 = bookings available up to 60 days from today.

Disable SaturdaysiWhen on, Saturdays are greyed out and unselectable in the date picker.

Disable SundaysiWhen on, Sundays are greyed out and unselectable in the date picker.

Allow same-day bookingiWhen off, today's date is never available — the earliest selectable date is tomorrow. Use with "Min hours ahead" for finer control.

Min hours aheadiMinimum lead time before a slot can be booked. E.g. 4 = slots within the next 4 hours are hidden. 0 = no minimum. Works in combination with same-day booking.

Slot intervaliHow frequently booking slots appear. Hourly = 09:00, 10:00, 11:00. Half-hourly = 09:00, 09:30, 10:00, 10:30. Choose based on your typical service duration.

Pricing

Deposit amountiGlobal holding deposit charged at checkout. Deducted from the final invoice on the day. Individual services can override this in the Services tab.

Currency symboliDisplay symbol shown next to prices — e.g. £, €, $. Does not affect Stripe currency; set that via the Stripe price ID.

Show "inc. VAT" on pricesiWhen on, "inc. VAT" is appended next to invoice totals throughout the booking form and confirmation page.

VAT numberiDisplayed in the footer of the review & pay screen and on the booking confirmation page. Leave blank to hide.

Company numberiCompanies House or equivalent registration number. Displayed in the footer alongside your VAT number. Leave blank to hide.

Booking messages

Cancellation policyiShown as a checkbox on the payment step — customer must agree before paying. E.g. "Non-refundable holding deposit. Transferable with 48 hours notice."

Emissions policyiOptional. Shown as a checkbox on the payment step. For tuning/remapping businesses that need an emissions disclaimer. Leave blank to hide.

Terms & conditionsiFull terms and conditions text shown as a collapsible checkbox on the payment step. Customer must agree before paying. Leave blank to hide.

Arrival noteiShort instruction shown at the bottom of confirmation emails and the booking summary. E.g. "Please arrive 5 minutes early. Call us if you are running late."

Confirmation email introiOpening paragraph in the confirmation email sent to the customer after payment. E.g. "Your booking has been confirmed. We look forward to seeing you."

Mobile service mode

Mobile modeiEnable for mobile/van-based services where you travel to the customer. The booking form will collect the customer's address, and the system uses the Google Routes API to check travel feasibility between jobs and create travel-block calendar events.

Home / depot addressiYour base of operations — the address you start and end each day from. Used to calculate travel time to the first job and shown on calendar events. Be precise: use a full street address including postcode.

Show travel estimateiWhen on, shows the estimated drive time and distance from your base to the customer on the booking confirmation.

Browser API key (Maps + Places)iUsed in the browser for the address autocomplete and map display. Needs Maps JavaScript API and Places API enabled. You can restrict this key to your domain (HTTP referrers).

Server API key (Routes)iUsed by the server to calculate travel times and check coverage. Needs Routes API enabled. Must have no HTTP referrer restrictions — use IP restrictions or no restrictions. Keep this key private.

Maps Map IDiOptional. A custom Map ID from Google Cloud Console for styled maps. Leave blank to use the default map style.

Work start timeiThe time you leave your base at the start of the day. Used to check whether you can feasibly travel to the first customer in time. E.g. if set to 08:00 and the drive takes 45 min, the earliest slot offered will be 08:45.

Max coverage (miles)iMaximum driving distance you'll travel from your base to a customer. Bookings outside this radius are blocked. 0 = no limit.

Blocked dates

Specific dates that are completely unavailable — e.g. bank holidays, shutdowns.

No dates blocked

Calendar block keyword

If any Google Calendar event title contains this keyword, all booking slots for that entire day are hidden from customers. Leave blank to disable.

Block keywordiCase-insensitive. If a calendar event title contains this text, all slots for that day are removed from the booking form. Useful for holidays, training days, or custom closures — just add the keyword to a Google Calendar event.

Example keyword: [BLOCK]
Example event title: "Staff Training [BLOCK]"

Google Calendar (fallback / single-staff)

Used when no staff are assigned to a service. If you use the Staff tab to assign staff to services, each staff member's own calendar ID is used instead.

Calendar IDiFound in Google Calendar → Settings → your calendar → "Integrate calendar" section. Looks like abc123@group.calendar.google.com or your Gmail address for the primary calendar.

Share this calendar with the Cloud Functions service account email (shown in Firebase Console → Project Settings → Service accounts) and grant it "Make changes to events" permission.

Email sender

Leave blank to use the shared METBooker sender (bookings@metbooker.com). Fill both fields to send from your own Gmail address.

Gmail address (sender)iThe Gmail address confirmation emails are sent from. Must be a Gmail or Google Workspace address with 2-Step Verification enabled so you can create an App Password.

Gmail app passwordiNot your Google account password — this is a 16-character app-specific password.

How to create one:
1. Go to your Google Account → Security
2. Enable 2-Step Verification (required)
3. Search for "App passwords"
4. Create a new app password for "Mail"

Leave blank to keep the existing password.

Display nameiThe sender name shown in the customer's email inbox. E.g. "My Garage Bookings".

Payment provider

Active provideriStripe and Airwallex are fully implemented. Square is a stub — selecting it will accept the webhook but not process payments.

Stripe webhook endpoint — paste this URL into Stripe Dashboard

Loading…

In Stripe Dashboard → Developers → Webhooks, click Add endpoint, paste the URL above, and subscribe to the event: checkout.session.completed. Copy the generated Signing secret (starts with whsec_) into the field below.

Stripe secret keyiYour Stripe secret API key. Found in Stripe Dashboard → Developers → API keys. Use sk_test_… for testing and sk_live_… for live payments. Never expose this key client-side.

Stripe webhook secretiGenerated by Stripe when you create a webhook endpoint. Found in Stripe Dashboard → Developers → Webhooks → select your endpoint → Signing secret. Starts with whsec_. Used to verify that incoming webhook events genuinely came from Stripe.

Stripe deposit price IDiThe Stripe Price ID for the deposit product. Create a one-off product in Stripe Dashboard → Products → Add product, set the price to your deposit amount, then copy the price ID (starts with price_).

This is the global default. Individual services can override it with their own price ID in the Services tab.

Accepted payment methodsiTick every payment method you accept. These are shown on the checkout page and booking confirmation so customers know what to bring / how to pay the balance on the day.

Visa Mastercard Amex Maestro Apple Pay Google Pay Cash Bank Transfer

Google Tag Manager / Analytics

Connect GTM to track the booking funnel. The booking form GTM ID takes effect immediately — no redeploy needed.

Booking form GTM IDiGTM container ID for the booking form (iframe). Format: GTM-XXXXXXX. Find it in Google Tag Manager → your container → Container ID. The booking form fires a booking_completed dataLayer event on success.

Website GTM IDiStored for reference only — for the parent website container. The booking form doesn't use this directly. Format: GTM-YYYYYYY.

GA4 Measurement IDiYour Google Analytics 4 property ID. Format: G-XXXXXXXXXX. Found in GA4 → Admin → Data streams → select stream → Measurement ID. Used for client-side pageview and event tracking via GTM.

GA4 API SecretiEnables server-side booking_completed events sent directly from the Cloud Function after payment — more reliable than client-side tracking (works even if the user closes the tab early).

Create one in GA4 → Admin → Data streams → select stream → Measurement Protocol → Create. Leave blank to disable server-side GA4.

Advanced

Priority booking codeiSecret code that unlocks a hidden fast-track booking mode for priority customers (e.g. fleet clients). Share the code privately — customers enter it on the booking form to access priority slots.

Notification emailsiBCC recipients for every confirmation email. Enter one or more comma-separated email addresses — e.g. your workshop inbox and a manager. They receive a copy of each booking confirmation without the customer seeing them in the To field.

Version History

Last 10 saved config versions. Restore any snapshot to roll back settings.

Export Data

Download all bookings as a CSV file. Includes all fields required for records and reporting.

Date range (optional)

From date

To date

Setup Guide

Everything a new tenant needs to go live. Share this page with your customer or walk through it together.

Your URLs

Booking form

This is the public URL customers visit to make a booking. Embed it in your website or share directly.

Admin console

Bookmark this URL to manage your bookings, services, and settings.

Stripe webhook endpoint

Add this URL in your Stripe Dashboard under Developers → Webhooks. Listen for checkout.session.completed.

Airwallex webhook endpoint

Add this URL in your Airwallex Dashboard under Developers → Webhooks. Listen for payment_intent.succeeded. Copy the generated signing secret into Settings → Airwallex webhook signing secret.

Google Calendar service account

Share each staff member's Google Calendar with this address and set permission to Make changes to events.

Iframe embed

Paste this snippet into any webpage to embed the booking form inline.

Onboarding checklist

Complete these steps before going live.

Configure settings — Go to the Settings tab. Fill in your business name, contact details, opening hours, timezone, deposit amount, and brand colours.
Add your services — Go to the Services tab and add every service you offer. Include name, description, display price, and duration.
Add your staff — Go to the Staff tab. Add each staff member and assign them a Google Calendar ID (found in their Google Calendar settings under Integrate calendar).
Share each calendar — In Google Calendar, open each staff member's calendar settings → Share with specific people → paste the service account email above → set permission to Make changes to events.
Set up Stripe webhook — In your Stripe Dashboard, go to Developers → Webhooks → Add endpoint. Paste the webhook URL above and select the checkout.session.completed event. Copy the signing secret into Settings → Stripe webhook secret.
Create an Airwallex API key — In Airwallex Dashboard, go to Developers → API keys → Create key. Enable only the Payment Acceptance — Create payment intents permission (w:awx_action:pa_payins_core). Use a sandbox key (sk_sbox_…) for testing. Copy the Client ID and API key into Settings.
Set up Airwallex webhook — In Airwallex Dashboard, go to Developers → Webhooks → Add endpoint. Paste the webhook URL above and subscribe to payment_intent.succeeded. Copy the signing secret into Settings → Airwallex webhook signing secret.
Test a booking — Open your booking form URL in a private browser window and complete a test booking end to end. Check that a calendar event is created and a confirmation email is sent.
Embed or share — Add the iframe snippet to your website, or share the booking form URL directly with customers.

METBooker Admin

Services

Add-ons

Staff / Departments