---
language: es
title: Cómo integrar TuCalendi en una página web
category: Online booking
summary: Obtén el código de integración del widget de calendario o de encuestas inteligentes con enrutamiento y pégalo en tu web en pocos clics.
---

# Cómo integrar TuCalendi en una página web

Como ahora tenemos dos widgets independientes, por un lado el **widget para el calendario y los eventos** y por otro el **widget para las encuestas inteligentes con enrutamiento**, hemos implementado una forma nueva, más rápida, intuitiva y directa de obtener el código de integración que necesitas.

Veamos **cómo integrar TuCalendi en una página web** con solo unos clics de ratón y la sencilla acción de copiar y pegar un código HTML.

[Inicia sesión en TuCalendi](https://account.tucalendi.com/login) con tu usuario y contraseña y ve a la opción **"Códigos de inserción"** del menú vertical:

![Códigos de inserción](https://www.tucalendi.com/images/content/online-booking/v2-embed-codes.png)

Primero tienes que elegir entre las dos formas de insertar el widget en una página web:

- Mediante un **calendario en línea**.
- [Mediante un botón](https://www.tucalendi.com/es/s/reserva-online/incrustar-widget-tucalendi-como-boton).

En nuestro caso vamos a elegir el calendario en línea.

En la opción **"En línea"**, haz clic en el botón **"Seleccionar"**.

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

Ahora tienes dos tipos de widget que puedes integrar en tu web:

- **Widget de calendario**.
- **Widget de encuesta inteligente con enrutamiento**.

## Widget de calendario

Para obtener el código de integración de un calendario con todos sus eventos o de un solo evento, en la parte de **Calendario** haz clic en el botón **"Seleccionar"**:

![Código de inserción del calendario](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-calendar-code.png)

Haz clic en el desplegable. Se mostrarán los distintos **calendarios** que has creado y también todos los **eventos** que tienes en cada calendario:

![Lista de calendarios y eventos](https://www.tucalendi.com/images/content/online-booking/en/v2-calendars-events-list.png)

> [!WARNING]
> Si eliges un **calendario**, con el código de integración el widget mostrará **todos los eventos** que tiene ese calendario. En cambio, si seleccionas un **evento concreto**, el código de integración solo mostrará **un evento** en el widget.

En este caso vamos a elegir un evento, en concreto el llamado **"First Event (30 min)"**, y obtenemos el código de inserción de ese evento:

![Código de inserción del evento](https://www.tucalendi.com/images/content/online-booking/en/v2-event-integration-code.png)

Ahora solo tienes que **copiar el código HTML y pegarlo en una página de tu web** para que tus clientes empiecen a reservar contigo.

![Widget con un evento insertado](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-calendar-embed.png)

## Widget de encuesta inteligente con enrutamiento

Para obtener el código de integración de la encuesta inteligente con enrutamiento, en la parte de **Encuesta** haz clic en el botón **"Seleccionar"**:

![Código de inserción de encuestas](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-code-surveys.png)

Haz clic en el desplegable. Se mostrarán las distintas **encuestas** que has creado para que elijas aquella de la que quieres obtener el código de integración:

![Lista de encuestas inteligentes con enrutamiento](https://www.tucalendi.com/images/content/online-booking/en/v2-survey-with-routing-list.png)

En este caso vamos a elegir la encuesta llamada **"Demo survey with routing"** y obtenemos el código de inserción de esa encuesta inteligente:

![Código de inserción de una encuesta inteligente con enrutamiento](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-code-survey.png)

Ahora solo tienes que **copiar el código HTML y pegarlo en una página de tu web** para que tus clientes empiecen a rellenar la encuesta y reserven contigo en el evento correspondiente.

![Widget con una encuesta inteligente insertada](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-survey-embed.png)

Y eso es todo: con solo unos clics puedes tener el **widget de calendario** o las **encuestas inteligentes con enrutamiento** funcionando en tu web.