Cum să adăugați Chatbot-ul AI Asyntai în Drupal
Ghid pas cu pas pentru site-urile Drupal
Pasul 1: Obțineți codul de încorporare
Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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"
- Căutați "Header and Footer Scripts" sau descărcați-l de pe Drupal.org
- Instalați și activați modulul
- Mergeți la Configuration → Development → Header and Footer Scripts
- Faceți clic pe fila "Footer"
- Paste your Asyntai embed code in the footer scripts text area
- 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)
For developers who prefer using Drupal's asset library system:
- 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.
Nu vedeți widgetul? Asigurați-vă că goliți cache-ul Drupal mergând la Configuration → Performance → Clear all caches. De asemenea, încercați să goliți cache-ul browserului sau să vizualizați într-o fereastră incognito.
Weebly