Zurück zum Dashboard

Dokumentation

Erfahren Sie, wie Sie Asyntai verwenden

Erste Schritte
Installation Wissensdatenbank Testen Sie Ihre KI Websites verwalten
Anpassung
Widget-Farben KI-Assistentenname Begrüßungsnachricht Widget-Position Auto-Trigger Benachrichtigungsblase Ungelesen-Abzeichen Anweisungsmodus Fragen stellen Emojis verwenden E-Mails erfassen Telefonnummern erfassen Intelligente Lead-Erfassung Lokalisierung Branding ausblenden Datenschutz-Link Benutzerdefinierter Hinweis Gesprächsprotokoll herunterladen Neues Gespräch Unterhaltungsverlauf Slogan und Statuspunkt Sprache zu Text Chat-Symbol Firmenlogo Zeichenlimit Temperatur
Tipps für KI-Anweisungen Tarife vergleichen
Funktionen
Website-Crawl Wissenslücken Produktkarten Benutzerkontext Live-Überwachung Human Takeover Eskalation KI-Benachrichtigungen Täglicher Bericht Echtzeit-Datenfeed Echtzeit-Datenfeed Max Teammitglieder Single Sign-On Bilder einbinden Bilderkennung Übersetzungs-Widget Lokalisierung Leads Intelligente Lead-Erfassung Support-Tickets Buchungen Seiten ausschließen Blockierte IPs Smarteres Modell Denkmodus aktivieren Antwortvorschläge Folgenachrichten Sprache zu Text Gesprächsprotokoll herunterladen Eingebetteter Chat
Analysen
Chat-Analysen Chat-Protokolle
Integrationen
REST API Instagram Messenger WhatsApp Zapier Email Mobile Apps
Sonstiges
Zum Startbildschirm hinzufügen Benutzerdefinierter Öffnen-Button

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

Schritt-für-Schritt-Anleitung für Webflow-Websites

Einbettungscode erhalten
Plattform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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 über Site-Einstellungen hinzufügen (alle Seiten)

To add the chatbot to all pages of your Webflow site at once:

  1. Log in to your Webflow account and select your project
  2. Klicken Sie auf das Zahnrad-Symbol (Site Settings) in der linken Seitenleiste
  3. Klicken Sie im Einstellungsmenü auf "Custom Code"
  4. Scrollen Sie nach unten zum Abschnitt "Footer Code" (vor dem </body>-Tag)
  5. Fügen Sie Ihren Asyntai-Einbettungscode ein
  6. Klicken Sie auf "Save Changes"
  7. Publish your site for the changes to go live

Tipp: Das Hinzufügen des Codes im Footer-Bereich platziert ihn direkt vor dem schließenden </body>-Tag, was für Chat-Widgets empfohlen wird, da es das Laden Ihrer Seite nicht verlangsamt.

Alternative: Seitenspezifischer benutzerdefinierter Code

Wenn Sie den Chatbot nur auf bestimmten Seiten haben möchten:

  1. Öffnen Sie Ihr Projekt im Webflow Designer
  2. Klicken Sie auf das Seiten-Panel (Ordner-Symbol) in der linken Seitenleiste
  3. Fahren Sie mit der Maus über die Seite, die Sie bearbeiten möchten, und klicken Sie auf das Zahnrad-Symbol
  4. Scrollen Sie nach unten zu "Custom Code"
  5. Fügen Sie Ihren Asyntai-Einbettungscode im Abschnitt "Before </body> tag" ein
  6. Klicken Sie auf "Save"
  7. Veröffentlichen Sie Ihre Website

Alternative: Embed-Element verwenden

Sie können den Chatbot auch mit dem Embed-Element an beliebiger Stelle auf Ihrer Seite hinzufügen:

  1. Öffnen Sie Ihr Projekt im Webflow Designer
  2. Click the "+" button to open the Add panel
  3. Search for "Embed" or find it under Components
  4. Ziehen Sie das Embed-Element auf Ihre Seite
  5. Fügen Sie Ihren Asyntai-Einbettungscode in den Code-Editor ein
  6. Klicken Sie auf "Save & Close"
  7. Veröffentlichen Sie Ihre Website

Wichtig: Bei Verwendung des Embed-Elements müssen Sie es auf jeder Seite hinzufügen, auf der Sie den Chatbot möchten. Für eine websiteweite Installation verwenden Sie die oben beschriebene Site-Settings-Methode.

Schritt 3: Installation überprüfen

Öffnen Sie nach dem Veröffentlichen Ihrer Website diese 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 Website nach dem Hinzufügen des Codes veröffentlicht haben. Benutzerdefinierter Code erscheint nur auf der Live-Website, nicht in der Designer-Vorschau. Versuchen Sie, Ihren Browser-Cache zu leeren oder die Seite in einem Inkognito-Fenster aufzurufen.