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 Discord Zapier Email Mobile Apps
Sonstiges
Zum Startbildschirm hinzufügen Benutzerdefinierter Öffnen-Button Payment Failed?
KI fragen

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

Schritt-für-Schritt-Anleitung für Blogger-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 des HTML/JavaScript-Gadgets (Empfohlen)

Der einfachste Weg, den Chatbot hinzuzufügen, ist die Verwendung von Bloggers integriertem HTML/JavaScript-Gadget:

  1. Melden Sie sich bei Ihrem Blogger-Dashboard auf blogger.com an
  2. Wählen Sie Ihren Blog aus der Liste aus
  3. Klicken Sie auf "Layout" in der linken Seitenleiste
  4. Suchen Sie einen Bereich, in dem Sie das Widget hinzufügen möchten (vorzugsweise die Fußzeile)
  5. Klicken Sie auf "Add a Gadget"
  6. Wählen Sie "HTML/JavaScript" aus der Gadget-Liste
  7. Lassen Sie den Titel leer (oder fügen Sie einen hinzu, wenn Sie möchten)
  8. Fügen Sie Ihren Asyntai-Einbettungscode im Inhaltsbereich ein
  9. Klicken Sie auf "Save"
  10. Klicken Sie auf "Anordnung speichern" auf der Layout-Seite

Tipp: Das Hinzufügen des Gadgets zum Footer-Bereich stellt sicher, dass es auf allen Seiten Ihres Blogs geladen wird. Der Chatbot erscheint als schwebender Button, unabhängig davon, wo Sie das Gadget platzieren.

Alternative: Theme-HTML bearbeiten

Sie können den Code auch direkt zum HTML Ihres Themes hinzufügen:

  1. Gehen Sie zu "Theme" in der linken Seitenleiste
  2. Click the dropdown arrow next to "Customize"
  3. Wählen Sie "Edit HTML"
  4. Drücken Sie Strg+F (oder Cmd+F auf Mac), um die Suche zu öffnen
  5. Suchen Sie nach </body>
  6. Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
  7. Klicken Sie auf "Save theme"

Wichtig: Seien Sie beim Bearbeiten des Theme-HTML vorsichtig, keinen anderen Code zu löschen oder zu ändern. Erwägen Sie, Ihr Theme zuerst zu sichern, indem Sie vor Änderungen auf "Backup" klicken.

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, besuchen Sie Ihren Blog 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? Blogger kann einige Minuten brauchen, um Änderungen zu übernehmen. Versuchen Sie, Ihren Browser-Cache zu leeren oder in einem Inkognito-Fenster anzuzeigen. Stellen Sie sicher, dass Sie nach dem Hinzufügen des Gadgets auf "Save" geklickt haben.