Înapoi la tabloul de bord

Documentație

Aflați cum să utilizați Asyntai

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

Ghid pas cu pas pentru site-urile Drupal

Obține codul de încorporare

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":

  1. Conectați-vă la panoul de administrare Drupal
  2. Mergeți la Extend și faceți clic pe "Install new module"
  3. Căutați "Header and Footer Scripts" sau descărcați-l de pe Drupal.org
  4. Instalați și activați modulul
  5. Mergeți la Configuration → Development → Header and Footer Scripts
  6. Faceți clic pe fila "Footer"
  7. Paste your Asyntai embed code in the footer scripts text area
  8. 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.:

  1. Navigați la folderul temei: themes/your_theme/
  2. Deschideți fișierul html.html.twig (sau creați unul dacă nu există)
  3. Găsiți eticheta de închidere </body>
  4. Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
  5. Salvați fișierul
  6. 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:

  1. Creați sau editați fișierul *.libraries.yml al temei dvs.
  2. 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 } }
  3. Atașați biblioteca în fișierul *.info.yml al temei dvs.:
    libraries:
    - your_theme/asyntai-chatbot
  4. 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.