Site & Stack Start a project
Start a project
All articles

How to make a booking website or add booking to your site

How to make a booking website or add booking to the site you have: four ways to do it, the rules to set first, and what to test before customers book.

Should customers book a time, or request one?

Before you look at any tool, decide what “booking” means for your business. There are two kinds, and picking the wrong one causes trouble later. (If you want to build a booking business, like a platform where other companies take bookings, that’s a software project of its own. This guide is for adding booking to a business you already run.)

Instant booking: the customer sees open times, picks one, and it’s confirmed. That works when appointments take about the same time, happen in one place, and need no quote first.

Request booking: the customer asks for a day or a time window, and your office confirms it. That works when the job’s length depends on what you find, or a crew has to drive to the address. For jobs that need a price first, see what to put on a quote request form.

Many businesses use both. Here is how it tends to look by trade, as examples:

  • A cafĂŠ or restaurant: table reservations suit an app made for tables. Catering orders work better as a request with a deposit, since the kitchen has to say yes first.
  • A contractor or trade: free estimate visits can often be booked instantly within your service area. Repairs and installs usually start as a request, with photos.
  • A property manager: showings for a vacant unit suit instant booking in set time slots. Repairs reported by tenants are requests, not bookings.
  • A shop or showroom: design consultations and fittings suit instant booking. Delivery days usually need the office to confirm stock first.

Four ways to add booking to a website

Once you know which kind you need, there are four common ways to put it on your site. They differ in cost and in how they look. Most of all, they differ in where each booking ends up.

Most small businesses start with the first two. The last one matters when bookings have to become jobs without anyone retyping them.

No website yet? A scheduling app’s own booking page can stand in at first. Square’s free plan, for example, includes a booking site (when we checked in October 2026). Later you’ll want pages that explain your services, prices and the area you cover. Then build a small site and add booking in one of these four ways.

  • A link or button to a booking page. A scheduling app hosts the booking page, and a “Book now” button on your site links to it. It’s the quickest setup and works with any website, but the booking happens on the app’s page, with its look.
  • An embedded booking calendar. The same app, but its calendar sits inside a page on your site, using a short piece of code the app gives you. Customers stay on your site. Check it on a phone, since some embedded calendars feel cramped.
  • Your website platform’s booking add-on or plugin. Many site builders offer a booking add-on, and WordPress has booking plugins. Bookings live in your website’s back office, which is handy until you change platforms or need them somewhere else.
  • Booking built into your business system. The booking form on your site writes straight into the system that runs your jobs: the schedule, the customer list and, later, the invoice. Field service apps like Jobber include online booking, and a custom system can do the same around your own rules.

Reference: Square: Appointments pricing and plans (opens in a new tab)

What the free and low-cost options include

Here’s what a few common options said on their own pages when we checked in October 2026. We’re not ranking them. Each fits a different setup, and plans change, so check the vendor’s page before you sign up.

Judge any option by four things. Does it handle your kind of booking, instant or request? Does it check every calendar your team uses? What does it charge per location, per staff member or per payment? And how do you get your bookings and customer list out? Free plans are a fair way to test the idea before you pay. For a wider look at apps, see how to choose scheduling software.

  • Google Calendar appointment schedules. A personal Google account can create a single booking page. Extra schedules, automatic email reminders and checking several calendars need an eligible Google Workspace or Google One plan. Taking payments, through Stripe, needs an eligible Workspace plan; Google One plans don’t include it. There are settings for a gap between bookings and a daily maximum. You set it up on a computer, then add it to your site as a pop-up button or as a calendar shown inside your page. Google’s help page says Wix, Weebly, WordPress.com and Google Sites take only the calendar inside the page.
  • Square Appointments. Square’s free plan is $0 a month per location. It includes a booking site, a Book Now button or a widget for your site, deposits, prepayments and reminders. Cancellation and no-show fees, a daily cap on online bookings and Google Calendar sync come with Square Plus, at $49 a month per location. Online card payments cost 3.3% + 30¢ on the free plan and 2.9% + 30¢ on Plus.
  • Calendly. The free plan includes one event type and one calendar connection. Taking payments at booking through Stripe or PayPal starts on the paid Standard plan.
  • Jobber, a field service app. Its online booking lists your services with estimated prices and lengths, and you choose which team members can be booked. You can limit your service area and the driving distance between jobs, and bookings fit around jobs already on the schedule. It makes most sense if you’d run your jobs in Jobber anyway.

References: Google Calendar Help: Compare premium features for appointment schedules (opens in a new tab) ¡ Google Calendar Help: Create an appointment schedule (opens in a new tab) ¡ Google Calendar Help: Share your appointment schedule (opens in a new tab) ¡ Square: Appointments pricing and plans (opens in a new tab) ¡ Calendly: Pricing (opens in a new tab) ¡ Jobber: Online booking (opens in a new tab)

