Az Asyntai AI Chatbot hozzáadása a WooCommerce-hez

Platform:

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

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

2. lépés: Bővítmény használata (Ajánlott)

A chatbot WooCommerce áruházhoz történő hozzáadásának legegyszerűbb módja egy ingyenes fejléc/lábléc bővítmény használata:

1. Jelentkezzen be a WordPress Admin Irányítópultba
2. Lépjen a Bővítmények → Új hozzáadása menüpontra
3. Keressen rá a WPCode "Insert Headers and Footers" bővítményére (vagy hasonlóra)
4. Kattintson a "Telepítés most", majd az "Aktiválás" gombra
5. Lépjen a Kódrészletek → Fejléc és Lábléc menüpontra (vagy a bővítmény beállítási oldalára)
6. Illessze be az Asyntai beágyazókódot a "Lábléc" szakaszba
7. Kattintson a "Módosítások mentése" gombra

Alternatíva: Téma testreszabó használata

Sok WooCommerce téma beépített lehetőséget kínál egyéni szkriptek hozzáadásához:

1. Lépjen a Megjelenés → Testreszabás menüpontra
2. Keresse a "További CSS/JS", "Egyéni kód" vagy "Lábléc szkriptek" nevű szakaszt
3. Illessze be az Asyntai beágyazókódot a megfelelő mezőbe
4. Click "Publish" to save your changes

Alternatíva: Témafájlok szerkesztése (functions.php)

Fejlesztőknek vagy azoknak, akik jártasak a témafájlok szerkesztésében:

1. Lépjen a Megjelenés → Témafájl-szerkesztő menüpontra
2. Válassza ki az aktív témáját (vagy lehetőleg a gyermek témáját)
3. Nyissa meg a functions.php fájlt
4. Adja hozzá a következő kódot a fájl végéhez:
   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. Kattintson a "Fájl frissítése" gombra

Alternatíva: WooCommerce-specifikus hook

A chatbot betöltése csak WooCommerce oldalakon (bolt, termék, kosár, pénztár):

1. Adja hozzá ezt a kódot a téma functions.php fájljához:
   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. Mentse el a fájlt

3. lépés: Telepítés ellenőrzése

A módosítások mentése után látogasson el WooCommerce áruházába egy új böngészőlapon vagy inkognitó ablakban. A jobb alsó sarokban látnia kell a chat widget gombot. Kattintson rá, hogy meggyőződjön a helyes működéséről.