> For the complete documentation index, see [llms.txt](https://docs.chathq.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chathq.io/engagement-widgets/conversion-tools-tm/conversion-tools-library/booking-calenders.md).

# Booking Calenders

## 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.

{% embed url="<https://www.youtube.com/embed/JMi_crPbevo>" fullWidth="false" %}

***

## 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="/files/HTyHlSmhIUkQJLzKFK9h" 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™](/engagement-widgets/conversion-tools-tm/add-reorder-and-delete-tools.md)
{% 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="/files/dRJmgDVuZzgQCSUqUHao" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Title and Panel Title, please view the help article here.](/engagement-widgets/conversion-tools-tm/title-and-panel-title.md)
{% 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="/files/x0R6dFu0yzQYnMrqPlYv" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Tool Visibility, please view the help article here.](/engagement-widgets/conversion-tools-tm/tool-visibility.md)
{% 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="/files/xg3nhHxN9ZESytAVdiLP" 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="/files/mW2Jw8S8RRHJHOwTVQNX" 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="/files/4hYvb92EPLCvDiKGkWIu" 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="/files/W9kOYNzXNbYL2zJftUWA" alt=""><figcaption></figcaption></figure>