Kuidas lisada Asyntai AI vestlusrobot WooCommerce'i

Samm-sammult juhend WooCommerce'i poodide jaoks

Hangi manestuskood

1. samm: Hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni "Manuskood". Kopeerige oma unikaalne manuskood, mis näeb välja selline:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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: plugina kasutamine (soovitatav)

Lihtsaim viis vestlusroboti lisamiseks oma WooCommerce'i poodi on kasutada tasuta päise/jaluse pluginat:

  1. Logige sisse oma WordPressi halduspaneeli
  2. Minge Pluginad → Lisa uus
  3. Otsige WPCode'i "Insert Headers and Footers" (või sarnast pluginat)
  4. Klõpsake "Installi kohe" ja seejärel "Aktiveeri"
  5. Minge Koodilõigud → Päis ja jalus (või plugina seadete lehele)
  6. Kleepige oma Asyntai manuskood "Jalus" sektsiooni
  7. Klõpsake "Salvesta muudatused"

Vihje: Koodi lisamine jalusesse tagab, et see laadib pärast teie poe sisu, mis on vestlusvidinite jaoks ideaalne ega aeglusta teie lehe laadimist ega sega WooCommerce'i funktsionaalsust.

Alternatiiv: teema kohandaja kasutamine

Paljudel WooCommerce'i teemadel on sisseehitatud valikud kohandatud skriptide lisamiseks:

  1. Minge Välimus → Kohanda
  2. Otsige jaotist nimega "Täiendav CSS/JS", "Kohandatud kood" või "Jaluse skriptid"
  3. Kleepige oma Asyntai manuskood vastavale väljale
  4. Klõpsake "Avalda" muudatuste salvestamiseks

Märkus: Kõigil teemadel pole seda valikut. Kui teie teema ei sisalda kohandatud skripti välju, kasutage plugina meetodit või muutke oma teema functions.php faili.

Alternatiiv: teema failide muutmine (functions.php)

Arendajatele või neile, kes tunnevad end mugavalt teema failide muutmisel:

  1. Minge Välimus → Teema failiredaktor
  2. Valige oma aktiivne teema (või eelistatavalt oma alamteema)
  3. Avage fail functions.php
  4. Lisage faili lõppu järgmine kood:
    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');
  5. Asendage YOUR_WIDGET_ID oma tegeliku vidina ID-ga
  6. Klõpsake "Uuenda faili"

Oluline: Kasutage teema failide muutmisel alati alamteemat. Põhiteema muudatused kaovad teema uuendamisel. Kui te ei tunne end mugavalt koodi muutmisel, kasutage selle asemel plugina meetodit.

Alternatiiv: WooCommerce'i spetsiifiline konks

Vestlusroboti laadimiseks ainult WooCommerce'i lehtedel (pood, toode, ostukorv, kassa):

  1. Lisage see kood oma teema functions.php faili:
    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');
  2. Asendage YOUR_WIDGET_ID oma tegeliku vidina ID-ga
  3. Salvestage fail

Vihje: See meetod on kasulik, kui soovite, et AI vestlusrobot kuvataks ainult teie poe lehtedel, et aidata kliente toodete ja tellimustega, mitte kogu teie veebisaidil.

3. samm: Kontrollige paigaldust

Pärast muudatuste salvestamist külastage oma WooCommerce'i poodi uuel brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu paremas alanurgas. Klõpsake sellel, et veenduda selle avamises ja korrektses toimimises.

Ei näe vidinat? Kui teil on installitud vahemälu plugin (nagu WP Super Cache, W3 Total Cache või WP Rocket), tühjendage kõigepealt vahemälu. Proovige ka tühjendada brauseri vahemälu või vaadata inkognito aknas.