Kako dodati klepetalnik Asyntai AI v WooCommerce

Platforma:

WooCommerce

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

Korak 2: Uporaba vtičnika (priporočeno)

Najlažji način za dodajanje klepetalnika v svojo trgovino WooCommerce je uporaba brezplačnega vtičnika za glavo/nogo:

1. Prijavite se v svojo nadzorno ploščo skrbništva WordPress
2. Pojdite na Vtičniki → Dodaj novega
3. Poiščite "Insert Headers and Footers" od WPCode (ali podoben vtičnik)
4. Kliknite "Namesti zdaj" in nato "Aktiviraj"
5. Pojdite na Delčki kode → Glava in noga (ali stran z nastavitvami vtičnika)
6. Prilepite svojo vdelano kodo Asyntai v razdelek "Noga"
7. Kliknite "Shrani spremembe"

Alternativa: Uporaba prilagoditelja teme

Številne teme WooCommerce imajo vgrajene možnosti za dodajanje skript po meri:

1. Pojdite na Videz → Prilagodi
2. Poiščite razdelek z imenom "Dodaten CSS/JS", "Koda po meri" ali "Skripte noge"
3. Prilepite svojo vdelano kodo Asyntai v ustrezno polje
4. Kliknite "Objavi" za shranitev sprememb

Alternativa: Uredite datoteke teme (functions.php)

Za razvijalce ali tiste, ki jim urejanje datotek teme ne dela težav:

1. Pojdite na Videz → Urejevalnik datotek teme
2. Izberite svojo aktivno temo (ali po možnosti svojo podtemo)
3. Odprite datoteko functions.php
4. Dodajte naslednjo kodo na konec 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');
5. Replace YOUR_WIDGET_ID with your actual widget ID
6. Kliknite "Posodobi datoteko"

Alternativa: Kavelj, specifičen za WooCommerce

Za nalaganje klepetalnika samo na straneh WooCommerce (trgovina, izdelek, košarica, blagajna):

1. Dodajte to kodo v datoteko functions.php svoje 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');
2. Replace YOUR_WIDGET_ID with your actual widget ID
3. Shranite datoteko

Korak 3: Preverite namestitev

Po shranjevanju sprememb obiščite svojo trgovino WooCommerce v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb pripomočka za klepet. Kliknite nanj, da se prepričajte, da se odpre in pravilno deluje.