Come aggiungere il chatbot IA Asyntai a WooCommerce

Guida passo passo per i negozi WooCommerce

Piattaforma:

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ì:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

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:

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

Suggerimento: L'aggiunta del codice nel footer garantisce che venga caricato dopo il contenuto del tuo negozio, il che è ideale per i widget di chat e non rallenta il caricamento della pagina né interferisce con le funzionalità di WooCommerce.

Alternativa: Utilizzo del personalizzatore del tema

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

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

Nota: Non tutti i temi dispongono di questa opzione. Se il tuo tema non include campi per script personalizzati, utilizza il metodo con plugin o modifica il file functions.php del tuo tema.

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

For developers or those comfortable editing theme files:

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

Importante: Utilizza sempre un tema figlio quando modifichi i file del tema. Le modifiche al tema principale andranno perse quando aggiorni il tema. Se non ti senti a tuo agio con la modifica del codice, utilizza invece il metodo con plugin.

Alternativa: Hook specifico per WooCommerce

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

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');
Sostituisci YOUR_WIDGET_ID con il tuo ID widget effettivo
Salva il file

Suggerimento: Questo metodo è utile se desideri che il chatbot IA appaia solo nelle pagine del tuo negozio per aiutare i clienti con prodotti e ordini, anziché sull'intero sito web.

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.

Non vedi il widget? Se hai un plugin di cache installato (come WP Super Cache, W3 Total Cache o WP Rocket), svuota prima la cache. Prova anche a svuotare la cache del browser o a visualizzare il sito in una finestra di navigazione in incognito.