Kuidas lisada Asyntai AI vestlusrobotit WordPressile

Samm-sammuline juhend WordPressi veebisaitide jaoks

Platvorm:

1. samm: hankige oma manuskood

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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 kasutada pluginat nagu "Insert Headers and Footers" või "WPCode".

WPCode kasutamine (tasuta)

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

Insert Headers and Footers kasutamine

Minge oma WordPressi administreerimispaneelis Plugins → Add New
Otsige WPBeginneri "Insert Headers and Footers"
Installige ja aktiveerige pistikprogramm
Minge Settings → Insert Headers and Footers
Kleepige oma Asyntai manuskood kasti "Skriptid jaluses"
Klõpsake "Salvesta"

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)

Kui kasutate plokipõhist teemat (nagu Twenty Twenty-Four või muud täielikud saidi muutmise teemad), on teema failiredaktor kolinud:

Minge oma WordPressi halduses Tööriistad → Teema failiredaktor
Valige rippmenüüst oma aktiivne teema
Otsige faililoendist footer.php või footer.html
Lisage oma Asyntai manuskood enne sulgevat </body> märgendit
Klõpsake "Uuenda faili"

Märkus: Mõnedel plokkteemadel pole footer.php faili. Sellisel juhul kasutage plugina meetodit (WPCode), mis töötab kõikide teema tüü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 asukohaks "Enne </body> lõppu"
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 skriptisildile atribuut data-replace ja riba asub teie kujunduse olemasoleva riba kohale. Lisage see sama päise ja jaluse pistikprogrammiga, mida kasutasite vestluse koodi jaoks, näiteks Code Snippets või Insert Headers and Footers. Skript ei pea olema otsingukasti kõrval, seega ei pea te ühtegi kujundusfaili 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