Hur du lägger till Asyntai AI-chattbot i Drupal

Steg-för-steg-guide för Drupal-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din instrumentpanel eftersom den innehåller ditt personliga widget-ID.

Steg 2: Använda modul för huvud- och sidfotsskript (rekommenderas)

Det enklaste sättet att lägga till chattboten är att använda modulen "Header and Footer Scripts":

Logga in på din Drupal-adminpanel
Gå till Utöka och klicka på "Installera ny modul"
Sök efter "Header and Footer Scripts" eller ladda ner den från Drupal.org
Installera och aktivera modulen
Gå till Konfiguration → Utveckling → Sidhuvud- och sidfotsskript
Klicka på fliken "Footer"
Klistra in din Asyntai-inbäddningskod i textområdet för sidfotsskript
Klicka på "Spara konfiguration"

Tips: Att lägga till koden i sidfotavsnittet säkerställer att det laddas efter sidinnehållet, vilket rekommenderas för chattwidgetar.

Alternativ: Redigera temamallar

Du kan lägga till koden direkt i ditt temas mallfil:

Navigera till din temamapp: themes/your_theme/
Öppna filen html.html.twig (eller skapa en om den inte finns)
Hitta den avslutande taggen </body>
Klistra in din Asyntai-inbäddningskod precis före taggen </body>
Spara filen
Rensa Drupals cache: Konfiguration → Prestanda → Rensa alla cachar

Viktigt: Ändringar i temafiler kan skrivas över när du uppdaterar ditt tema. Överväg att använda ett underordnat tema eller modulen Header and Footer Scripts för en mer permanent lösning.

Alternativ: Använda bibliotek (för utvecklare)

For developers who prefer using Drupal's asset library system:

Skapa eller redigera temats *.libraries.yml-fil
Lägg till en ny bibliotekspost:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Bifoga biblioteket i ditt temas *.info.yml-fil:
libraries: - your_theme/asyntai-chatbot
Rensa Drupals cache

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar och rensat cachen, besök din webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.