# Booking Calendars

## Overview

This tool allows you to show appointment scheduling calendars inside your widget. You can connect to calendar groups and individual calendars from inside your CRM software.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2Ft8H6fdhiVyUhuLcdMMA2%2FXnip2024-02-05_21-07-56.jpg?alt=media&#x26;token=90f3ea93-49ca-4b92-b4c4-ad03ca2422b9" alt=""><figcaption></figcaption></figure>

***

## Use Cases

* Book discovery calls with new leads directly from the widget on any page of your website.
* Offer your customers the ability to book support calls.
* Schedule 1-on-1 meetings with new customers after they purchase your products or services.
* Offer website visitors a “free demo” calendar based on website interactions and time-on-site metrics.

***

## **Configure Booking Calendars Tool**

### Step 1: Open Tool

Navigate to your widget management area in your CRM software. Look for the Booking Calendars tool or a similar section where you can manage appointment scheduling features.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FVkLwulDrKhjOWIHOg2x9%2FXnip2024-02-05_21-17-03.jpg?alt=media&#x26;token=829d47a8-a41f-42e5-b4b7-dcde7594ca64" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you have not added this tool to your widget yet, add the tool first, then you can configure the tool settings. [Click here to learn how to add new Conversion Tools™](https://widgets.yourhelpcenter.net/conversion-tools/add-reorder-and-delete-tools)
{% endhint %}

***

### **Step 2: Set Tool Titles**

* **Title:** Set the name of the Booking Calendars tool that will be displayed on the initial widget view.
* **Panel Title:** Define the text that appears at the top of the Booking Calendars tool once it's activated by a visitor.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2F6pIFwicEfAmAZvA6Qcq2%2FXnip2024-02-05_21-22-21.jpg?alt=media&#x26;token=ed86f749-ba78-4ef7-a0e9-18a4bd696b2f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Title and Panel Title, please view the help article here.](https://widgets.yourhelpcenter.net/conversion-tools/title-and-panel-title)
{% endhint %}

***

### Step 3: Configure Tool Visibility

In the **Tool Visibility** section, specify when the Booking Calendars should be visible. Base this on your office hours or other conditions found in the widget settings.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FyXjmkDSJdLBhSVXz4Ee9%2FXnip2024-02-05_21-22-41.jpg?alt=media&#x26;token=fdefd6c7-ec73-4c87-b3ae-9b26741579b8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Tool Visibility, please view the help article here.](https://widgets.yourhelpcenter.net/conversion-tools/tool-visibility)
{% endhint %}

***

### Step 4: Select Calendar Groups

Find the drop-down menu for **Calendar Groups** and choose the appropriate group that includes the calendar you wish to display in your widget.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FvFNnAcURFou8tW5hOHmh%2FXnip2024-02-05_21-35-57.jpg?alt=media&#x26;token=a106724a-b46e-4b1d-a61f-808b3a4c70f4" alt=""><figcaption></figcaption></figure>

***

### Step 5: Choose Calendars To Display

#### **Use All Active Calendars:**

Use all active calendars in a calendar group by selecting **Use All Calendars in Group**, which will list all available calendars within the chosen group.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FMlVRTkaFVjt6dAj7ePAn%2FXnip2024-02-05_21-37-12.jpg?alt=media&#x26;token=50a4fedd-7734-436c-96a0-65798186a655" alt=""><figcaption></figcaption></figure>

#### **Use a Single Calendar:**

Use a single calendar from within a calendar group by selecting the **specific calendar** you want to display from the list of calendars in the group.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2F652oT1Kj4lwEpdOamRcG%2FXnip2024-02-05_21-38-10.jpg?alt=media&#x26;token=a6f12747-3f80-4693-b07f-1c417fca59f0" alt=""><figcaption></figcaption></figure>

***

### Step 6: Save Changes

Save your settings to apply the changes, and test the widget to ensure the Booking Calendars appear correctly for your website visitors.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FuOnoaV7B7JbjrGUWetIX%2FXnip2024-02-05_21-38-26.jpg?alt=media&#x26;token=e64191aa-2323-4d5c-8c07-91b5e9610ec7" alt=""><figcaption></figcaption></figure>