Write down your booking rules first

Every booking tool asks the same questions during setup. Answer them on paper first, and setup goes faster, with fewer fixes once customers start booking. It also shows you quickly whether a simple app can follow your rules at all.

For example, a 3-crew cleaning company might allow bookings Monday to Friday, up to two weeks ahead, with no same-day jobs. It might need 45 minutes between homes and a cap of four homes per crew per day. Written down like that, any tool’s settings are easy to fill in, and you can see which ones a tool is missing.

Write down:

  • Each service, and how long it really takes, including setup and cleanup.
  • Who can be booked: you, each tech or crew, or a room or piece of equipment.
  • Your hours, days off and holidays, and who keeps them up to date.
  • The gap between bookings: driving time for crews, turnover time for a room.
  • How soon and how far ahead people can book, like no same-day jobs and nothing more than 60 days out.
  • Where you work, by ZIP code or town, if you go to the customer.
  • A daily cap, so one crew isn’t booked solid with small jobs.
  • What you need from the customer: address, phone, photos, gate codes, pets, parking.
  • Money: a deposit, prepayment or nothing until the job is done, plus your cancellation rule.
  • Who hears about each new booking, and who answers the customer’s questions.

Decide where each booking will land

Many setup guides skip this step, yet it decides how much work online booking really saves. A booking isn’t finished when the customer taps “Confirm.” Someone has to see it, put it on the crew’s day, keep the customer’s details and, later, bill for it.

Follow one booking on paper. Where does it show up: an email, an app, a calendar? Does it check the calendar your team actually uses? Do phone bookings go into the same place, so the office can’t give away the same slot twice? Does it create a customer record you can find next year and export?

Read the small print here. When we checked in October 2026, Square’s free plan didn’t include Google Calendar sync. A free Google account couldn’t check several calendars for conflicts either. Neither is a problem if all your bookings live in that one place.

If the answer is “the office copies it into our real calendar,” you’ve moved the typing, not removed it. That’s fine at a few bookings a week. At a few a day, it’s how slots get double-booked. Our guide to one calendar for phone, web and crew bookings covers that problem in depth.

References: Square: Appointments pricing and plans (opens in a new tab) ¡ Google Calendar Help: Compare premium features for appointment schedules (opens in a new tab)

How to make a booking website, step by step

With your rules written and a tool picked, the setup itself is short. How easy the button or embedded calendar is to add depends on your platform. Our guide to choosing WordPress, a site builder or a custom CMS covers how each handles add-ons.

Here’s the order we follow:

  • Set up the tool with your rules, services and team. Make your business email the account owner, not a staff member’s personal one.
  • Write each service the way customers say it, with how long it takes, its price or a starting price, and what’s included. Show your cancellation and deposit rules before customers book, not only in the confirmation. Link your privacy page from the form, since it collects names, phone numbers and addresses.
  • If the tool allows it, make a hidden test service, so you can test without customers booking real slots.
  • Add a “Book” button to the top of every page and to each service page. Keep your phone number beside it for people who’d rather call.
  • Choose a link or an embedded calendar. Use a link if your site is old or hard to edit. Embed the calendar if you want customers to stay on your site and it fits well on a phone.
  • Write the confirmation message: what happens next, what to prepare, how to cancel or change, and who to call.
  • Turn on reminders by email or text, and say in each one how to cancel or change. Some free plans leave reminders out, so check before you count on them.
  • Add the booking link to your Google Business Profile. Google lets you add your own link, or use a booking provider that works with Google.
  • Run the tests in the next section, then switch it on.
  • Check every booking for the first two weeks, and tighten any rule that let in a booking you couldn’t keep.

References: Google Business Profile Help: Set up bookings through a provider (opens in a new tab) ¡ Google Calendar Help: Compare premium features for appointment schedules (opens in a new tab) ¡ Calendly: Pricing (opens in a new tab)

What to test before you switch it on

Problems you don’t test for tend to show up in front of customers. Spend an hour testing first, on a real phone, with a test service or bookings you cancel straight after. Ask someone outside the business to try it without help, and watch where they get stuck.

