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 Squarespace hinzu

Schritt-für-Schritt-Anleitung für Squarespace-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.

Step 2: Add Code Using Code Injection (Business & Commerce Plans)

Wenn Sie einen Squarespace Business- oder Commerce-Plan haben, können Sie den Chatbot auf einmal zu allen Seiten hinzufügen, indem Sie Code-Injection verwenden:

  1. Log in to your Squarespace account and open your site
  2. Klicken Sie in der linken Seitenleiste auf Settings
  3. Klicken Sie auf Advanced
  4. Klicken Sie auf Code Injection
  5. Scrollen Sie zum Abschnitt Footer
  6. Fügen Sie Ihren Asyntai-Einbettungscode in das Footer-Textfeld ein
  7. Klicken Sie oben links auf "Save"

Tipp: Das Hinzufügen des Codes im Footer-Bereich platziert ihn direkt vor dem schließenden </body>-Tag. Dies ist die empfohlene Platzierung für Chat-Widgets und verlangsamt das Laden Ihrer Seite nicht.

Alternative: Code-Blöcke verwenden (alle Tarife)

Wenn Sie einen Personal-Plan haben oder den Chatbot nur auf bestimmten Seiten hinzufügen möchten, können Sie Code-Blöcke verwenden:

  1. Öffnen Sie Ihre Website im Squarespace-Editor
  2. Navigate to the page where you want to add the chatbot
  3. Klicken Sie auf der Seite auf "Edit"
  4. Hover over a section and click "+ Add Block"
  5. Scrollen Sie nach unten und wählen Sie "Code"
  6. Click the pencil icon to edit the code block
  7. Fügen Sie Ihren Asyntai-Einbettungscode ein
  8. Klicken Sie außerhalb des Blocks, um den Editor zu schließen
  9. Klicken Sie in der oberen linken Ecke auf "Save"

Wichtig: Bei der Verwendung von Code-Blöcken müssen Sie den Code auf jeder Seite hinzufügen, auf der der Chatbot erscheinen soll. Für eine websiteweite Installation verwenden Sie die oben beschriebene Code-Injection-Methode (erfordert einen Business- oder Commerce-Plan).

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, öffnen Sie Ihre 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 Änderungen gespeichert und veröffentlicht haben. Versuchen Sie, Ihren Browser-Cache zu leeren oder Ihre Website in einem Inkognito-Fenster anzuzeigen. Squarespace kann einige Minuten benötigen, um Code-Änderungen zu übernehmen.