Како додати Asyntai AI чатбот на WooCommerce

Платформа:

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: Набавите свој код за уграђивање

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

Корак 2: Коришћење додатка (препоручено)

Најлакши начин за додавање чатбота на вашу WooCommerce продавницу је коришћење бесплатног додатка за заглавље/подножје:

1. Пријавите се на вашу WordPress администраторску контролну таблу
2. Идите на Plugins → Add New
3. Претражите "Insert Headers and Footers" од WPCode (или сличан додатак)
4. Кликните на "Install Now" и затим "Activate"
5. Идите на Code Snippets → Header & Footer (или страницу подешавања додатка)
6. Налепите ваш Asyntai код за уградњу у секцију "Footer"
7. Кликните на "Save Changes"

Алтернатива: Коришћење прилагођавача теме

Многе WooCommerce теме имају уграђене опције за додавање прилагођених скрипти:

1. Идите на Appearance → Customize
2. Потражите секцију под називом "Additional CSS/JS", "Custom Code" или "Footer Scripts"
3. Налепите ваш Asyntai код за уградњу у одговарајуће поље
4. Кликните на "Publish" да сачувате ваше измене

Алтернатива: Уређивање фајлова теме (functions.php)

За програмере или оне који се удобно осећају при уређивању фајлова теме:

1. Идите на Appearance → Theme File Editor
2. Изаберите вашу активну тему (или пожељно вашу подтему)
3. Отворите фајл functions.php
4. Додајте следећи код на крај фајла:
   function add_asyntai_chatbot() {
  echo '<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. Замените YOUR_WIDGET_ID стварним ИД-ом виџета
6. Кликните на "Update File"

Алтернатива: WooCommerce-специфични hook

Да бисте учитали чатбот само на WooCommerce страницама (продавница, производ, корпа, плаћање):

1. Додајте овај код у фајл functions.php ваше теме:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. Замените YOUR_WIDGET_ID стварним ИД-ом виџета
3. Сачувајте фајл

Корак 3: Верификујте инсталацију

Након чувања промена, посетите вашу WooCommerce продавницу у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да проверите да ли се отвара и ради исправно.