Cum să adăugați Chatbot-ul AI Asyntai în Drupal

Ghid pas cu pas pentru site-urile Drupal

Platformă:

Pasul 1: Obțineți codul de încorporare

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Utilizarea modulului Header and Footer Scripts (Recomandat)

Cel mai simplu mod de a adăuga chatbot-ul este folosind modulul "Header and Footer Scripts":

Conectați-vă la panoul de administrare Drupal
Mergeți la Extend și faceți clic pe "Install new module"
Search for "Header and Footer Scripts" or download it from Drupal.org
Instalați și activați modulul
Mergeți la Configuration → Development → Header and Footer Scripts
Faceți clic pe fila "Footer"
Inserați codul de încorporare Asyntai în câmpul Scripturi footer
Faceți clic pe "Salvare configurație"

Sfat: Adăugarea codului în secțiunea de subsol asigură că se încarcă după conținutul paginii, ceea ce este recomandat pentru widget-urile de chat.

Alternativă: Editați șablonul temei

Puteți adăuga codul direct în fișierul de șablon al temei dvs.:

Navigați la folderul temei: themes/your_theme/
Deschideți fișierul html.html.twig (sau creați unul dacă nu există)
Găsiți eticheta de închidere </body>
Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
Salvați fișierul
Goliți cache-ul Drupal: Configuration → Performance → Clear all caches

Important: Modificările aduse fișierelor temei pot fi suprascrise la actualizarea temei. Luați în considerare utilizarea unei teme copil sau a modulului Header and Footer Scripts pentru o soluție mai permanentă.

Alternativă: Utilizarea bibliotecilor (Pentru dezvoltatori)

Pentru dezvoltatorii care preferă să utilizeze sistemul de biblioteci de resurse al Drupal:

Creați sau editați fișierul *.libraries.yml al temei dvs.
Adăugați o intrare de bibliotecă nouă:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Atașați biblioteca în fișierul *.info.yml al temei dvs.:
libraries: - your_theme/asyntai-chatbot
Goliți cache-ul Drupal

Pasul 3: Verificați instalarea

După ce ați salvat modificările și ați golit cache-ul, vizitați site-ul dvs. într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.