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

Ghid pas cu pas pentru site-urile Duda

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 în setările site-ului (Recomandat)

Cel mai simplu mod de a adăuga chatbot-ul pe toate paginile site-ului Duda este prin Setările site-ului:

Conectați-vă la contul Duda și deschideți editorul site-ului
În bara laterală din stânga, faceți clic pe "More" (pictograma cu trei puncte)
Faceți clic pe "Settings"
Derulați în jos și faceți clic pe "Head HTML"
În câmpul "Body End HTML", lipiți codul de integrare Asyntai
Faceți clic pe "Salvare"
Faceți clic pe "Publish" în dreapta sus pentru a face modificările vizibile

Sfat: Adăugarea codului în secțiunea Body End HTML asigură că chatbot-ul se încarcă după conținutul paginii, ceea ce nu va afecta viteza de încărcare a site-ului. Această metodă adaugă automat chatbot-ul pe fiecare pagină a site-ului dvs.

Metoda alternativă 1: Widget HTML (Pagini specifice)

Dacă doriți să adăugați chatbot-ul doar pe pagini specifice, utilizați widget-ul HTML:

Deschideți pagina pe care doriți să o editați în Duda editor
În bara laterală din stânga, căutați "HTML" în panoul de widget-uri
Trageți și plasați widget-ul HTML într-o coloană sau rând pe pagina dvs.
Faceți clic pe widget pentru a-l edita
Lipiți codul de integrare Asyntai în câmpul de cod
Faceți clic pe "Update"
Faceți clic pe "Publish" pentru a face modificările live

Notă: Widget-ul HTML vă permite să integrați cod personalizat oriunde pe pagina dvs. Plasarea vizuală a widget-ului nu afectează unde apare chatbot-ul - acesta va fi afișat în continuare în colțul din dreapta jos, conform configurației.

Metoda alternativă 2: Mod dezvoltator (Avansat)

Pentru utilizatorii avansați, puteți utiliza Modul dezvoltator pentru a adăuga cod direct în HTML:

În editorul Duda, faceți clic pe pictograma Developer Mode din bara de sus
Faceți clic pe "Site HTML/CSS" pentru a extinde selecția
Faceți clic pe "body-end.html" din lista de fișiere
Derulați la ultima linie a fișierului
Lipiți codul de integrare Asyntai pe o linie nouă
Faceți clic pe "Salvare"
Faceți clic pe "Done" pentru a ieși din Developer Mode
Faceți clic pe "Publish" pentru a implementa modificările

Important: Modul dezvoltator vă oferă acces direct la HTML-ul și CSS-ul site-ului dvs. Asigurați-vă că adăugați cod doar la sfârșitul fișierului body-end.html pentru a evita afectarea funcționalității site-ului. Testați întotdeauna modificările înainte de publicare.

Pasul 3: Verificați instalarea

După publicarea modificărilor, deschideț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.