Skip to main content

How to Set Up Your Google Online Booking Form

This is how you integrate the booking form to your google my business account.

Marko Sipila avatar
Written by Marko Sipila
Updated over 2 months ago

Setting up an online booking form on your website allows your customers to easily schedule appointments with your HVAC services. Follow these simple steps to integrate the Google online booking form from HVAC Quote into your website.

Step 1: Access the Website Integration Settings

  1. Log into Your HVAC Quote Account:

    • Open your HVAC Quote dashboard.

    • In the left-hand navigation panel, click on Settings.

Step 2: Navigate to the Website Integration Section

  1. Click on "Website Integration":

    • In the Settings page, click on the Website Integration tab. This section contains the code you need to embed the online booking form on your website.

Step 3: Copy the Booking Form Code

  1. Locate the Booking Form Integration:

    • In the Service Booking Integration section, you will see the iframe code for your booking form.

  2. Copy the iFrame Code:

    • Click on the copy button next to the iframe code for the booking form. The iframe code will look like this:

    htmlCopy<iframe src="https://app.hvacquote.ai/booking-iframe?company=yourcompanyid" width="100%" height="600"></iframe>

Step 4: Grab the URL from the iFrame

  1. Extract the URL from the Code:

    • The URL within the iframe is the link that directs users to the booking form. You can use this URL to track where your leads are coming from or even pass it into marketing campaigns to track the effectiveness of different ad sources.

Step 5: Embed the Code on Your Website

  1. Paste the Code on Your Website:

    • Go to your website’s backend (content management system or HTML editor).

    • Paste the iframe code in the section where you want the booking form to appear. This can be on a dedicated booking page or any page where you want users to easily schedule an appointment.

  2. Adjust the Size:

    • You can customize the width and height parameters within the iframe code to better match your website’s design and layout.

Step 6: Test the Booking Form

  1. Visit the Page with the Booking Form:

    • After embedding the code, go to the page on your website where the booking form is located.

    • Ensure the form is displaying correctly and that users can interact with it, selecting services and scheduling appointments.

Did this answer your question?