Wie lautet der Einbettungscode für das TuCalendi-Widget?

Was ist ein Einbettungscode?

Wenn du das TuCalendi-Buchungs-Widget auf deiner Website einbinden möchtest, stellt dir TuCalendi einen Einbettungscode zur Verfügung. Dieser Code ist ein kurzer Text, der, sobald du ihn auf deiner Seite einfügst, das Widget direkt dort anzeigt – so können deine Kunden einen Termin buchen, ohne deine Website verlassen zu müssen.

Du brauchst keine Programmierkenntnisse, um ihn zu nutzen. Der Vorgang ist ganz einfach: Kopiere den Code von TuCalendi und füge ihn an der Stelle auf deiner Website ein, an der das Widget erscheinen soll.

Warum heißt es Einbettungscode?

Der Begriff "Einbetten" (embedding) bezieht sich darauf, ein externes Element in eine Webseite einzufügen oder zu integrieren. In diesem Fall ist das TuCalendi-Widget dieses externe Element, das in deine Seite integriert wird, als wäre es ein Teil davon.

Häufig hört man auch den englischen Begriff "embed", der genau dasselbe bedeutet. Wenn jemand sagt "das Widget einbetten" oder "ein Embed erstellen", ist damit derselbe Vorgang gemeint, bei dem der Code in die Webseite eingefügt wird.

Wie sieht der Einbettungscode aus?

Der Einbettungscode ist ein Textabschnitt, der mit <script oder <div beginnt. Er sieht technisch aus, aber du musst ihn weder verstehen noch ändern. Du musst ihn einfach genau so kopieren, wie er ist, und an der richtigen Stelle auf deiner Webseite einfügen.

Wo fügst du den Code ein?

Wo genau du den Code einfügen musst, hängt von der Plattform oder dem Content-Management-System ab, das du für deine Website nutzt. Die gängigsten Plattformen wie WordPress, Wix, Squarespace oder Webflow verfügen über spezielle Blöcke oder Abschnitte zum Einfügen von HTML-Code. In den meisten Fällen musst du lediglich einen HTML- oder benutzerdefinierten Code-Block in dem Bereich deiner Seite hinzufügen, in dem das Widget erscheinen soll, und den TuCalendi-Code in diesen Block einfügen.

Wenn deine Website von einem Entwickler oder einem technischen Team verwaltet wird, kannst du ihnen den Code direkt schicken, damit sie ihn integrieren können.

In den folgenden Anleitungen findest du Schritt-für-Schritt-Anleitungen, wie du den Einbettungscode von TuCalendi erhältst und wie du ihn in die gängigsten Content-Management-Systeme einfügst.