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:

Log in to your Tilda account and open your site editor
Click Site Settings (gear icon) in the top menu
Scrollen Sie nach unten zum Abschnitt "More"
Find "HTML code for the HEAD section for all pages"
Klicken Sie auf "Edit code"
Fügen Sie Ihren Asyntai-Einbettungscode in das Textfeld ein
Klicken Sie auf "Save"
Click "Publish" to apply changes to your live site

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:

Open the page you want to edit in the Tilda editor
Click "+ Add Block" or press "T"
Gehen Sie in der Block-Bibliothek zu Other → T123 (Embed HTML Code)
Alternatively, search for "T123" in the search bar
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)
Click "Publish" to make the changes live

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)

For more control, you can add code to individual page head sections:

Öffnen Sie die Seite im Tilda-Editor
Click Page Settings (gear icon) in the top menu
Gehen Sie zum Tab "Additional"
Suchen Sie "HTML code for the HEAD section"
Fügen Sie Ihren Asyntai-Einbettungscode ein
Click "Save" and then "Publish"

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.