Kuinka lisätä Asyntai AI Chatbot WooCommerce-kauppaan

Vaiheittainen opas WooCommerce-kaupoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Lisäosan käyttö (suositeltu)

Helpoin tapa lisätä chatbot WooCommerce-kauppaasi on käyttää ilmaista ylä-/alatunniste-lisäosaa:

Kirjaudu WordPress-hallintapaneeliin
Siirry kohtaan Lisäosat → Lisää uusi
Hae "Insert Headers and Footers" WPCodelta (tai vastaava lisäosa)
Napsauta "Install Now" ja sitten "Activate"
Siirry kohtaan Code Snippets → Header & Footer (tai lisäosan asetussivulle)
Liitä Asyntai-upotuskoodisi "Footer" -osioon
Napsauta "Save Changes"

Vinkki: Koodin lisääminen alatunnisteeseen varmistaa, että se latautuu kaupan sisällön jälkeen, mikä on ihanteellista chat-widgeteille eikä hidasta sivun latautumista tai häiritse WooCommercen toimintaa.

Vaihtoehto: Teeman muokkaimen käyttö

Monissa WooCommerce-teemoissa on sisäänrakennetut vaihtoehdot mukautettujen skriptien lisäämiseen:

Siirry kohtaan Ulkoasu → Muokkaa
Etsi osio nimeltä "Additional CSS/JS", "Custom Code" tai "Footer Scripts"
Liitä Asyntai-upotuskoodisi asianmukaiseen kenttään
Napsauta "Publish" tallentaaksesi muutoksesi

Huomautus: Kaikissa teemoissa ei ole tätä vaihtoehtoa. Jos teemassasi ei ole mukautettuja skriptikenttiä, käytä lisäosamenetelmää tai muokkaa teemasi functions.php-tiedostoa.

Vaihtoehto: Teematiedostojen muokkaus (functions.php)

Kehittäjille tai niille, jotka ovat tottuneet muokkaamaan teematiedostoja:

Siirry kohtaan Ulkoasu → Teematiedostojen muokkain
Valitse aktiivinen teemasi (tai mieluiten lapsiteemasi)
Avaa functions.php-tiedosto
Lisää seuraava koodi tiedoston loppuun:
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');
Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
Napsauta "Update File"

Tärkeää: Käytä aina lapsiteemaa teematiedostoja muokatessasi. Pääteemaan tehdyt muutokset häviävät teeman päivityksen yhteydessä. Jos et ole tottunut muokkaamaan koodia, käytä sen sijaan lisäosamenetelmää.

Vaihtoehto: WooCommerce-kohtainen hook

Ladataksesi chatbotin vain WooCommerce-sivuille (kauppa, tuote, ostoskori, kassa):

Lisää tämä koodi teemasi functions.php-tiedostoon:
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');
Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
Tallenna tiedosto

Vinkki: Tämä menetelmä on hyödyllinen, jos haluat AI-chatbotin näkyvän vain kauppasivuillasi auttamaan asiakkaita tuotteiden ja tilausten kanssa, eikä koko verkkosivustollasi.

Vaihe 3: Vahvista asennus

Tallenna muutokset ja vieraile WooCommerce-kaupassasi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widgetin painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Jos sinulla on välimuistilisäosa asennettuna (kuten WP Super Cache, W3 Total Cache tai WP Rocket), tyhjennä välimuisti ensin. Kokeile myös tyhjentää selaimen välimuisti tai tarkastella incognito-ikkunassa.