How To Create Stunning Google Sites Website Forms (Three Methods)

Want to turn your Google Sites website into a seamless booking and enquiry hub? 

Whether you’re running a consultancy, managing a music studio, or taking reservations for a restaurant, the right website form can make all the difference.

A well-designed, easy-to-use booking or contact form doesn’t just look good….it saves time, reduces back-and-forth communication, and keeps your business running smoothly.

And the good news is, it's easier than you think! 

You can make professional, beautiful website forms online and then effortlessly embed those forms into your Google Sites website in a matter of minutes.

But the best part? There are three different ways you can create website forms for your Google Sites website!

The three ways you can create and embed forms directly into your Google Sites website are:

Using Google Forms for simple data collection.

Integrating Google Appointment Scheduler for real-time calendar bookings.

Using Canva AI to design modern, professional forms.

Let’s take a closer look at exactly how you can build, customize, and embed forms that make booking effortless for your visitors using the three methods above.

Check out this video for a visual breakdown of how to create stunning Google Sites website forms.  

The first method for creating a website form is by using Google Forms. This method is best used for contact forms, feedback collection, and simple booking requests.

To create website forms with Google Forms:

Head to forms.google.com to launch Google Forms or click the Google Apps grid (top-right) from any Google App and select ‘Forms’.

Click ‘Blank Form’ to start a new form from scratch or select a Google Form template to customize.

If you’re on a paid Google Workspace plan, you can also speed up the entire form-building process with Gemini AI, Google’s built-in AI. To do that:

Simply describe what you want to build in plain English.

Click ‘Create’.

Review the form Gemini AI has created, and when you’re happy with it, click ‘Create form’.

Google will automatically generate relevant questions such as name, email, availability, and preferences.

Read more: Can you build Google Forms with AI?  

Alternatively, you can build your form yourself. To do that:

Manually add your questions using the toolbar on the right. You can include:

Short text fields (name, email).

Dropdowns (lesson type or service).

Multiple-choice questions (online vs in-person).

By building your form yourself, you’ll have complete control over exactly what information you collect.

Next, style your form to match your business and brand:

Click ‘Theme’ (paint palette icon) at the top.

Upload a header image, logo, or banner.

You can also fine-tune your questions here. Simply add new fields, remove unnecessary items, or rename labels to make them more transparent to users.

Once you’re happy with how your form looks, you must set up and configure how your responses are managed. To do that:

Click ‘Settings’ at the top of the page.

Select ‘Responses’.

Choose if you want to send responders a copy of their response (whether users get confirmation that their submission has been received).

Click the ‘Responses’ tab.

This automatically stores all submissions in one organized place, which is perfect for tracking bookings or enquiries.

And you’re now ready to make your form live! To do this:

Click ‘Publish’.

Set access to ‘Anyone with the link’ so your visitors can submit responses without signing in.

Now, you must embed the form onto your Google Sites website. To do that:

Open your Google Sites website in the Google Sites editor.

Click ‘Insert’ in the right-hand menu.

Choose ‘Forms’ and select the form you just created (or search for it in Drive).

Click ‘Insert’.

And that’s all it takes! Your Google Form is now live, fully functional, and ready to capture bookings or enquiries directly from your Google Sites website.

Read more: Can Google Forms generate an invoice? 

This method involves using the Google Appointment Schedular to create forms, then embedding them on your Google Sites website.

It’s the perfect solution for consultants, tutors, coaches, and service-based professionals who rely on fixed time slots and need to monitor scheduling clashes.

Here’s how you can create a website form using Google Appointment Schedule:

Go to calendar.google.com or click the Google Apps grid in any Google tool and select ‘Calendar’ to open the Google Calendar app.

1. Click ‘Create’ (top-left corner).
2. Choose ‘Appointment schedule’ from the drop-down menu.
3. Now it’s time to control when (and how) people can book you! To do that, fill in the following on the left-hand side bar:
4. Session length: Choose how long each appointment lasts (e.g., 30 or 60 minutes).
5. Available hours: Select the days and times you accept bookings.
6. Booking window: Decide how far ahead clients can schedule.

Buffer time: Add breaks between appointments to avoid back-to-back sessions.

Calendar syncing: Choose which calendar Google should check so existing events automatically block availability and prevent double bookings.

Next, you can personalize the booking experience to tailor what your clients see when they book. To do that:

1. Scroll down and click ‘Next’.
2. Meeting type: Specify whether the appointment is in-person, by phone, or via video call.
3. Service details: Add a clear description explaining what the session includes and if any preparation is required.
4. Under ‘Booking form’, default fields include name and email.
5. Click ‘Add an item’ to request additional details, such as phone number, session goals, or special requirements.
6. Turn on ‘Required response’ to any important fields if needed.
7. Enable the email verification option to reduce spam or fake bookings.
8. Under ‘Payments and cancellation policy’, add your details to collect payments if required (paid Google Workspace accounts only).
9. Click ‘Booking confirmations and reminders’ to set up booking reminders.
10. Once you’re happy with your appointment schedule settings, click ‘Save’.

