# Syncing Google Calendar with the Appointment Booking Widget

**URL:** <https://community.elfsight.com/t/syncing-google-calendar-with-the-appointment-booking-widget/145402>\
**Category:** Help Center\
**Tags:** appointment-booking\
**Created:** [February 17, 2026, 12:39pm UTC](https://community.elfsight.com/t/syncing-google-calendar-with-the-appointment-booking-widget/145402 "2026-02-17T12:39:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 17, 2026, 12:39pm UTC](https://community.elfsight.com/t/syncing-google-calendar-with-the-appointment-booking-widget/145402/1 "2026-02-17T12:39:58Z")

</div>

Manage your appointments effortlessly with the [Elfsight Appointment Booking widget](https://dash.elfsight.com/apps/appointment-booking)! This fully customizable widget streamlines the booking process and keeps your calendar organized.

It integrates with Google Calendar, automatically marking booked slots as unavailable, so you can easily track your bookings in one place. Leave the scheduling to Elfsight and say goodbye to manual updates 👋

## **Connecting Google Calendar**

* * *

Follow the steps below to connect Google Calendar and streamline your booking process:

1️⃣ Open the **Settings** tab, select **Google Calendar** in the **Integrations** section and click **Connect to Google Calendar** :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/f/ff7ea146e5f7687acd2743d8c5c9952e326ac5e6.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/5/a5748cb0d5705952ea560926634db6a9f02cfcac.png)

  

2️⃣ In the pop-up window, choose the Google account you want to connect:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/3/1323b049eeb692f20f9137cc5ac6f78ae7dbc569.png)

  

Then click **Continue** :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/6/360b32ce704570f78b1cacae2329346a93b5059c.png)

  

Finally, allow Elfsight the required permissions:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/d/0d3211aa101d5cdf62037721d6177204f4340b91.png)

  

3️⃣ After a successful connection, select the calendar you want to sync:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/5/6558cdbd8cccf901f7cfd1bb98888e847874b0a9.png)

  

Your widget is now synced with Google Calendar:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/b/0b1d1e99512d23dc9ff6bb8579f3fe29a3afbc6b.png)

  

> Your schedule will now automatically update to prevent overlaps. Without the integration, you’ll need to manually adjust your available hours for each booking to avoid conflicts.

  

## **Switching Between Google Calendars**

* * *

If you manage multiple Google Calendars and want to switch to a different one in the widget, it’s easy. Just follow the steps below.

1️⃣ Navigate to the **Settings** tab and click **Google Calendar** in the **Integrations** section:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/c/cc8b48c03c12ab5c59a7edc5f2ed1042849304f7.png)

  

2️⃣ Then click the **three-dot menu** icon and choose **Calendar Switch** :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/1/9151f1ae0cfd7978b6b4e04d9353ddaed50a4213.png)

  

3️⃣ Select a new calendar from the displayed list:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/8/48926e66a6d11856dc59202683002c067a3e2b33.png)

  

Your widget is now synced with the new Google Calendar:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/b/1b213b4cb6c142ebd4cff16907326b540d9e7dd7.png)

  

## **Disconnecting Google Calendar**

* * *

> **Important:** Without the integration, you’ll need to manually adjust your available hours for each booking to avoid conflicts.

Disconnecting your Google Calendar from the widget is simple. Here’s how to safely remove the integration:

1️⃣ In the **Settings** tab, click **Google Calendar** in the **Integrations** section:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/c/cc8b48c03c12ab5c59a7edc5f2ed1042849304f7.png)

  

2️⃣ Select the **three-dot menu** icon and click **Disconnect Calendar** :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/d/0d744c5a8f7b44a8d3969e14706f4bf781f4eb52.png)

  

3️⃣ Confirm your choice by clicking **Disconnect** in the subsequent window:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/c/7c25ee4003874da492288f6de64dbc6b8f37572b.png)

  

Voila! Now you’re all set to manage your Elfsight Appointment Booking widget with Google Calendar 😉

  

> Got questions or faced difficulties? Let us know in the comments – we’ll be happy to help!