Jak přidat Asyntai AI chatbota na 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

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

Krok 2: Použití pluginu (doporučeno)

Nejjednodušší způsob přidání chatbota do vašeho obchodu WooCommerce je pomocí bezplatného pluginu pro záhlaví/zápatí:

1. Přihlaste se do administračního panelu WordPress
2. Přejděte na Plugins → Add New
3. Vyhledejte "Insert Headers and Footers" od WPCode (nebo podobný plugin)
4. Klikněte na "Install Now" a poté na "Activate"
5. Přejděte na Code Snippets → Header & Footer (nebo na stránku nastavení pluginu)
6. Vložte kód Asyntai do sekce "Footer"
7. Klikněte na "Save Changes"

Alternativa: Použití přizpůsobení šablony

Mnoho šablon WooCommerce má vestavěné možnosti pro přidávání vlastních skriptů:

1. Přejděte na Appearance → Customize
2. Vyhledejte sekci s názvem "Additional CSS/JS", "Custom Code" nebo "Footer Scripts"
3. Vložte kód Asyntai do příslušného pole
4. Klikněte na "Publish" pro uložení změn

Alternativa: Úprava souborů šablony (functions.php)

Pro vývojáře nebo ty, kteří se nebojí upravovat soubory šablon:

1. Přejděte na Appearance → Theme File Editor
2. Vyberte svou aktivní šablonu (nebo přednostně podřízenou šablonu)
3. Otevřete soubor functions.php
4. Přidejte následující kód na konec souborů:
   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. Nahraďte YOUR_WIDGET_ID svým skutečným ID widgetu
6. Klikněte na "Update File"

Alternativa: Hook specifický pro WooCommerce

Pro načtení chatbota pouze na stránkách WooCommerce (obchod, produkt, košík, pokladna):

1. Add this code to your theme's functions.php file:
   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. Nahraďte YOUR_WIDGET_ID svým skutečným ID widgetu
3. Uložte soubor

Krok 3: Ověřte instalaci

Po uložení změn navštivte svůj obchod WooCommerce v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.