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

Schritt-für-Schritt-Anleitung für Shopify-Shops

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 zu Ihrem Shopify-Theme hinzufügen

Follow these steps to add the chatbot to your Shopify store:

  1. Melden Sie sich in Ihrem Shopify Admin-Panel an
  2. Gehen Sie zu Online Store → Themes
  3. Finden Sie Ihr aktuelles Theme und klicken Sie auf die Schaltfläche "..." (drei Punkte)
  4. Wählen Sie "Edit code" aus dem Dropdown-Menü
  5. Klicken Sie in der linken Seitenleiste unter Layout auf theme.liquid
  6. Scroll down to find the closing </body> tag
  7. Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
  8. Klicken Sie oben rechts auf "Save"

Tipp: Verwenden Sie Ctrl+F (Windows) oder Cmd+F (Mac), um schnell nach </body> in der theme.liquid-Datei zu suchen.

Alternative: Shopify-App verwenden

Wenn Sie keinen Code bearbeiten möchten, können Sie eine Shopify-App verwenden, um benutzerdefinierte Skripte hinzuzufügen:

  1. Gehen Sie zum Shopify App Store
  2. Suchen Sie nach "Custom Script Injector" oder "Header & Footer Scripts"
  3. Installieren Sie die App Ihrer Wahl
  4. Use the app to add your Asyntai embed code to the footer section

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, besuchen Sie Ihren Shopify-Shop in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke Ihres Shops sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.

Widget nicht sichtbar? Shopify kann Ihre Theme-Dateien cachen. Versuchen Sie, Ihren Shop in einem Inkognito-/Privatfenster zu öffnen, oder warten Sie einige Minuten und aktualisieren Sie die Seite.

Shopify Plus-Benutzer

Wenn Sie Shopify Plus verwenden, können Sie das Skript auch über die Datei checkout.liquid hinzufügen, um den Chatbot auf Checkout-Seiten anzuzeigen. Beachten Sie jedoch, dass die meisten Shops ihn nur auf den Hauptseiten des Shops benötigen.