Online Scheduling Widget

The Broccoli online scheduling widget allows your customers to book appointments directly from your website and/or Google. The widget reflects your custom scheduling logic; whether you're using Broccoli’s built-in configurations or you are using ServiceTitan’s ACP.

Additionally, we are official partners with Reserve through Google, which means your widget can also appear on your Google Business Profile and Google Ads; bringing scheduling access right to a regular Google web search.

The online schedule widget does not use AI, and instead uses a flow-based logic tree for booking appointments.

*NOTE: The scheduling widget is an additional feature within Broccoli. To access this feature, contact your CSM.

Analytics

Under the analytics tab you will find info about the total leads (customers that engaged with your widget), appointments booked, total revenue, and your booking rate.

History

Under the history tab you will find a log similar to your AI CSR Call Log. Here you will find customer details, appointment details, a summary, and a transcript of the chat that occurred in your Schedule Widget.

Setup

Here you can configure your Broccoli scheduling widget, customize appearance, job types, flow, and find the embed code to add it to your website. Let's go through each of the tabs in setup one by one.

Company & Contact

Here, you will want to put in your relevant business information, as well as the message you would like to give out when addressing your dispatch fee.

Basic Information Make sure all your business information is present and up to date.

Once you have updated the dispatch fees in your Widget > Setup > Job Types section, the $<dispatch_fee> variable in your Dispatch Fee Message will auto-populate the relevant dispatch fee for the job type that is being scheduled.

If you do not want to give out a specific dispatch fee you can remove this variable.

You can also determine if you'd like to allow emergency bookings/services and if you would like the bookings confirmed in the widget to go directly to your dispatch board.

Beneath Basic Information, you’ll find the Services section. Select the high-level services your business offers. These should be broad categories (e.g., HVAC, Plumbing, Electrical), not granular job types.

If your business offers a licensed or state-regulated service that isn’t listed, reach out to us; we’ll add it to your widget.

*Note: If your business has multiple Google Business listings (e.g., for different branches or locations), let us know. We’ll generate unique widgets for each location.

Appearance

Here you can customize the appearance of your online schedule widget to match your company branding and colors, as well as upload your logo. You can see any changes reflected in real-time in the Widget Preview section.

Installation

Here is where you will find the resources to actually integrate the online schedule widget into your website and google search. If you are unsure how to add the relevant links to your website, you may need to consult with your Web Dev or the person/team that manages your website.

Enable Google Integration: To enable google search functionality, simply toggle the switch to Enabled. This will make your widget available through the Google sidebar/Google Maps. You can expect your Google listing to show a "Book Online" button within 24 hours. The following example is what it should look like once activated:

Direct Widget URL: This will provide you with a direct link that can be opened in a new tab

Embed Script: This will provide you with a script that you copy and paste into your website. It will make the widget appear and work automatically, similar to how you might add a video or image to a web page. Once added, the widget will stay up to date automatically.

Trigger Button: This will provide you with a script that creates a button you can place on your site, similar to the following example:

We also support a Google Tag Manager Integration: Make sure to enter your Google Tag Manager Container ID if you would like to enable automatic event tracking. Then, toggle on any specific events you would like to track.

Campaign Attribution to ServiceTitan

To enable campaign attribution in ServiceTitan, you can pass a campaignId as a query parameter in your scheduling widget URL. This value is retained when a booking is created, making it easy to associate appointments with specific marketing campaigns.

Example:

If you're linking the widget in a Facebook ad, use a URL like:

https://book.broccoli.com/widget/insert-your-id-here-from-setup-page?campaignId=12345

Replace 12345 with your actual ServiceTitan campaign ID.

This helps your marketing team measure ROI and track which campaigns are driving real bookings.

Job Types

In the job types section you can adjust the dispatch fees that will be relayed when a customer is booking an appointment. If you need to make any adjustments such as adding or removing job types, for now you will need to reach out to your Broccoli CSM.