Kako dodati Asyntai AI chatbot na WooCommerce

Vodič korak po korak za WooCommerce trgovine

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: Korištenje dodatka (preporučeno)

Najlakši način za dodavanje chatbota u vašu WooCommerce trgovinu je korištenje besplatnog dodatka za zaglavlje/podnožje:

Log in to your WordPress Admin Dashboard
Idite na Dodaci → Dodaj novi
Potražite "Insert Headers and Footers" od WPCode (ili sličan dodatak)
Kliknite "Install Now" i zatim "Activate"
Idite na Code Snippets → Header & Footer (ili stranicu postavki dodatka)
Zalijepite svoj Asyntai ugradbeni kod u odjeljak "Footer"
Kliknite "Save Changes"

Savjet: Dodavanje koda u podnožje osigurava da se učitava nakon sadržaja vaše trgovine, što je idealno za chat widgete i neće usporiti učitavanje stranice niti ometati WooCommerce funkcionalnost.

Alternativa: Korištenje prilagoditelja teme

Mnoge WooCommerce teme imaju ugrađene opcije za dodavanje prilagođenih skripti:

Idite na Izgled → Prilagodi
Potražite odjeljak naziva "Additional CSS/JS", "Custom Code" ili "Footer Scripts"
Zalijepite svoj Asyntai ugradbeni kod u odgovarajuće polje
Kliknite "Publish" za spremanje promjena

Napomena: Nemaju sve teme ovu opciju. Ako vaša tema ne uključuje polja za prilagođene skripte, koristite metodu s dodatkom ili uredite datoteku functions.php vaše teme.

Alternativa: Uređivanje datoteka teme (functions.php)

Za programere ili one koji se snalaze u uređivanju datoteka teme:

Idite na Izgled → Uređivač datoteka teme
Odaberite svoju aktivnu temu (ili poželjno podređenu temu)
Otvorite datoteku functions.php
Dodajte sljedeći kod na kraj datoteke:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
Kliknite "Update File"

Važno: Uvijek koristite podređenu temu pri uređivanju datoteka teme. Promjene u nadređenoj temi bit će izgubljene kada ažurirate temu. Ako vam nije ugodno uređivati kod, umjesto toga koristite metodu s dodatkom.

Alternativa: WooCommerce-specifična zakačka

Za učitavanje chatbota samo na WooCommerce stranicama (trgovina, proizvod, košarica, naplata):

Dodajte ovaj kod u datoteku functions.php vaše teme:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
Spremite datoteku

Savjet: Ova metoda je korisna ako želite da se AI chatbot pojavljuje samo na stranicama trgovine za pomoć kupcima s proizvodima i narudžbama, a ne na cijeloj web stranici.

Korak 3: Provjerite instalaciju

Nakon spremanja promjena posjetite svoju WooCommerce trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu. Kliknite na njega kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Ako imate instaliran dodatak za predmemoriju (poput WP Super Cache, W3 Total Cache ili WP Rocket), najprije očistite predmemoriju. Također pokušajte očistiti predmemoriju preglednika ili pregledati u anonimnom prozoru.