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 Begrüßungsblase 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 Dynamische Produktkarten Dynamic Images 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 Einbettungen Seiten ausschließen Blockierte IPs Intelligenteres Modell Denkmodus aktivieren Antwortvorschläge Folge-Nachrichten 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
KI fragen

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

Schritt-für-Schritt-Anleitung für Bubble-Apps

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: Verwendung der App-Einstellungen (Empfohlen)

Bubble bietet eine integrierte Möglichkeit, benutzerdefinierte Skripte über die App-Einstellungen hinzuzufügen:

  1. Melden Sie sich in Ihrem Bubble-App-Editor an
  2. Gehen Sie zu Settings in der linken Seitenleiste
  3. Klicken Sie auf den Tab "Web App"
  4. Scrollen Sie nach unten zu "Advanced Settings"
  5. Suchen Sie den Abschnitt "Custom headers and body"
  6. Fügen Sie Ihren Asyntai-Einbettungscode im Feld "Script in body" ein
  7. Deploy Ihre App

Tipp: Das Hinzufügen des Codes zum Body-Script-Feld stellt sicher, dass er auf jeder Seite Ihrer Bubble-App geladen wird, was der empfohlene Ansatz für Chat-Widgets ist. Diese Funktion ist in allen Bubble-Plänen verfügbar, einschließlich Free.

Alternative: Verwendung eines HTML-Elements

Wenn Sie den Chatbot nur zu einer bestimmten Seite hinzufügen möchten:

  1. Öffnen Sie im Bubble-Editor die Seite, auf der Sie den Chatbot haben möchten
  2. Fügen Sie ein HTML-Element zu Ihrer Seite hinzu
  3. Fügen Sie den Asyntai-Einbettungscode in das Element ein
  4. Deploy Ihre App

Hinweis: Die App-Einstellungen-Methode wird bevorzugt, da sie den Chatbot in Ihrer gesamten App anwendet. Die HTML-Element-Methode fügt den Chatbot nur auf der spezifischen Seite hinzu, auf der Sie das Element platzieren.

Schritt 3: Installation überprüfen

Nachdem Sie Ihre App deployt haben, besuchen Sie Ihre Bubble-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.

Widget nicht sichtbar? Stellen Sie sicher, dass Sie Ihre App nach dem Hinzufügen des Codes deployt haben. Versuchen Sie, Ihren Browser-Cache zu leeren oder in einem Inkognito-Fenster anzuzeigen. Wenn Sie im Entwicklungsmodus testen, überprüfen Sie auch die Live-Version Ihrer App.