Come Aggiungere un Pulsante WhatsApp Gratis su Shopify (Senza App)

Risposta breve: Crea un widget WAButton gratuito, copia il suo codice di incorporamento e incollalo subito sopra il tag di chiusura </body> nel file theme.liquid del tuo tema Shopify. Non ti serve un'app né alcuna competenza di codifica.

Un pulsante WhatsApp offre agli acquirenti un modo per chiedere informazioni su taglie, tempi di spedizione o checkout prima di acquistare, e per parlare con una persona piuttosto che compilare un modulo.

Molte app di chat per Shopify addebitano un costo mensile e aggiungono i propri script al tuo negozio. Se ti serve solo un pulsante, puoi incollarne uno nel tuo tema.

Questa guida mostra come aggiungere un pulsante di chat WhatsApp al tuo tema Shopify, gratis e senza un'app.

---

In cosa WhatsApp differisce da un widget di live chat

Con un widget di live chat, la conversazione di solito vive nella scheda del browser. Se il visitatore la chiude prima che il tuo team risponda, potrebbe non vedere mai la risposta.

Un pulsante click-to-chat di WhatsApp funziona in modo diverso in due modi:

1. La conversazione resta sul loro telefono: La chat si sposta nell'app WhatsApp dell'acquirente. Quando il tuo team risponde, l'acquirente riceve una notifica sul telefono.
2. Il primo messaggio può essere scritto per loro: Puoi impostare il messaggio in modo che quando l'acquirente tocca il pulsante, WhatsApp si apra con il prodotto già nominato (ad es., "Ciao, ho una domanda su [Nome prodotto]").

Se vendi anche su altre piattaforme, consulta la nostra Directory delle Integrazioni CMS per guide passo passo su WordPress, WooCommerce, Webflow e Squarespace.

---

Passo Passo: Aggiungere il Pulsante WhatsApp al Tema Shopify

Non ti serve competenza di codifica per aggiungere WAButton al tuo tema Shopify. Il frammento è autonomo e non ha dipendenze da librerie.

Passo 1: Crea il tuo Widget nella Dashboard di WAButton

1. Crea un account WAButton gratuito](https://dashboard.wabutton.app/register) o accedi alla tua dashboard se ne hai già uno.
2. Crea un widget e inserisci il tuo numero di telefono WhatsApp Business in formato internazionale E.164 (es. +14155552671 senza spazi, trattini o zeri iniziali).
3. Imposta un messaggio precompilato accattivante, ad esempio:

   Ciao! Sto navigando nel tuo negozio e ho una domanda sul mio ordine.
   

4. Nell'editor del widget, apri Share & install > Website install e copia il codice di incorporamento. Contiene già l'ID del tuo widget, quindi funziona appena lo incolli.

Passo 2: Apri l'Editor del Codice del Tema Shopify

1. Accedi al pannello di amministrazione del tuo Shopify.
2. Nel menu di navigazione a sinistra, vai su Negozio online > Temi.
3. Individua il tuo tema attivo (ad es. Dawn, Sense, Refresh o Impact).
4. Clicca sul pulsante con i tre puntini (...) accanto a Personalizza, poi seleziona Modifica codice.

Passo 3: Incolla il Codice di Incorporamento in theme.liquid

1. Nell'elenco dei file a sinistra, apri la cartella Layout e clicca su theme.liquid.
2. Scorri fino in fondo al file finché individui il tag di chiusura </body>.
3. Subito prima del tag </body>, incolla il tuo codice di incorporamento WAButton:

<!-- WAButton WhatsApp Widget -->
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
<!-- End WAButton WhatsApp Widget -->

4. Clicca su Salva in alto a destra.

Ecco fatto! Visita l'URL del tuo negozio live su desktop e mobile per testare il widget. Quando viene cliccato, aprirà WhatsApp Web sui browser desktop o avvierà l'app WhatsApp nativa sugli smartphone.

---

Avanzato: Aggiungere un Pulsante per Modulo d'Ordine WhatsApp alle Pagine Prodotto

Se gestisci un negozio boutique, un marchio di abbigliamento personalizzato o un catalogo all'ingrosso, potresti volere che i clienti inviino ordini direttamente via WhatsApp piuttosto che navigare attraverso il checkout standard.

Usando il nostro Generatore di Moduli d'Ordine WhatsApp, puoi creare richieste di ordine strutturate che si compilano automaticamente:

• SKU e titolo del prodotto
• Variante selezionata (taglia, colore, materiale)
• Indirizzo di consegna e codice postale
• Metodo di pagamento preferito (Contrassegno, Bonifico, Stripe)

Questo può adattarsi a mercati in cui i tuoi clienti si aspettano già di ordinare via WhatsApp.

---

Perché uno script piccolo è importante

Core Web Vitals misurano come una pagina si carica e quanto rimane stabile, incluse Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS). Google consiglia di puntare a buoni punteggi.

Le app di chat di terze parti possono caricare i propri script, font e fogli di stile su ogni pagina, e questi aggiungono lavoro al browser.

WAButton mantiene una dimensione ridotta:

• Nessuna dipendenza: JavaScript puro e icone SVG.
• Caricamento asincrono (async): Lo script si scarica in parallelo e non blocca il rendering delle immagini dei prodotti e del testo.
• Nessuno spostamento del layout dal pulsante: Galleggia in una posizione fissa, quindi la tua pagina non salta mentre si carica.

Leggi la nostra Guida all'Integrazione Shopify per ulteriori suggerimenti di configurazione e per inviare i tocchi del pulsante a Google Analytics 4 e Meta Pixel.

---

Domande Frequenti

Posso mostrare il pulsante WhatsApp solo durante l'orario di lavoro?

Sì. Puoi configurare regole di visibilità pianificate o personalizzare i messaggi automatici di assenza con il nostro Generatore di Messaggi di WhatsApp per impostare le aspettative quando il tuo team è offline.

Funziona su tutti i temi Shopify?

Sì. Il codice di incorporamento è HTML5 standard e funziona su tutti i temi Shopify Online Store 2.0 (Dawn, Refresh, Craft, Studio, Publisher) e anche su temi vintage legacy.

Devo avere un account API WhatsApp Business?

No. WAButton funziona con numeri personali WhatsApp standard, account WhatsApp Business App e numeri ufficiali dell'API Cloud di WhatsApp.

---

Vuoi altri modi per usare WhatsApp nel tuo negozio? Leggi WhatsApp per negozi online o prova il nostro Generatore di Link WhatsApp.

---

Fonti

• Comprendere Core Web Vitals e i risultati di ricerca Google, Google Search Central
• Come usare click-to-chat, Centro assistenza WhatsApp