W3C’s forms guidance asks for clear labels and error messages that say what to fix, so check those as you go. Then run through this list:

  • Book as a customer on a phone, start to finish, and time it.
  • Try to book the same slot from two phones at once. Only one should get it.
  • Add an event to your other calendar, the one with days off and personal plans. That slot should disappear from the booking page.
  • Try to book outside your rules: same day, too far ahead, outside your service area, on a holiday.
  • Leave a required field empty and type a wrong email. The form should say what to fix and keep what was already typed.
  • Check the confirmation reaches the customer’s inbox, not spam, and the new-booking alert reaches the right person.
  • Cancel and reschedule from the confirmation email. The slot should open up again.
  • Book a test slot for tomorrow and check the reminder arrives with the right time, address and cancel link.
  • Book from a phone set to another time zone, and check the time shown in both confirmations.
  • If you take deposits, make one small real payment, refund it, and check both appear in your payments account.
  • Find the booking where it’s meant to land: the crew’s calendar, the customer list, the job.

Reference: W3C WAI: Forms tutorial (opens in a new tab)

When an app is enough, and when booking belongs in your own system

For most small businesses, an app is the right answer. Say you work from one place, your services have set lengths, and each booking only needs to reach a calendar and an inbox. Then a free or low-cost app will do. Paying anyone to build that would be money spent on nothing new.

An app starts to strain when the booking has to know things only your business knows. Which crew has the right skills? How far will they drive between jobs? Which van carries the equipment? It also strains when each booking has to become a job, a quote and later an invoice, and someone retypes it at every step.

For example, a 6-truck HVAC company might want customers to book maintenance visits online. But only in the ZIP codes each truck covers that day, and only for customers on a service plan. A field service app may handle part of that. If it can’t, booking built into the company’s own system can follow those rules. It can put the visit on the right tech’s phone and create the invoice when the job is done.

You can also do both in turn. Start with an app to learn whether customers book online at all. Move booking into your own system once you know the rules.

How we add booking to websites

Our team builds websites with a request or booking form that reaches you right away, and bookings can go to your Google Calendar. A new website is typically $2,500–$6,000 and takes 3–⁠6 weeks. Adding a booking page or form to the site you have now is a focused fix, typically $750–$3,000 over 1–⁠2 weeks. If a free scheduling app does the job, we’ll say so.

When bookings should become jobs in a system of your own, we quote the website and the system together. One business system, like scheduling and invoicing connected to QuickBooks Online, is typically $6,000–$18,000 over 6–⁠10 weeks. We connect to Google Calendar, Gmail or Outlook, Stripe, Square, QuickBooks Online and Shopify, and check anything else before we quote.

Every launch includes 30 days of fixes. You own the code we write once the project is paid in full. Hosting runs on our account, and you can take it over after payment. These are our prices as of October 4, 2026. The first call is free, and you get a fixed price in writing within 48 hours of that call. See how our website design and development works, or book a free first call.

Need a website that does this for you?

See website design & development
Back to all articles

Questions owners ask.

How can I create a booking app?

For your own business, you usually don’t need one. Booking pages from scheduling apps already open in a phone’s browser, so customers can book without installing anything. An app in the app stores is a software project of its own, with design, testing and app store review. So is a booking platform other businesses sign up for. Start with a booking page, and build an app only if customers ask for one.

Can I add a booking system to my existing website?

Yes. You don’t need a new website to take bookings. Most scheduling apps give you a link for a “Book now” button. Many also give you a short piece of code that puts their calendar inside one of your pages. Either works on most sites, including WordPress and site builders. If your site is hard to edit, a button that links to the booking page is the simplest start.

How much does it cost to create a booking website?

Adding booking to a site you already have can cost nothing if a free app fits, plus card fees if you take payments. Paid plans charge monthly, often per location or per staff member. The price rises with the work around the tool: deposits, crew or service-area rules, and getting bookings into your job system. Our own prices for setting it up are in “How we add booking to websites” above.

Do I need coding skills to create a booking website?

Not for most setups. Scheduling apps and site builders let you set services, hours and rules on settings screens. Then you add a button or paste a short piece of code. You need help when the booking has to follow rules an app can’t, like crew skills or service areas. The same goes when bookings must flow into your own job and invoice records.

How do I accept payments on my booking website?

Most scheduling apps take card payments through a payment company like Stripe, Square or PayPal. First decide whether you want a deposit, full prepayment or a card on file for no-shows, since plans differ on which they allow. Square, for example, lists deposits on its free plan and no-show fees on Square Plus (when we checked in October 2026). Test one real payment and refund before you go live.

  • Read this ifYou’re about to ask web designers for quotes.

    The website brief that gets you a useful quote

    A practical way to define pages, content, ownership, and acceptance before you compare proposals.

    Website planning ¡ 4 min read

  • Read this ifYour new website is almost ready to go live.

    A launch checklist that goes beyond the homepage

    Test the inquiry journey, mobile behavior, speed, access controls, and recovery before you call a website finished.

    Launch & performance ¡ 4 min read