---
language: de
title: So integrierst du TuCalendi in eine Website
category: Online booking
summary: Hol dir den HTML-Einbettungscode für dein Kalender-Widget oder deine intelligente Umfrage mit Routing und füge ihn in deine Website ein.
---

# So integrierst du TuCalendi in eine Website

Da es jetzt zwei unabhängige Widgets gibt, zum einen das **Widget für den Kalender und die Events**, zum anderen das **Widget für die intelligenten Umfragen mit Routing**, haben wir einen neuen, schnelleren, intuitiveren und direkteren Weg eingeführt, mit dem du den benötigten Integrationscode erhältst.

Schauen wir uns an, **wie du TuCalendi in eine Website integrierst**, und zwar mit nur wenigen Mausklicks und durch einfaches Kopieren und Einfügen eines HTML-Codes.

[Melde dich bei TuCalendi an](https://account.tucalendi.com/login) mit deinem Benutzernamen und Passwort und öffne im vertikalen Menü die Option **"Einbettungscodes"**:

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

Zuerst musst du zwischen den beiden Möglichkeiten wählen, das Widget in eine Website einzubetten:

- Als **Inline-Kalender**.
- [Als **Button**](https://www.tucalendi.com/de/s/online-reservierungen/tucalendi-widget-als-schaltflache-einbetten).

In unserem Beispiel wählen wir den Online-Kalender.

Klicke bei der Option **"Inline"** auf den Button **"Auswählen"**.

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

Jetzt stehen dir zwei Arten von Widgets zur Verfügung, die du in deine Website integrieren kannst:

- **Kalender-Widget**.
- **Widget für intelligente Umfragen mit Routing**.

## Kalender-Widget

Um den Integrationscode für einen Kalender mit all seinen Events oder für nur ein einzelnes Event zu erhalten, klicke im Bereich **Kalender** auf den Button **"Auswählen"**:

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

Klicke auf das Dropdown-Menü. Dort werden die verschiedenen **Kalender** angezeigt, die du erstellt hast, sowie alle **Events**, die du in jedem Kalender hast:

![Liste der Kalender und Events](https://www.tucalendi.com/images/content/online-booking/en/v2-calendars-events-list.png)

> [!WARNING]
> Wenn du einen **Kalender** auswählst, zeigt das Widget mit dem Integrationscode **alle Events** dieses Kalenders an. Wählst du dagegen ein **bestimmtes Event** aus, zeigt der Integrationscode im Widget **nur dieses eine Event** an.

In diesem Fall wählen wir ein Event aus, und zwar das Event mit dem Namen **"First Event (30 min)"**, und erhalten den Einbettungscode für dieses Event:

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

Jetzt musst du nur noch **den HTML-Code kopieren und auf einer Seite deiner Website einfügen**, damit deine Kunden direkt bei dir buchen können.

![Widget mit einem eingebetteten Event](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-calendar-embed.png)

## Widget für intelligente Umfragen mit Routing

Um den Integrationscode für eine intelligente Umfrage mit Routing zu erhalten, klicke im Bereich **Umfrage** auf den Button **"Auswählen"**:

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

Klicke auf das Dropdown-Menü. Dort werden die verschiedenen **Umfragen** angezeigt, die du erstellt hast, sodass du die Umfrage auswählen kannst, für die du den Integrationscode haben möchtest:

![Liste der intelligenten Umfragen mit Routing](https://www.tucalendi.com/images/content/online-booking/en/v2-survey-with-routing-list.png)

In diesem Fall wählen wir die Umfrage mit dem Namen **"Demo survey with routing"** und erhalten den Einbettungscode für diese intelligente Umfrage:

![Einbettungscode für eine intelligente Umfrage mit Routing](https://www.tucalendi.com/images/content/online-booking/en/v2-embed-code-survey.png)

Jetzt musst du nur noch **den HTML-Code kopieren und auf einer Seite deiner Website einfügen**, damit deine Kunden die Umfrage ausfüllen und beim passenden Event einen Termin bei dir buchen können.

![Widget mit einer eingebetteten intelligenten Umfrage](https://www.tucalendi.com/images/content/online-booking/en/v2-widget-survey-embed.png)

Das war's schon: Mit nur wenigen Klicks läuft das **Kalender-Widget** oder die **intelligente Umfrage mit Routing** auf deiner Website.