Un pulsante WhatsApp sul tuo sito elimina il passaggio più lento tra un visitatore e una conversazione: trovare il tuo numero, salvarlo e scrivere il primo messaggio. Un tocco e WhatsApp si apre con la chat pronta. La buona notizia è che non servono plugin, abbonamenti né JavaScript, un pulsante WhatsApp è solo un normale link vestito con un po’ di stile. Questa guida mostra prima la versione in HTML puro, poi la via più rapida su WordPress, Shopify e i grandi site builder.
Passo 1: procurati il tuo link click-to-chat
Ogni pulsante WhatsApp, su qualsiasi piattaforma, punta alla stessa cosa: un link click-to-chat wa.me. Contiene il tuo numero di telefono e, facoltativamente, un messaggio precompilato. Il formato è questo:
https://wa.me/15551234567?text=Ciao%21%20Ho%20una%20domanda%20sui%20vostri%20servizi
Il numero deve essere in formato internazionale completo, solo cifre, prima il prefisso del paese, senza segno più, spazi o trattini, e il messaggio deve essere codificato come URL. Il modo più facile per azzeccarli entrambi è il Generatore di Link WhatsApp gratuito: scrivi il messaggio, guarda l’anteprima dal vivo e copia il link finito. Per la sintassi completa, vedi la nostra guida completa a wa.me.
HTML puro: un pulsante da incollare in qualsiasi sito
Nella sua forma più semplice, il pulsante è un tag di link con il tuo URL. Funziona in qualsiasi pagina HTML, generatore di siti statici o riquadro «HTML personalizzato» di un site builder:
<a href="https://wa.me/15551234567?text=Ciao%21" target="_blank" rel="noopener">Chatta con noi su WhatsApp</a>
Perché sembri un vero pulsante WhatsApp e non un link testuale, aggiungi stili inline, verde WhatsApp (#25D366), testo bianco, angoli arrotondati e un po’ di padding:
<a href="https://wa.me/15551234567?text=Ciao%21" target="_blank" rel="noopener" style="display:inline-block;background:#25D366;color:#fff;padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;">💬 Chatta su WhatsApp</a>
Per la popolare «bolla» fluttuante nell’angolo in basso, avvolgi lo stesso link in uno stile a posizione fissa: position:fixed, offset bottom e right di circa 20px, e uno sfondo circolare attorno all’icona di WhatsApp. Resta solo un link, niente script, niente che rallenti la pagina.
WordPress: nessun plugin necessario
- Nell’editor a blocchi, aggiungi un blocco HTML personalizzato (o un blocco Pulsanti) dove vuoi il pulsante.
- Incolla il tag di link con gli stili qui sopra, con il tuo link wa.me.
- Per un pulsante su tutto il sito, aggiungi lo stesso HTML a un’area widget (Aspetto → Widget) o al template del footer del tuo tema.
Plugin come «Click to Chat» aggiungono pulsanti fluttuanti, regole di orario e selettori di operatore. Vanno bene se vuoi quegli extra, ma se ti serve solo il pulsante, il blocco HTML fa lo stesso lavoro con zero script aggiunti e niente di nuovo da tenere aggiornato.
Shopify
- Vai su Negozio online → Temi → Personalizza.
- Aggiungi una sezione Liquid personalizzato o HTML personalizzato (la maggior parte dei temi moderni ne ha una) e incolla il codice del pulsante.
- Per mostrarlo su ogni pagina, modifica la sezione footer del tema, oppure aggiungi lo snippet a theme.liquid subito prima del tag di chiusura del body.
Wix, Squarespace e altri builder
Ogni grande builder ha un elemento «incorpora HTML» o «codice», incolla lì lo stesso tag di link. Molti hanno anche un pulsante WhatsApp nativo negli elementi social o di contatto; quelli chiedono solo il numero di telefono, quindi se vuoi un messaggio precompilato usa l’incorporamento HTML con il tuo link generato.
Vuoi che i visitatori condividano la tua pagina, invece di scriverti?
Un pulsante di chat avvia una conversazione con te. Se ciò che vuoi davvero è che i visitatori inviino la tua pagina ai loro contatti (una petizione, un prodotto, un articolo) usa il Widget di Condivisione WhatsApp gratuito. Recupera titolo, descrizione e miniatura della tua pagina e produce una scheda di condivisione pronta da incorporare con un pulsante «Condividi su WhatsApp», in una versione per i siti web e in un’altra che sopravvive a Gmail e Outlook per le campagne email. Se la scheda arriva in chat con il titolo sbagliato o senza immagine, leggi perché l’anteprima dei link su WhatsApp non compare.
Traccia i clic
Un clic su WhatsApp esce dal tuo sito, quindi la tua analytics non vedrà la conversazione, ma puoi contare i clic. Aggiungi un tag UTM all’URL della pagina che citi nel messaggio, oppure traccia il clic sul pulsante come evento in Google Analytics / Tag Manager (un semplice trigger di clic sui link che contengono wa.me). Se il pulsante compare in più punti, dai a ciascuno un messaggio precompilato diverso, così capisci da dove arriva una chat leggendone la prima riga.
Domande frequenti
Serve WhatsApp Business per un pulsante sul sito?
No. Un link wa.me funziona sia con WhatsApp personale sia con WhatsApp Business. Un account gratuito WhatsApp Business aggiunge però extra utili dietro lo stesso pulsante, un profilo aziendale, messaggi di assenza e risposte rapide.
Il pulsante funziona su desktop?
Sì. Su un telefono il link apre l’app di WhatsApp; su un computer apre WhatsApp Web o l’app desktop se il visitatore ha effettuato l’accesso. Lo stesso link gestisce entrambi.
Posso usare il logo ufficiale di WhatsApp sul pulsante?
Meta pubblica linee guida del marchio con risorse del logo approvate esattamente per questo uso. Attieniti al glifo ufficiale, non deformarlo né ricolorarlo, e non lasciare intendere che WhatsApp approvi la tua attività.