So fügen Sie den Asyntai-KI-Chatbot zu Tilda hinzu

Schritt-für-Schritt-Anleitung für Tilda-Websites

Plattform:

Schritt 1: Ihren Einbettungscode erhalten

Gehen Sie zunächst zu Ihrem Asyntai Dashboard und scrollen Sie zum Abschnitt "Einbettungscode". Kopieren Sie Ihren einzigartigen Einbettungscode, der so aussieht:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Hinweis: Der obige Code ist nur ein Beispiel. Sie müssen Ihren eigenen einzigartigen Einbettungscode von Ihrem Dashboard kopieren, da er Ihre persönliche Widget-ID enthält.

Schritt 2: Code zur gesamten Website hinzufügen (empfohlen)

Um den Chatbot auf allen Seiten Ihrer Tilda-Website gleichzeitig hinzuzufügen, verwenden Sie die Site-Settings-Methode:

Melden Sie sich bei Ihrem Tilda-Konto an und öffnen Sie den Website-Editor
Klicken Sie auf Website-Einstellungen (Zahnradsymbol) im oberen Menü
Scrollen Sie nach unten zum Abschnitt "More"
Suchen Sie "HTML-Code für den HEAD-Bereich aller Seiten"
Klicken Sie auf "Edit code"
Fügen Sie Ihren Asyntai-Einbettungscode in das Textfeld ein
Klicken Sie auf "Save"
Klicken Sie auf "Veröffentlichen", um Änderungen auf Ihrer Live-Website anzuwenden

Tipp: Diese Methode fügt den Chatbot automatisch auf jeder Seite Ihrer Website hinzu. Es ist der einfachste Weg, um sicherzustellen, dass der Chatbot websiteweit für Ihre Besucher verfügbar ist.

Alternative: T123-Block verwenden (bestimmte Seiten)

Wenn Sie den Chatbot nur auf bestimmten Seiten hinzufügen möchten, können Sie Tildas T123-HTML-Block verwenden:

Öffnen Sie die Seite, die Sie bearbeiten möchten, im Tilda-Editor
Klicken Sie auf "+ Block hinzufügen" oder drücken Sie "T"
Gehen Sie in der Block-Bibliothek zu Other → T123 (Embed HTML Code)
Alternativ suchen Sie nach "T123" in der Suchleiste
Klicken Sie auf den T123-Block, um ihn zu Ihrer Seite hinzuzufügen
Fügen Sie in den Block-Einstellungen Ihren Asyntai-Einbettungscode ein
Positionieren Sie den Block an einer beliebigen Stelle auf Ihrer Seite (dies beeinflusst die Widget-Platzierung nicht)
Klicken Sie auf "Veröffentlichen", um die Änderungen live zu schalten

Hinweis: Der T123-Block unterstützt HTML, JavaScript (innerhalb von <script>-Tags) und CSS (innerhalb von <style>-Tags). Die visuelle Platzierung des Blocks spielt keine Rolle – der Chatbot erscheint wie konfiguriert in der unteren rechten Ecke.

Head-Bereich pro Seite (Fortgeschritten)

Für mehr Kontrolle können Sie Code zu einzelnen Seiten-Head-Bereichen hinzufügen:

Öffnen Sie die Seite im Tilda-Editor
Klicken Sie auf Seiteneinstellungen (Zahnradsymbol) im oberen Menü
Gehen Sie zum Tab "Additional"
Suchen Sie "HTML code for the HEAD section"
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie auf "Speichern" und dann auf "Veröffentlichen"

Wichtig: Bei Verwendung des T123-Blocks oder der seitenspezifischen Methode müssen Sie den Code auf jeder Seite hinzufügen, auf der der Chatbot erscheinen soll. Für eine websiteweite Installation verwenden Sie die in Schritt 2 beschriebene Site-Settings-Methode.

Schritt 3: Installation überprüfen

Öffnen Sie nach dem Veröffentlichen Ihrer Änderungen Ihre Website in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.