Machen Sie es Ihren Kunden leicht, einen Termin zu buchen. Wenn Sie Ihre persönliche Buchungsseite mit Ihrer eigenen Website verknüpfen, können Sie Ihren Kunden Zeit ersparen.

Sehen Sie sich lieber unser instruktives Video an? Machen Sie das hier (EN):

inweis: Das obige Video ist ein wenig veraltet, da Sie den iframe jetzt nicht mehr manuell einrichten müssen.

Folgen Sie diesen Schritten, um die Buchungsseite in Ihre eigene Website zu integrieren. Wenn Sie eine Wordpress- oder WIX-Website haben, klicken Sie auf einen der folgenden Links: Ihre WIX-Website oder eine Wordpress-Website.

1. Wenn Sie Ihren Kalender verknüpft haben, gehen Sie zu Planung > Termintypen und klicken Sie auf "Buchungslinks", oder oder klicken Sie auf das Teilsymbol in der Termintypkarte. Kopieren Sie nicht den ursprünglichen Link (z. B. https://cloud.teamleader.eu/my-team-name-1/bookings/u/user-name/), sondern übernehmen Sie den eingebetteten HTML-Code.

Beispiel:

Wenn Sie einen der eingebetteten HTML-Seiten auswählen, wird der eingebettete Buchungslink (z. B. https://cloud.teamleader.eu/_customer-meeting/embed/book/my-team-name-1/u/user-name/) in einen Iframe-Codeblock eingefügt. Dieser sieht dann wie folgt aus:

<iframe
    style="width: 100%; height: 600px;"
    src=" https://cloud.teamleader.eu/_customer-meeting/embed/book/my-team-name-1/u/user-name/"
    frameborder="0"
></iframe>

Hinweis: Der Teil nach /book/ (=my-team-name-1) ist der Teamname, während der letzte Teil (=/u/user-name) der editierbare Teil des Buchungslinks in Ihrer Planungskonfiguration ist.

2. Fügen Sie den eingebetteten HTML-iframe in die Codebasis Ihrer Website an der Stelle ein, an der Sie die Buchungsseite anzeigen möchten. 

3. Passen Sie die Höhe und Breite entsprechend Ihrer Website an (in unserem Vorschlag ist die Höhe auf 600px festgelegt).

4. Genießen Sie ein Upgrade in Ihrer Terminplanung!

Wichtig: Wenn Sie eine Redirect-URL eingerichtet haben, nachdem ein Termin gebucht wurde, müssen Sie eine zusätzliche Zeile in Ihren iframe-Code einfügen:

<iframe
    style="width: 100%; height: 600px;"
    src="EMBEDDABLE_BOOKING_URL"
    sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation"      
    frameborder="0"
></iframe>