Kako dodati klepetalnik Asyntai AI v WordPress
Vodič po korakih za spletna mesta WordPress
Korak 1: Pridobite svojo vdelovalno kodo
Najprej pojdite na svojo nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:
<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>
Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.
Korak 2: Izberite način namestitve
Obstaja več načinov za dodajanje pripomočka za klepet v WordPress. Izberite način, ki vam najbolj ustreza:
Način 1: Uporaba vtičnika (priporočeno)
Klepetalni pripomoček najlažje dodate z brezplačnim vtičnikom "WPCode" (prej imenovanim "Insert Headers and Footers").
Uporaba WPCode (brezplačno)
- V skrbniški plošči WordPress pojdite na Plugins → Add Plugin
- Poiščite "WPCode" in ga namestite
- Aktivirajte vtičnik
- Pojdite na Delčki kode → Glava in noga
- Prilepite svojo vdelano kodo Asyntai v razdelek "Noga"
- Kliknite "Shrani spremembe"
Zakaj uporabiti vtičnik? Uporaba vtičnika zagotavlja, da vaša koda ostane na mestu, tudi ko posodobite ali zamenjate svojo temo WordPress.
Način 2: Uredite datoteke teme
Kodo lahko dodate neposredno v datoteke svoje teme. Lokacija urejevalnika datotek teme je odvisna od vaše različice WordPress in vrste teme.
Za klasične teme
- Pojdite na Videz → Urejevalnik datotek teme v svojem skrbniškem panelu WordPress
- Izberite svojo aktivno temo iz spustnega menija (če še ni izbrana)
- Poiščite in kliknite na footer.php v seznamu datotek na desni
- Pomaknite se na dno in poiščite zaključno oznako
</body> - Prilepite svojo vdelovalno kodo Asyntai tik pred oznako
</body> - Kliknite "Posodobi datoteko"
Za blokovne teme (teme FSE)
Blokovne teme (na primer Twenty Twenty-Four in druge teme Full Site Editing) v svojih datotekah teme nimajo datoteke footer.php in oznake </body>. Za blokovno temo uporabite metodo z vtičnikom (WPCode), ki deluje z vsemi vrstami tem.
Pomembno: Posodobitve teme bodo prepisale vaše spremembe. Za trajno rešitev namesto tega uporabite podtemo ali način z vtičnikom.
Način 3: Uporaba Elementor
Če uporabljate Elementor, lahko dodate kodo prek funkcije kode po meri Elementor.
Elementor Pro
- Pojdite na Elementor → Koda po meri
- Kliknite "Dodaj novo"
- Poimenujte ga, na primer "Asyntai Chatbot"
- Za Location nastavite "<body> – End"
- Prilepite svojo vdelovalno kodo Asyntai
- Nastavite pogoje prikaza na "Celotno spletno mesto"
- Kliknite "Objavi"
Elementor Free
Če uporabljate brezplačno različico Elementor, uporabite zgoraj opisan način z vtičnikom, saj vstavljanje kode po meri zahteva Elementor Pro.
Korak 3: Preverite namestitev
Po dodajanju kode obiščite svoje spletno mesto v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu svojega spletnega mesta bi morali videti gumb pripomočka za klepet. Kliknite nanj, da se prepričate, da se odpre in pravilno deluje.
Ne vidite klepetalnika? Počistite predpomnilnik brskalnika in vse vtičnike WordPress za predpomnjenje. Če uporabljate vtičnik za predpomnjenje, kot je WP Rocket ali W3 Total Cache, počistite predpomnilnik po dodajanju kode.
Dodajanje iskalne vrstice z UI
Iskalna vrstica z UI je ločen pripomoček z lastno kodo. Dodajte jo poleg klepeta ali samostojno. Zahteva paket Standard ali višji: pri nižjem se vrstica prikaže, a ne vrne rezultatov.
Oznaki script dodajte atribut data-replace in vrstica bo prevzela mesto tiste, ki jo tema že ima. Dodajte ga z istim vtičnikom za glavo in nogo, ki ste ga uporabili za kodo klepeta, na primer WPCode. Skripte ni treba postaviti blizu vašega iskalnega polja, zato vam ni treba urejati nobene datoteke teme.
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>
Weebly