Cum să adăugați chatbot-ul AI Asyntai pe Bludit

Ghid pas cu pas pentru Bludit CMS

Platformă:

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: Adăugați codul folosind pluginul HTML Code (recomandat)

Cea mai ușoară modalitate de a adăuga chatbotul pe site-ul dvs. Bludit este utilizarea pluginului HTML Code integrat:

Conectați-vă la Panoul de administrare Bludit
Navigați la Pluginuri în bara laterală din stânga
Găsiți pluginul "HTML Code" (este de obicei preinstalat)
Dacă nu este activ, faceți clic pe \"Activează\" pentru a-l activa
Faceți clic pe "Configurare" pe pluginul HTML Code
În configurare, veți vedea câmpuri pentru codul Header și Footer
Inserați codul de încorporare Asyntai în câmpul "Footer"
Faceți clic pe "Salvare"

Sfat: Adăugarea codului în Footer asigură că se încarcă la sfârșitul paginilor dvs., ceea ce nu va încetini încărcarea inițială a site-ului. Această metodă adaugă automat chatbotul pe toate paginile site-ului dvs.

Metoda alternativă 1: Integrare în fișierul de temă

Pentru mai mult control, puteți adăuga codul direct în fișierele de temă:

Conectați-vă la instalarea Bludit prin FTP sau Manager de fișiere
Navigați la /bl-themes/your-theme-name/
Deschideți fișierul index.php pentru editare
Găsiți eticheta de închidere </body>
Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
Salvați fișierul
Goliți memoria cache a site-ului dacă este cazul

Notă: Când editați direct fișierele de temă, asigurați-vă că faceți o copie de siguranță a fișierului original mai întâi. Actualizările de temă pot suprascrie modificările dvs., așa că documentați modificările.

Metoda alternativă 2: Conținut personalizat în pagini

Puteți, de asemenea, adăuga codul chatbotului direct în pagini specifice folosind editorul de conținut Bludit:

Conectați-vă la Panoul de administrare Bludit
Accesați Conținut și selectați pagina pe care doriți să o editați
Comutați la modul HTML în editor (dacă utilizați un editor vizual)
Adăugați codul de încorporare Asyntai oriunde în conținutul paginii
Faceți clic pe "Salvare"
Repetați pentru alte pagini unde doriți chatbotul

Important: Când adăugați codul direct în conținutul paginii, va trebui să îl adăugați pe fiecare pagină individual. Pentru instalarea pe tot site-ul, utilizați în schimb pluginul HTML Code sau metoda fișierului de temă.

Utilizarea hook-urilor de pluginuri (avansat)

Pentru dezvoltatorii care creează pluginuri personalizate, Bludit oferă hook-uri pentru pluginuri:

siteBodyBegin - Se execută în partea de sus a etichetei <body>
siteBodyEnd - Se execută în partea de jos, ideal pentru cod JavaScript precum widgetul Asyntai

Puteți crea un plugin personalizat care utilizează hook-ul siteBodyEnd pentru a injecta codul chatbotului pe toate paginile.

Pasul 3: Verificați instalarea

După salvarea modificărilor, vizitați site-ul dvs. Bludit într-o filă nouă a browserului sau într-o fereastră incognito. Ar trebui să vedeți butonul widgetului 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ă ați salvat configurația pluginului sau modificările fișierului de temă. Goliți memoria cache a browserului și cache-ul Bludit (dacă este activat). Verificați consola browserului (F12) pentru eventuale erori JavaScript.