Cum să adăugați chatbotul AI Asyntai pe WooCommerce

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

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

Pasul 2: Utilizarea unui plugin (recomandat)

Cea mai ușoară modalitate de a adăuga chatbotul pe magazinul dvs. WooCommerce este utilizarea unui plugin gratuit de header/footer:

1. Conectați-vă la Tabloul de bord WordPress Admin
2. Accesați Pluginuri → Adăugare nou
3. Căutați "Insert Headers and Footers" de WPCode (sau un plugin similar)
4. Faceți clic pe "Instalare acum" și apoi pe "Activare"
5. Accesați Fragmente de cod → Header și Footer (sau pagina de setări a pluginului)
6. Inserați codul de încorporare Asyntai în secțiunea "Footer"
7. Faceți clic pe "Salvare modificări"

Alternativă: Utilizarea personalizatorului de temă

Multe teme WooCommerce au opțiuni integrate pentru adăugarea scripturilor personalizate:

1. Accesați Aspect → Personalizare
2. Căutați o secțiune numită "CSS/JS suplimentar", "Cod personalizat" sau "Scripturi footer"
3. Inserați codul de încorporare Asyntai în câmpul corespunzător
4. Faceți clic pe "Publicare" pentru a salva modificările

Alternativă: Editare fișiere temă (functions.php)

For developers or those comfortable editing theme files:

1. Accesați Aspect → Editor de fișiere temă
2. Selectați tema activă (sau de preferință tema copil)
3. Deschideți fișierul functions.php
4. Adăugați următorul cod la sfârșitul fișierului:
   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. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
6. Faceți clic pe "Actualizare fișier"

Alternativă: Hook specific WooCommerce

Pentru a încărca chatbotul doar pe paginile WooCommerce (magazin, produs, coș, finalizare comandă):

1. Adăugați acest cod în fișierul functions.php al temei:
   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. Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
3. Salvați fișierul

Pasul 3: Verificați instalarea

După salvarea modificărilor, vizitați magazinul dvs. WooCommerce într-o filă nouă a browserului sau într-o fereastră incognito. Ar trebui să vedeți butonul widgetului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.