Kaip pridėti Asyntai AI pokalbių robotą prie WordPress

Žingsnis po žingsnio vadovas WordPress svetainėms

Platforma:

1 žingsnis: Gaukite savo įterpimo kodą

Pirmiausia eikite į savo Asyntai valdymo skydelį ir slinkite žemyn iki skilties "Embed Code". Nukopijuokite savo unikalų įterpimo kodą, kuris atrodys taip:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Pastaba: Aukščiau pateiktas kodas yra tik pavyzdys. Turite nukopijuoti savo unikalų įterpimo kodą iš savo Valdymo skydelio, nes jame yra jūsų asmeninis valdiklio ID.

2 žingsnis: Pasirinkite diegimo metodą

Yra keli būdai pridėti pokalbių valdiklį prie WordPress. Pasirinkite geriausiai jums tinkantį metodą:

Metodas 1: papildinio naudojimas (rekomenduojama)

Paprasčiausias būdas pridėti pokalbių valdiklį yra nemokamas papildinys "WPCode" (anksčiau vadintas "Insert Headers and Footers").

Using WPCode (Free)

Eikite į Plugins → Add Plugin savo WordPress administravimo skydelyje
Ieškokite "WPCode" ir įdiekite
Aktyvuokite papildinį
Eikite į Code Snippets → Header & Footer
Įklijuokite savo Asyntai įterpimo kodą "Footer" skiltyje
Spustelėkite "Save Changes"

Kodėl naudoti papildinį? Papildinio naudojimas užtikrina, kad jūsų kodas išliks net atnaujinus ar pakeitus WordPress temą.

Metodas 2: temos failų redagavimas

Galite pridėti kodą tiesiogiai prie savo temos failų. Temos failų redaktoriaus vieta priklauso nuo jūsų WordPress versijos ir temos tipo.

Klasikinėms temoms

Eikite į Išvaizda → Temos failų redaktorius savo WordPress administravime
Pasirinkite savo aktyvią temą iš išskleidžiamojo meniu
Raskite ir spustelėkite footer.php failų sąraše dešinėje
Slinkite iki apačios ir raskite uždaromąjį </body> žymą
Įklijuokite savo Asyntai įterpimo kodą prieš pat </body> žymą
Spustelėkite "Atnaujinti failą"

Blokų temoms (FSE temos)

Blokų temos (pvz., Twenty Twenty-Four ir kitos Full Site Editing temos) savo failuose neturi nei footer.php failo, nei </body> žymos. Blokų temai naudokite papildinio metodą (WPCode), kuris veikia su visų tipų temomis.

Svarbu: Temos atnaujinimai perrašys jūsų pakeitimus. Pastovesniam sprendimui naudokite vaikiškąją temą arba papildinio metodą.

Metodas 3: Elementor naudojimas

Jei naudojate Elementor, galite pridėti kodą per Elementor individualaus kodo funkciją.

Elementor Pro

Eikite į Elementor → Custom Code
Spustelėkite "Add New"
Suteikite jam pavadinimą, pvz., "Asyntai Chatbot"
Nustatykite Location į "<body> – End"
Įklijuokite savo Asyntai įterpimo kodą
Nustatykite rodymo sąlygas kaip "Entire Site"
Spustelėkite "Publish"

Elementor Free

Jei naudojate nemokamą Elementor versiją, naudokite aukščiau aprašytą papildinio metodą, nes individualaus kodo įterpimas reikalauja Elementor Pro.

3 žingsnis: Patikrinkite diegimą

Pridėję kodą, apsilankykite savo svetainėje naujame naršyklės skirtuke arba inkognito lange. Turėtumėte matyti pokalbių valdiklio mygtuką apatiniame dešiniajame svetainės kampe. Spustelėkite jį, kad įsitikintumėte, jog jis atsidaro ir veikia teisingai.

Nematote valdiklio? Išvalykite naršyklės talpyklą ir bet kokius WordPress talpyklos papildinius. Jei naudojate talpyklos papildinį, pvz., WP Rocket arba W3 Total Cache, išvalykite talpyklą pridėję kodą.

DI paieškos juostos pridėjimas

DI paieškos juosta yra atskiras valdiklis su savo kodu. Pridėkite ją kartu su pokalbiu arba atskirai. Reikia Standard ar aukštesnio plano: žemesniame juosta pasirodo, bet negrąžina rezultatų.

Prie script žymos pridėkite atributą data-replace ir juosta užims jūsų temos juostos vietą. Pridėkite ją tuo pačiu antraštės ir poraštės papildiniu, kurį naudojote pokalbių kodui, pavyzdžiui, WPCode. Scenarijus neturi būti šalia jūsų paieškos laukelio, todėl jums nereikia redaguoti jokio temos failo.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Skaitykite visą DI paieškos juostos vadovą

Dokumentacija