Zurück zum Dashboard

Dokumentation

Erfahren Sie, wie Sie Asyntai verwenden

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

Schritt-für-Schritt-Anleitung für Instapage-Landingpages

Einbettungscode erhalten

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: HTML/CSS-Einstellungen verwenden

Instapage hat einen integrierten HTML/CSS-Editor zum Hinzufügen benutzerdefinierter Skripte:

  1. Öffnen Sie Ihre Instapage-Landingpage im Editor
  2. Klicken Sie auf "Einstellungen" in der Editor-Symbolleiste
  3. Gehen Sie zum Abschnitt "HTML/CSS"
  4. Fügen Sie Ihren Asyntai-Einbettungscode im Bereich "Head" ein
  5. Klicken Sie auf "Speichern" und veröffentlichen Sie Ihre Seite erneut

Tipp: Instapage bietet auch einen "Body"-Abschnitt in den HTML/CSS-Einstellungen. Beide Positionen funktionieren, aber der Head-Abschnitt wird für Chat-Widgets empfohlen, da er ein frühes Laden gewährleistet.

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Speichern und Veröffentlichen Ihrer Änderungen Ihre Instapage-Seite 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.

Widget nicht sichtbar? Stellen Sie sicher, dass Sie Ihre Einstellungen gespeichert und Ihre Seite erneut veröffentlicht haben. Versuchen Sie, Ihren Browser-Cache zu leeren oder die Seite in einem Inkognito-Fenster anzuzeigen.