---
language: en
title: How to integrate TuCalendi into a website
category: Online booking
summary: Get the embed code for a calendar, event or smart survey with routing and paste it inline on your website in a few clicks.
---

# How to integrate TuCalendi into a website

Since we now have two independent widgets, first the **widget for the calendar and events**, second the **widget for the smart surveys with routing**, we have implemented a new, faster, more intuitive and direct way to get the **integration code** you need.

Let's see **how to integrate TuCalendi into a website** in just a few mouse clicks and with the simple action of **copying and pasting an HTML code**.

[Log in to TuCalendi](https://account.tucalendi.com/login) with your username and password and go to the **"Embed codes"** option in the vertical menu:

![Embed codes](https://www.tucalendi.com/images/content/online-booking/v2-embed-codes.png)

First you must choose between the two ways to embed the widget on a website:

- By means of an **inline calendar**.
- [By means of a button](https://www.tucalendi.com/en/s/online-booking/embed-tucalendi-widget-as-a-button).

In our case we are going to choose the inline calendar.

In the **"Inline"** option, click on the **"Select"** button.

![Widget type](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-type.png)

Now there are two types of widget that you can integrate into your website:

- **Calendar widget**.
- **Smart survey widget with routing**.

## Calendar Widget

To get the integration code for a calendar with all its events or just one event, click on the **"Select"** button in the **Calendar** section:

![Embed calendar code](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-calendar-code.png)

Click on the dropdown. This will display the different **calendars** you have created and also all the **events** you have in each calendar:

![Calendars and events list](https://www.tucalendi.com/images/content/online-booking/en/v2-calendars-events-list.png)

> [!WARNING]
> If you choose a **calendar**, the widget will show **all the events** that the calendar has. On the other hand, if you select a **specific event**, the integration code will only show **one event** in the widget.

In this case we are going to choose an event, specifically the one called **"First Event (30 min)"**, and we get the embed code for that event:

![Event embed code](https://www.tucalendi.com/images/content/online-booking/en/v2-event-integration-code.png)

Now you simply **copy the HTML code and paste it into a page on your website** so that your customers can start booking with you.

![Widget with an event embed](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-calendar-embed.png)

## Smart survey widget with routing

To get the integration code for a smart survey with routing, click on the **"Select"** button in the **Survey** section:

![Survey embed code](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-code-surveys.png)

Click on the dropdown. This will display the different **surveys** you have created so you can choose the survey you want to get the integration code for:

![Smart survey with routing list](https://www.tucalendi.com/images/content/online-booking/en/v2-survey-with-routing-list.png)

In this case we are going to choose the survey called **"Demo survey with routing"** and get the embed code for that smart survey:

![Embed code for a smart survey with routing](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-code-survey.png)

Now simply **copy the HTML code and paste it on a page of your website** so that your customers can start filling out the survey and book with you at the corresponding event.

![Widget with a smart survey embed](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-survey-embed.png)

And that's it: with just a few clicks you can have the **calendar widget** or **smart surveys with routing** working on your website.