Widget WhatsApp per WordPress: pulsante senza plugin

Perché senza plugin

La maggior parte dei plugin WhatsApp per WordPress fa esattamente quello che può fare uno snippet HTML da 10 righe: mostra un pulsante che apre un link wa.me. I plugin aggiungono peso, aggiornamenti, dipendenze e a volte tracciamento di terze parti. Se ti serve solo il pulsante di contatto, lo snippet è più leggero e trasparente.

Codice da incollare

Genera il widget su QRWave con il tuo numero e messaggio, poi copia il codice embed prodotto. Il risultato è simile a questo:

<a href="https://wa.me/393331234567?text=Ciao%2C%20ho%20visto%20il%20vostro%20sito"
   target="_blank"
   rel="noopener"
   style="position:fixed;bottom:24px;right:24px;z-index:9999;
          background:#25D366;color:#fff;border-radius:50px;
          padding:12px 20px;font-family:sans-serif;font-size:15px;
          font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.2);
          display:flex;align-items:center;gap:8px">
  <svg width="20" height="20" viewBox="0 0 24 24" fill="white">
    <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967..."></path>
  </svg>
  Scrivici su WhatsApp
</a>

Dove incollarlo in WordPress

Metodo	Dove	Note
Block editor (Gutenberg)	Blocco HTML personalizzato → incolla il codice	Funziona su pagina singola o template
footer.php del tema	Tema → Editor → footer.php, prima di	Appare su tutto il sito
Plugin "Insert Headers and Footers"	Impostazioni → Insert Headers and Footers → Footer	Senza toccare il codice del tema
Widget HTML	Aspetto → Widget → blocco HTML personalizzato	Appare nella sidebar o nell'area widget
Elementor / Divi	Blocco HTML o Code Widget	Drag & drop, senza modificare file del tema

Come personalizzarlo

Numero: sostituisci 393331234567 con il tuo (prefisso + numero, senza +).
Messaggio: modifica il testo nel parametro text=, codificato in URL.
Posizione: cambia bottom e right per spostare il pulsante.
Testo pulsante: modifica il testo prima di </a>.
Colore: il verde WhatsApp è #25D366. Puoi cambiarlo se il brand lo richiede.

Errori da evitare

Errore	Perché evitarlo
Numero senza prefisso internazionale	wa.me richiede prefisso (es. 39 per Italia, 1 per USA).
Pulsante non testato su mobile	Su smartphone l'app WhatsApp si apre direttamente, verifica che funzioni.
z-index troppo basso	Il pulsante potrebbe finire sotto popup o header sticky.
Codice in un plugin di sicurezza bloccato	Alcuni plugin di sicurezza filtrano HTML inline. Verifica l'output.
Pulsante non visibile in modalità scura	Se il sito ha dark mode, verifica che il colore del testo resti leggibile.

FAQ

Il pulsante appare su mobile e desktop?

Sì. Il codice usa position:fixed con bottom e right, quindi flotta sopra il contenuto su tutti i dispositivi. Puoi aggiungere media query per nasconderlo su desktop se preferisci.

Serve un account WhatsApp Business?

No. Il link wa.me funziona con qualsiasi numero WhatsApp, personale o Business. WhatsApp Business aggiunge funzioni come il profilo aziendale e le risposte rapide, ma non è obbligatorio per il link.

Posso aggiungere più pulsanti (WhatsApp + Telegram)?

Sì. Aggiungi un secondo anchor con il link t.me e posizionalo sopra il primo (es. bottom:88px invece di bottom:24px). QRWave genera codice anche per Telegram.

Il plugin di cache di WordPress può creare problemi?

No. Il widget è HTML statico, nessun cookie, nessuna richiesta dinamica. I plugin di cache (WP Rocket, W3 Total Cache, LiteSpeed) non interferiscono.

Posso nascondere il pulsante su alcune pagine?

Sì. Con un piccolo script JavaScript puoi mostrare o nascondere il pulsante in base all'URL della pagina. Oppure incolla il codice solo nel template o nell'editor delle pagine specifiche.

Link interni consigliati

Nota finale

Il widget non richiede plugin, non usa cookie e non invia dati a terze parti. Se abiliti un link corto tramite QRWave, il passaggio avviene tramite servizi esterni (is.gd, TinyURL). Per il sito WordPress usa sempre il link diretto wa.me.

QRWave non è affiliato, sponsorizzato o approvato da WhatsApp, Telegram o Meta.