How To Add Google Calendar Booking Form to Google Sites? (And Capture Payments!)

Do you want to capture bookings on your Google Sites website and automatically sync those bookings to your Google Calendar?

Introducing….the new Google Calendar Booking Form (appointment scheduler) feature.

For teams looking to seamlessly add bookings for appointments, consultations, demos, meetings, and more directly from their website to their calendar, this is a game-changer!

Instead of relying on external scheduling apps or email chains to lock in bookings with your clients, this feature creates a smooth, secure booking experience for everyone involved.

Adding a Google Calendar booking form to a Google Sites page involves four key steps:

Setting up an appointment schedule directly in Google Calendar.

Customizing your availability and form fields.

Copying the generated embed code.

Adding the code to your chosen Google Sites web page.

Check out this step-by-step video guide for a visual walkthrough of this process.

While adding a Google Calendar booking form is fairly straightforward, setting it up requires several steps. But don’t worry, that’s where I step in to help.

Before you embed your booking form into Google Sites, you must create and customize a new appointment schedule within Google Calendar for your booking form. To do this:

1. Go to the Google Calendar.
2. Click 'Create', then 'Appointment schedule' from the drop-down menu.
3. A side panel will then appear on the left-hand side, where you can adjust your appointment schedule settings to suit your needs. Within this side panel, you must:
4. Add a title to your booking form (e.g., Free 15 Consultation).
5. Add a duration for your meeting.
6. Define your general weekly availability.
7. Select your time zone.
8. Enable or disable ‘Available now’.
9. Set the maximum time for advanced bookings (e.g., 30 days) and the minimum time before an appointment starts (e.g., 2 hours).
10. Adjust your availability for specific dates.
11. Add a buffer time between appointments (e.g., 10 minutes).
12. Specify the maximum number of bookings per day (e.g., 6).
13. Choose whether you want guests to invite other people.
14. Choose the calendar you want to use.
15. Note, connecting other non-Google calendars requires a paid Google Workspace account. 
16. Ensure 'Check calendar for availability' is selected to prevent double bookings.
17. Add a colour label to recognize the events in your calendar from this booking form.
18. Click 'Next'.
19. Under ‘Booking page photo and name’ section, view what your name and photo look like.
20. Select the location (Google Meet video conferencing, in-person meeting, phone call, or none specified).
21. Write a quick description explaining your meeting and the booking form.
22. Under ‘Booking Form’, choose the items you want to collect with your booking form (e.g., first name, last name, email address).
23. Add additional items like a phone number or create a custom item.
24. Under ‘Payments & cancellation policy’, set up and collect payments via Stripe (paid Google Workspace accounts only).
25. Under ‘Booking confirmations and reminders’, enable the ‘Calendar invitation’.
26. This means you and the person who made the booking will receive a confirmation email with a calendar invitation (more email reminders require a paid plan).
27. After making all changes, click 'Save'.
28. Click ‘Open booking page’ to see how it appears to others.

Once you’ve set up your appointment schedule (booking form), you’re ready to embed the form on your Google Site. To do that:

1. Click 'Share’.
2. Select 'Website embed' and then 'Inline booking page’.
3. Click 'Copy code' to copy the embed code.
4. Select ‘Done’.
5. Go back to your Google Site (the page where you want to add the booking form).
6. On the right-hand side menu, click 'Embed’.
7. Select ‘Embed code’ and paste the code you just copied into the embed box.
8. Change the height of the embedded area (I suggest changing the height to 1000).
9. Click 'Next' and then 'Insert'.
10. Google will then automatically add the booking form to your website! Next:
11. Expand the booking form’s sides to fill the desired area on the page (make sure the whole form is visible).
12. Select ‘Preview’ to see the embedded booking form in action.

And there you go! Your website visitors can then directly choose a day and time on your site before they click ‘Book’!

When they do book, the booking will be added to your Google Calendar, and an email notification will be sent to the recipient.

As mentioned, the booking form is directly connected to your calendar, so you never have to worry about double-booking or manually keeping track of your availability again!

Note: You can only create one appointment scheduling form with the free Google Workspace version.

Also, you must upgrade to a paid Google Workspace plan to collect payments through Stripe and set up cancellation policies.

Read more: Is there a calendar template for Google Sheets?

If you’re a paid Google Workspace user, you can actually capture payments with a Google Calendar booking form, thanks to the handy Stripe integration.

This is ideal for businesses wanting to add a booking form to their Google Site and need to collect payments for services like consultations or coaching sessions.

To capture payments on your Google Site with the Google Calendar booking form: 

1. Go to the same ‘Appointment schedule’ left-hand side panel within your Google Calendar you set up earlier.
2. Scroll down and click ‘Go to Settings to connect Stripe’ (below ‘Payments & cancellation policy). This will take you to your general settings.
3. If you can’t see this option and you do have a paid Google Workspace account, you may need your Google Workspace administrator to turn on the payment option.
4. Select ‘Connect Stripe’ under ‘Appointment schedules’.
5. Enter the email address associated with your Stripe account.
6. Click ‘Submit’.
7. Type your password and click ‘Submit’ again.
8. Go back to your Google Appointment Scheduler settings (left-hand side panel).
9. Click ‘Save’.
10. Select ‘Edit’ on your appointment schedule.
11. Click ‘Next’.
12. Choose ‘Payments & cancellation policy’.
13. You should then be able to see the ‘Payments through Stripe’ option, as you’ve already connected your Appointment schedule to Stripe!
14. Enable ‘Require payment when booking’ (optional) and add the amount.
15. Enter your cancellation policy.
16. Under ‘Booking confirmations and reminders’, tick or untick ‘Calendar invitation’ and ‘Email reminder’, depending on the confirmations and reminders you want to send.
17. Select ‘Save’.

And that is how you can capture payments through your Google Calendar booking form!

Now, when your clients fill out your form, they’ll be prompted to pay using the secure payment processing provider Stripe.

This ensures seamless transactions, automatic confirmations, and a professional booking experience, all without complicated third-party scheduling tools!

Read more: Is Google Calendar good for project management?

Adding a Google Calendar Booking Form is the perfect solution for service-based teams looking to transform their Google Site into a robust self-serving scheduling or booking tool.

Instead of back-and-forth emails trying to juggle yours and your client's availability, website visitors can instantly book appointments based on your real-time calendar!

Here’s why it’s a smart move:

Clients can instantly book time with you directly without contacting you first.

The form syncs with your Google Calendar to prevent double-bookings and time conflicts.

Seamless user experience for clients looking to schedule meetings, consultations, or services.

Confirmations are sent automatically without you having to lift a finger.

When connected with Stripe, you can even collect payments at the time of booking (paid Google Workspace users only).

Everything is within the Google ecosystem, with no third-party tools required!

So, if you want to make scheduling easier for you and your clients, it's time to add a Google Calendar Booking Form to your Google Site!