Kako dodati Asyntai AI chatbot na WordPress

Vodič korak po korak za WordPress web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Odaberite metodu instalacije

Postoji nekoliko načina za dodavanje chat widgeta na WordPress. Odaberite metodu koja vam najbolje odgovara:

Metoda 1: Korištenje dodatka (preporučeno)

Najlakši način za dodavanje chat widgeta je korištenje dodatka poput "Insert Headers and Footers" ili "WPCode".

Korištenje WPCode (besplatno)

Go to Plugins → Add New in your WordPress admin
Potražite "WPCode" i instalirajte ga
Aktivirajte dodatak
Idite na Code Snippets → Header & Footer
Zalijepite svoj Asyntai ugradbeni kod u odjeljak "Footer"
Kliknite "Save Changes"

Korištenje Insert Headers and Footers

Go to Plugins → Add New in your WordPress admin
Potražite "Insert Headers and Footers" od WPBeginner
Instalirajte i aktivirajte dodatak
Idite na Postavke → Insert Headers and Footers
Zalijepite svoj Asyntai ugradbeni kod u polje "Scripts in Footer"
Kliknite "Spremi"

Zašto koristiti dodatak? Korištenje dodatka osigurava da vaš kod ostane na mjestu čak i kada ažurirate ili promijenite svoju WordPress temu.

Metoda 2: Uređivanje datoteka teme

Možete dodati kod izravno u datoteke teme. Lokacija uređivača datoteka teme ovisi o vašoj verziji WordPressa i vrsti teme.

Za klasične teme

Idite na Izgled → Uređivač datoteka teme u WordPress administratorskom sučelju
Odaberite svoju aktivnu temu iz padajućeg izbornika (ako već nije odabrana)
Pronađite i kliknite na footer.php u popisu datoteka s desne strane
Pomaknite se do dna i pronađite završnu </body> oznaku
Zalijepite svoj Asyntai kod za ugradnju neposredno prije oznake </body>
Kliknite "Update File"

Za blok teme (FSE teme)

Ako koristite temu temeljenu na blokovima (poput Twenty Twenty-Four ili drugih tema za potpuno uređivanje web mjesta), uređivač datoteka teme je premješten:

Idite na Alati → Uređivač datoteka teme u WordPress administratorskom sučelju
Odaberite svoju aktivnu temu iz padajućeg izbornika
Potražite footer.php ili footer.html u popisu datoteka
Dodajte svoj Asyntai ugradbeni kod prije završne </body> oznake
Kliknite "Update File"

Napomena: Neke blok teme nemaju datoteku footer.php. U tom slučaju koristite metodu s dodatkom (WPCode) koja radi sa svim vrstama tema.

Važno: Ažuriranja teme prebrisat će vaše promjene. Za trajno rješenje koristite podređenu temu ili metodu s dodatkom.

Metoda 3: Korištenje Elementora

Ako koristite Elementor, možete dodati kod putem Elementorove značajke za prilagođeni kod.

Elementor Pro

Idite na Elementor → Custom Code
Kliknite "Add New"
Dajte mu naziv poput "Asyntai Chatbot"
Postavite lokaciju na "Before </body> End"
Zalijepite svoj Asyntai kod za ugradnju
Postavite uvjete prikaza na "Entire Site"
Kliknite "Publish"

Elementor Free

Ako koristite besplatnu verziju Elementora, koristite gore opisanu metodu s dodatkom, jer umetanje prilagođenog koda zahtijeva Elementor Pro.

Korak 3: Provjerite instalaciju

Nakon dodavanja koda posjetite svoju web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu stranice. Kliknite na njega kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Očistite predmemoriju preglednika i sve WordPress dodatke za predmemoriju. Ako koristite dodatak za predmemoriju poput WP Rocket ili W3 Total Cache, očistite predmemoriju nakon dodavanja koda.

Dokumentacija