Cum să adăugați chatbotul AI Asyntai pe WordPress
Ghid pas cu pas pentru site-uri WordPress
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: Alegeți metoda de instalare
Există mai multe modalități de a adăuga widgetul de chat pe WordPress. Alegeți metoda care funcționează cel mai bine pentru dvs.:
Metoda 1: Utilizarea unui plugin (recomandat)
Cea mai ușoară modalitate de a adăuga widgetul de chat este utilizarea unui plugin precum "Insert Headers and Footers" sau "WPCode".
Utilizarea WPCode (gratuit)
- Go to Plugins → Add New in your WordPress admin
- Căutați "WPCode" și instalați-l
- Activați pluginul
- Accesați Fragmente de cod → Header și Footer
- Inserați codul de încorporare Asyntai în secțiunea "Footer"
- Faceți clic pe "Salvare modificări"
Utilizarea Insert Headers and Footers
- Go to Plugins → Add New in your WordPress admin
- Căutați "Insert Headers and Footers" de WPBeginner
- Instalați și activați pluginul
- Accesați Setări → Insert Headers and Footers
- Inserați codul de încorporare Asyntai în caseta "Scripturi în footer"
- Faceți clic pe "Salvare"
De ce să utilizați un plugin? Utilizarea unui plugin asigură că codul dvs. rămâne pe loc chiar și când actualizați sau schimbați tema WordPress.
Metoda 2: Editare fișiere temă
Puteți adăuga codul direct în fișierele de temă. Locația Editorului de fișiere temă depinde de versiunea WordPress și tipul de temă.
Pentru teme clasice
- Accesați Aspect → Editor de fișiere temă în interfața de administrare WordPress
- Selectați tema activă din meniul derulant (dacă nu este deja selectată)
- Găsiți și faceți clic pe footer.php în lista de fișiere din dreapta
- Derulați în jos și găsiți eticheta de închidere
</body> - Inserați codul de încorporare Asyntai chiar înainte de eticheta
</body> - Faceți clic pe "Actualizare fișier"
Pentru teme bloc (teme FSE)
Dacă utilizați o temă bazată pe blocuri (precum Twenty Twenty-Four sau alte teme Full Site Editing), Editorul de fișiere temă s-a mutat:
- Accesați Instrumente → Editor de fișiere temă în interfața de administrare WordPress
- Selectați tema activă din meniul derulant
- Căutați footer.php sau footer.html în lista de fișiere
- Adăugați codul de încorporare Asyntai înainte de eticheta de închidere
</body> - Faceți clic pe "Actualizare fișier"
Notă: Unele teme bloc nu au un fișier footer.php. În acest caz, utilizați metoda cu plugin (WPCode) care funcționează cu toate tipurile de teme.
Important: Actualizările de temă vor suprascrie modificările dvs. Pentru o soluție permanentă, utilizați o temă copil sau metoda cu plugin.
Metoda 3: Utilizarea Elementor
Dacă utilizați Elementor, puteți adăuga codul prin funcționalitatea de cod personalizat a Elementor.
Elementor Pro
- Accesați Elementor → Cod personalizat
- Faceți clic pe "Adăugare nou"
- Dați-i un nume precum "Asyntai Chatbot"
- Setați Locația la "Înainte de închiderea </body>"
- Inserați codul de încorporare Asyntai
- Setați Condițiile de afișare la "Întregul site"
- Faceți clic pe "Publicare"
Elementor Free
Dacă utilizați versiunea gratuită a Elementor, utilizați metoda cu plugin descrisă mai sus, deoarece injecția de cod personalizat necesită Elementor Pro.
Pasul 3: Verificați instalarea
După adăugarea codului, vizitați site-ul dvs. î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 al site-ului. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.
Nu vedeți widgetul? Goliți memoria cache a browserului și orice pluginuri de caching WordPress. Dacă utilizați un plugin de caching precum WP Rocket sau W3 Total Cache, purjați memoria cache după adăugarea codului.
Weebly