Come aggiungere il chatbot IA Asyntai a WooCommerce

Piattaforma:

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

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

Passaggio 2: Utilizzo di un plugin (consigliato)

Il modo più semplice per aggiungere il chatbot al tuo negozio WooCommerce è utilizzare un plugin gratuito per header/footer:

1. Accedi alla tua bacheca di amministrazione WordPress
2. Vai su Plugin → Aggiungi nuovo
3. Cerca "Insert Headers and Footers" di WPCode (o un plugin simile)
4. Clicca su "Install Now" e poi su "Activate"
5. Vai su Code Snippets → Header & Footer (o la pagina delle impostazioni del plugin)
6. Incolla il codice di integrazione Asyntai nella sezione "Footer"
7. Clicca su "Save Changes"

Alternativa: Utilizzo del personalizzatore del tema

Molti temi WooCommerce dispongono di opzioni integrate per l'aggiunta di script personalizzati:

1. Vai su Aspetto → Personalizza
2. Cerca una sezione chiamata "Additional CSS/JS", "Custom Code" o "Footer Scripts"
3. Incolla il codice di incorporamento Asyntai nel campo appropriato
4. Clicca su "Publish" per salvare le modifiche

Alternativa: Modifica dei file del tema (functions.php)

Per gli sviluppatori o per chi si sente a proprio agio nel modificare i file del tema:

1. Vai su Aspetto → Editor file del tema
2. Seleziona il tema attivo (o preferibilmente il tema figlio)
3. Apri il file functions.php
4. Aggiungi il seguente codice alla fine del file:
   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. Sostituisci YOUR_WIDGET_ID con il tuo ID widget effettivo
6. Clicca su "Update File"

Alternativa: Hook specifico per WooCommerce

Per caricare il chatbot solo sulle pagine WooCommerce (negozio, prodotto, carrello, checkout):

1. Aggiungi questo codice al file functions.php del tuo tema:
   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. Sostituisci YOUR_WIDGET_ID con il tuo ID widget effettivo
3. Salva il file

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche, visita il tuo negozio WooCommerce in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget di chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.