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 AI Chatbot zu Framer hinzu

Schritt-für-Schritt-Anleitung für Framer-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: Verwendung von benutzerdefiniertem Code (Empfohlen)

Framer verfügt über eine integrierte Funktion für benutzerdefinierten Code, die das Hinzufügen von Scripts einfach macht:

  1. Öffnen Sie Ihr Framer-Projekt
  2. Klicken Sie auf das Zahnradsymbol (Website-Einstellungen) oben links
  3. Gehen Sie zum Abschnitt "Custom Code"
  4. Klicken Sie auf die Schaltfläche "Add Script"
  5. Fügen Sie Ihren Asyntai-Einbettungscode in das Script-Feld ein
  6. Setzen Sie die Platzierung auf "Ende des <body>-Tags"
  7. Speichern und veröffentlichen Sie Ihre Website

Tipp: Die Platzierung des Scripts am "End of <body> tag" stellt sicher, dass es nach dem Seiteninhalt geladen wird, was für Chat-Widgets empfohlen wird und das Laden Ihrer Seite nicht verlangsamt. Framer bietet auch die Optionen "Start of <head>" und "End of <head>" an, aber das Ende des Body wird bevorzugt.

Alternative: Verwendung einer Code-Komponente

Wenn Sie den Chatbot lieber über eine Code-Komponente hinzufügen möchten:

  1. Öffnen Sie im Framer-Editor die Seite, auf der Sie den Chatbot haben möchten
  2. Fügen Sie eine Code-Komponente zu Ihrer Leinwand hinzu
  3. Fügen Sie den Asyntai-Einbettungscode in die Komponente ein
  4. Positionieren Sie sie in Ihrem Layout nach Bedarf

Hinweis: Die Methode mit benutzerdefiniertem Code wird bevorzugt, da sie den Chatbot webseitenweit auf allen Seiten anwendet. Die Code-Komponenten-Methode fügt den Chatbot möglicherweise nur auf der spezifischen Seite hinzu, auf der Sie die Komponente platzieren.

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Veröffentlichen Ihrer Änderungen Ihre Framer-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 Website nach dem Hinzufügen des Codes gespeichert und veröffentlicht haben. Versuchen Sie, Ihren Browser-Cache zu leeren oder in einem Inkognito-Fenster zu öffnen. Bei Verwendung einer benutzerdefinierten Domain kann es einige Minuten dauern, bis die Änderungen wirksam werden.