Once your schedule is saved, you’ll need to copy the code and display it on your website. To do that:

Click your appointment schedule, then click the three dots.

1. Select ‘More sharing options’ from the drop-down menu.
2. Choose ‘Website embed’.
3. Click ‘A single booking page’.
4. Add a button with pop-up if you like.
5. Choose ‘Inline booking page’ (this displays the full calendar directly on your site, rather than hiding it behind a button).
6. Click ‘Copy code’.
7. Go back to your Google Sites editor.
8. In the right-hand panel, click ‘Embed’.
9. Click ‘Embed code’.
10. Paste the code and click ‘Next’, then ‘Insert’.
11. Drag the sides and bottom of the embed to make the full schedule visible without internal scrolling.
12. Select the paint palette icon to the left of the editor and change the style of your form if required.
13. Click ‘Preview’ to view what the booking schedule looks like on your Google Sites website.
14. Select ‘Publish’ to make your website and booking scheduler live!

And that’s it! You’ve now successfully created and added a website form to your Google Sites using the Google Appointment Scheduler.

Read my in-depth step-by-step guide on how to add a Google Calendar booking form to Google Sites here.

Thanks to Canva’s latest innovation, Canva AI, did you know you can now build a stylish, no-code form using Canva and then embed that form onto your Google Sites website?

Essentially, Canva’s AI does the heavy lifting by generating the HTML and CSS for you….all through your simple text prompts!

This approach is ideal if you want a clean, modern form design without writing or editing a single line of code.

To create a Google Sites website form using Canva AI:

Go to canva.com and sign in (or create a free account if you’re a new user).

Once inside, select ‘Canva AI’ on the left-hand side bar.

In the prompt field, clearly describe what type of form you want to build using plain language.

Ensure you include any must-have fields in your prompt, like experience level, preferred session time, or lesson type (the more detailed your prompt is, the better the outcome).

Select ‘Enter’ and wait for Canva to generate the form layout and underlying code for you.

Once your form has been generated, you can fine-tune your form design with follow-up prompts!

That’s right, there’s no need to edit the code itself. You can simply adjust the form by continuing the conversation:

1. Type what changes you want to make to your design in the text box on the left-hand side of the screen.
2. Click ‘Enter’.
3. Canva AI will instantly update both the design preview and the form logic based on your prompt.
4. Continue refining your form using the steps shown above until you’re happy with how it looks.
5. Once you’re happy with how your form looks, you can link your form submissions to Canva Sheets to ensure you accurately capture and record responses. To do that:
6. Click ‘Data’ at the top of the screen.

• Your form will automatically connect to a Canva Sheet, which works like a spreadsheet.
• Every submission made through the form will be stored there in real time.

Next, it’s time to embed your Canva AI form onto your Google Sites website! To do that:

1. Toggle the ‘Show code’ button on.
2. Select Copy code.
3. Open your site in the Google Sites editor.
4. In the right-hand panel, click ‘Embed’.
5. Select ‘Embed code’.
6. Paste the Canva code and click ‘Next’.
7. Preview the form, then select ‘Insert’.
8. Resize the form so the full design displays cleanly on your page.

Before you make your form live, it's important to test it out to ensure everything works properly. To do that:

1. Select the ‘Preview mode’ icon at the top of the screen.
2. Fill out the form and click ‘Submit’ to submit a test entry.
3. Go back to Canva.
4. Open the ‘Data’ tab.
5. Refresh if needed to confirm the submission appears.

If your form background doesn’t blend seamlessly with your Google Sites page:

1. Take a screenshot of your site’s background.
2. Upload it to Canva and use the colour picker to grab the exact hex code.
3. Create a solid colour background in Canva using that code.
4. Download it and upload it as a section background in Google Sites.

This creates a smooth, professional look where your form feels like a natural part of the page instead of an embedded add-on.

And that is it! That’s how you can create a stunning Google Sites website form using Canva AI.

As you can see, these three methods give you flexible ways to create forms in Google Sites.

From simple data collection to real-time bookings, or a fully branded, design-led experience, you can easily build and customize stunning forms inside Google Sites in minutes!

Read more: How to build apps and tools for Google Sites with AI?

Your website shouldn’t just look good……it should do something. 

And creating forms in Google Sites is one of the simplest ways to turn a static page into a functional hub for enquiries, bookings, and customer interactions!

Instead of managing enquiries via email or phone, forms let customers book appointments, make reservations, or submit requests in just a few clicks.

Because everything connects with Google, submissions are automatically organized in Google Sheets, Calendars, or Canva Sheets, keeping your data tidy and easy to manage.

This also helps prevent double bookings and missed details, especially when using calendar-based forms.

Forms don’t just improve efficiency….they elevate your site’s professionalism. 

With custom designs, branded colours, and confirmation emails, visitors get a smoother, more trustworthy experience.

And for service-based businesses, paid Google Workspace users can even collect payments at the time of booking!

Ultimately, website forms in Google Sites help you save time, stay organized, and deliver a better customer experience without adding complexity.

Thanks so much for reading, and happy form making!