Appearance
Booking
A booking invitation — the services you take bookings for, what each one costs to reserve, and one button through to wherever you actually take bookings.
The shopper reads the services and their fees, then follows your booking link. The booking itself happens in your own system — a scheduling app, a calendar page, a contact page, whatever you already use.
The theme collects nothing. No form, no personal details, nothing sitting in a theme setting waiting to go wrong.
Try it
←Booking
Short kicker text rendered above the heading in smaller, uppercase type.
Optional fine print shown under the fee in the booking summary — for example, whether the fee is credited against the project.
Short reassurance lines shown in the booking summary. Enter one per line.
←Service
A short internal identifier for this service — for example kitchen-design-service. Not shown to customers.
Whole numbers in your store currency — 195 shows as €195. The customer sees it in the booking summary once the service is chosen.
Storefront preview
Booking
Book your consultation
A structured first conversation — brief, budget, scope and timeline agreed honestly.
Services
- Kitchen designDeposit amount€195.00
- Full project managementDeposit amount€365.00
- Heritage property restorationDeposit amount€365.00
Edit a service to watch its row and fee change. The button goes to whatever Booking link the merchant sets — their own scheduling tool, not the theme.
How it works
The section has two halves. On the left, the services you offer, each with its reservation fee. On the right, a booking summary panel: your note about the fee, a couple of reassurance lines, and the button through to your booking system.
Every service you add appears as a row with its fee beside it, so a shopper can compare before they commit. A service with no fee simply shows its name.
Composition
On a desktop the service list and the summary sit side by side, and the summary follows the shopper down the page as they scroll. On a phone everything is one column, with the summary and the button underneath:
Desktop Phone
┌──────────────┬───────────┐ ┌──────────────┐
│ Services │ Summary │ │ Services │
│ · fee │ (sticky) │ │ · fee │
│ · fee │ [Button] │ │ · fee │
│ · fee │ │ ├──────────────┤
└──────────────┴───────────┘ │ Summary │
│ [Button] │
└──────────────┘Where the button goes
This is the one setting you must fill in. The Booking link is where the button sends people — your scheduling app's booking page, a Calendly or Acuity link, your contact page, a phone number as a tel: link.
If you leave it empty the button does not appear at all, and the section is a price list with no way to act on it. Paste the link before you go live, and click it yourself to confirm it lands where you expect.
In the theme editor, the section shows a reminder whenever the link is blank. Shoppers never see it — but if you can see it, nobody can book.
Section settings
| Setting | What it does |
|---|---|
| Color scheme | Colors the whole section — one scheme, so text stays legible on the background. |
| Eyebrow | A short label above the heading, e.g. "Booking". |
| Heading | The main title, e.g. "Book your consultation". |
| Subheading | A line under the heading setting expectations for the first conversation. |
| Booking link | Required. Where the button sends people. Empty means no button. |
| Deposit note | Fine print under the fees — e.g. that the fee comes off the project price. |
| Trust points | Short reassurance lines in the summary. One per line. |
| Related article | Optional. Links a blog post under the heading — the link hides itself if the post doesn't exist. |
Services
Each service is a block. Add one per thing a customer can book; they become the rows in the list.
| Setting | What it does |
|---|---|
| Service handle | An identifier for your own records, carried on the row. Not shown to customers. |
| Service name | What the customer reads in the list, e.g. "Kitchen design". |
| Deposit amount | Whole numbers in your store currency — 195 shows as €195. Shown beside the service name. |
Type the fee as a plain whole number. 195 — not 19500, and not 195.00.
If you add no services at all, the section says there are none available, so add at least one before going live.
Why there is no form here
Shopify's Theme Store rules say a theme "must not incorporate app-like functionalities that require API access for full functionality", and name appointment scheduling as an example. A theme that collected a name, an email and a preferred date and posted them to an endpoint you pasted in would be doing an app's job — badly, with your customers' personal details in the middle of it.
So the theme does the part a theme is good at: presenting the offer beautifully and sending people to the tool that actually manages availability, confirmations and reminders. Your booking app keeps the data; the theme never touches it.
If you want an enquiry form on the same page, add Shopify's own contact form section beneath this one — that posts to your store, not to a third party.
Responsive & accessibility
- The summary follows on desktop, sits inline on a phone — it never covers the service list.
- Every region has a heading — the service list and the summary are both announced, so a screen-reader user can jump straight to either.
- The services are a real list — announced with a count, not as a run of loose text.
- The button is a real link — it works with middle-click, "open in new tab", and keyboard activation, and it shows its destination in the status bar.
- Tap targets are comfortable — the button is a full-width bar at least 44 px tall.
- Right-to-left ready — flows correctly in Arabic, Hebrew, Persian, and Urdu.
- Respects reduced motion — nothing in the section animates on load.
Tips
- Name services the way a customer would say them out loud, not the way your invoices do.
- Use the Deposit note to answer the question every enquiry asks: "do I lose this fee if I go ahead?"
- Keep Trust points to two short promises you can actually keep — a reply time and what the fee buys.
- Set the same fee across similar services; a list where every row is a different price invites hesitation.
- Click the Booking link yourself after changing it, from a phone as well as a desktop.