Cum adaug ChatLab pe site-ul meu Webflow?

În ChatLab, mergeți la fila Deploy (Publicare), selectați Webflow și copiați codul. În Webflow, mergeți la Site Settings (Setări site) > Custom Code (Cod personalizat), inserați codul în secțiunea Head Code (Cod head), apoi salvați și publicați site-ul.

Am nevoie de un plan Webflow plătit pentru a adăuga un chatbot?

Site-ul sau spațiul dumneavoastră de lucru trebuie să includă accesul la cod personalizat. Un plan Workspace eligibil poate oferi, de asemenea, acest acces; un plan plătit pentru site nu este singura cale.

Pot adăuga chatbotul pe o singură pagină în loc de întregul site?

Da. În loc să folosiți Site Settings (Setări site), deschideți pagina în Webflow Designer, mergeți la Page Settings (Setări pagină) și inserați codul în secțiunea Head Code (Cod head) a paginii respective.

Cum să adăugați chatbotul pe un site Webflow

Adăugarea unui chatbot ChatLab pe site-ul dumneavoastră Webflow le permite vizitatorilor să interacționeze cu asistentul AI direct pe site. Acest ghid parcurge pașii necesari pentru a obține codul de încorporare din ChatLab și a-l insera în Webflow.

Înainte de a începe

Înainte de a începe, creați chatbotul dumneavoastră și verificați dacă site-ul sau spațiul dumneavoastră de lucru din Webflow include acces la cod personalizat. Consultați cerințele Webflow pentru cod personalizat. De asemenea, aveți nevoie de permisiuni pentru a edita și a publica site-ul web.

Pasul 1 - Copiați codul de încorporare din ChatLab

Conectați-vă la ChatLab și selectați chatbotul pe care doriți să îl încorporați
Faceți clic pe fila Deploy (Publicare), apoi selectați Webflow din panoul de platforme din dreapta

Alegeți Widget pentru instalarea în antet de mai jos. Pentru un chat vizibil permanent, alegeți Iframe și urmați instrucțiunile pentru iframe de mai jos. Consultați Care este diferența dintre widget și iframe? pentru o comparație
Faceți clic pe Copy to clipboard (Copiază în clipboard)

Pasul 2 - Adăugați codul în Webflow

Adăugarea codului în Site Settings (Setări site) plasează chatbotul pe fiecare pagină a site-ului dumneavoastră Webflow.

Deschideți proiectul dumneavoastră în tabloul de bord Webflow
Mergeți la Site settings > Custom code (Setări site > Cod personalizat)
Inserați codul copiat în secțiunea Head Code (Cod antet)
Faceți clic pe Save Changes (Salvează modificările)
Apăsați pe Publish (Publică) pentru ca modificările să intre în vigoare

Adăugarea doar pe o singură pagină

Dacă doriți ca chatbotul să apară pe o pagină anume, nu pe întregul site:

Deschideți pagina în Webflow Designer
Faceți clic pe pictograma cu rotiță dințată pentru a deschide Page Settings (Setări pagină)
Derulați în jos până la secțiunea Custom Code (Cod personalizat)
Inserați codul în câmpul Head Code (Cod antet)
Salvați și publicați site-ul

Adăugarea unui iframe vizibil permanent

În Webflow Designer, plasați un element Code Embed (Încorporare cod) acolo unde doriți să apară chatbotul, inserați fragmentul de cod Iframe din ChatLab și setați lățimea și înălțimea corespunzătoare pentru structura paginii. Salvați și publicați site-ul. Elementul iframe trebuie plasat în conținutul paginii, nu în Head Code.

Verificarea instalării

După publicare, deschideți site-ul dumneavoastră Webflow într-un browser. Ar trebui să vedeți pictograma de chat apărând în colțul paginii (pentru modul widget) sau fereastra de chat încorporată direct în pagină (pentru modul iframe). Faceți clic pe pictogramă pentru a deschide conversația și trimiteți un mesaj de test pentru a confirma că totul funcționează corect.