Kuidas lisada Asyntai AI vestlusrobotit WordPressile

Samm-sammuline juhend WordPressi veebisaitide jaoks

Platvorm:

1. samm: hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni „Embed Code“. Kopeerige oma unikaalne manuskood, mis näeb välja selline:

<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>

Märkus: Ülalolev kood on vaid näide. Peate kopeerima oma unikaalse manuskoodi oma juhtpaneelilt, kuna see sisaldab teie isiklikku vidina ID-d.

2. samm: valige paigaldusmeetod

On mitu viisi vestlusvidina lisamiseks WordPressile. Valige meetod, mis teile kõige paremini sobib:

Meetod 1: pistikprogrammi kasutamine (soovitatav)

Lihtsaim viis vestlusvidina lisamiseks on tasuta pistikprogramm „WPCode“ (varasema nimega „Insert Headers and Footers“).

WPCode kasutamine (tasuta)

Minge WordPressi halduses jaotisse Plugins → Add Plugin
Otsige "WPCode" ja installige see
Aktiveerige plugin
Minge Koodilõigud → Päis & jalus
Kleepige oma Asyntai manuskood "Jalus" sektsiooni
Klõpsake "Salvesta muudatused"

Miks kasutada pluginat? Plugina kasutamine tagab, et teie kood jääb paigale ka siis, kui uuendate või vahetate oma WordPressi teemat.

Meetod 2: teemafailide muutmine

Saate lisada koodi otse oma teema failidesse. Teema failiredaktori asukoht sõltub teie WordPressi versioonist ja teema tüübist.

Klassikaliste teemade jaoks

Minge oma WordPressi halduses Välimus → Teema failiredaktor
Valige rippmenüüst oma aktiivne teema (kui pole juba valitud)
Leidke ja klõpsake paremal asuvas faililoendis footer.php
Kerige alla ja leidke sulgev </body> märgend
Kleepige oma Asyntai manuskood vahetult enne </body> silti
Klõpsake "Uuenda faili"

Plokiteemade jaoks (FSE teemad)

Plokiteemadel (nagu Twenty Twenty-Four ja teised Full Site Editingu teemad) ei ole teemafailides faili footer.php ega silti </body>. Plokiteema puhul kasutage pistikprogrammi meetodit (WPCode), mis töötab kõigi teematüüpidega.

Oluline: Teema uuendused kirjutavad teie muudatused üle. Püsiva lahenduse jaoks kasutage selle asemel alamteemat või plugina meetodit.

Meetod 3: Elementori kasutamine

Kui kasutate Elementorit, saate lisada koodi Elementori kohandatud koodi funktsiooni kaudu.

Elementor Pro

Minge Elementor → Custom Code
Klõpsake "Lisa uus"
Andke sellele nimi nagu "Asyntai Chatbot"
Määrake Location väärtuseks „<body> – End“
Kleepige oma Asyntai manuskood
Määrake kuvamistingimusteks "Kogu sait"
Klõpsake "Avalda"

Elementor Free

Kui kasutate Elementori tasuta versiooni, kasutage ülalkirjeldatud plugina meetodit, kuna kohandatud koodi süstimine nõuab Elementor Pro.

3. samm: kontrollige paigaldust

Pärast koodi lisamist külastage oma veebisaiti uuel brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu oma saidi paremas alanurgas. Klõpsake sellel, et veenduda selle avamises ja korrektses toimimises.

Ei näe vidinat? Tühjendage brauseri vahemälu ja kõik WordPressi vahemälupluginad. Kui kasutate vahemäluplugnat nagu WP Rocket või W3 Total Cache, puhastage vahemälu pärast koodi lisamist.

AI otsinguriba lisamine

AI otsinguriba on eraldi vidin oma koodiga. Lisage see vestluse kõrvale või eraldi. See nõuab Standard paketti või kõrgemat: madalamas paketis riba ilmub, kuid ei anna tulemusi.

Lisage script-sildile atribuut data-replace ja riba asendab teie teema olemasoleva otsinguriba. Lisage see sama päise ja jaluse pistikprogrammiga, mida kasutasite vestluskoodi jaoks, näiteks WPCode'iga. Skript ei pea asuma teie otsingukasti lähedal, seega ei pea te ühtegi teemafaili muutma.

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

Loe AI otsinguriba täisjuhendit

Dokumentatsioon