Aggiungi un widget chat WhatsApp a WordPress con uno snippet da copiare e incollare invece di un plugin: tre metodi di posizionamento, più quello che perdi installando un plugin in più.
Cerca “widget chat WhatsApp WordPress” e la maggior parte dei risultati ti indirizza verso un plugin: lo installi, lo attivi, lo configuri nella sua schermata di impostazioni, e ora è una cosa in più sul tuo sito che va aggiornata ogni volta che il core di WordPress o il tuo tema cambiano. C’è una strada più veloce che salta del tutto il plugin. Un widget WhatsApp è un pulsante fluttuante, e un pulsante fluttuante è poche righe di HTML più un tag script, ed entrambi hanno già un posto dove incollarli in WordPress senza aggiungere nulla alla tua pagina Plugin.
Qui vediamo come fare, in tre modi diversi a seconda di come è costruito il tuo sito, e dove invece un plugin dedicato si guadagnerebbe davvero il suo posto.
Un plugin WhatsApp per WordPress non è finto o difettoso, aggiunge davvero un pulsante fluttuante proprio come fa l’approccio con lo snippet. La differenza sta in quanto costa tenerlo attivo. Ogni plugin su un sito WordPress è codice che gira a ogni caricamento di pagina, ha bisogno dei propri aggiornamenti quando cambiano le versioni di WordPress o PHP, ed è una voce in più che uno scanner di sicurezza segnala se diventa obsoleta. Un sito con un page builder, un plugin SEO, un plugin di caching, un plugin per moduli, e ora un plugin WhatsApp, ha cinque elementi separati che possono entrare in conflitto tra loro, e i plugin per widget WhatsApp in particolare tendono a caricare il proprio CSS e JavaScript su ogni pagina, indipendentemente dal fatto che un visitatore clicchi mai il pulsante.
Uno snippet incollato non ha una schermata di impostazioni, un changelog o un avviso di compatibilità. È un blocco statico nel footer del tuo tema o un blocco HTML personalizzato in una pagina, e WordPress lo tratta esattamente come qualsiasi altro contenuto incorporato. Niente da attivare, niente da tenere aggiornato con patch.
Detto questo, un plugin non è la scelta sbagliata per ogni sito. Se non ti senti a tuo agio a incollare codice da nessuna parte, o vuoi che le impostazioni del widget siano modificabili da wp-admin da qualcuno che non dovrebbe toccare Appearance → Theme File Editor, l’interfaccia di impostazioni di un plugin è lo scambio più sicuro. La strada dello snippet presuppone che per te vada bene copiare e incollare un blocco di codice una volta sola e tornarci solo quando vuoi davvero cambiare qualcosa.
Il Generatore di Widget Chat WhatsApp trasforma il tuo numero, il colore del pulsante, la posizione e il messaggio di saluto in un unico tag script. Compila il modulo, il numero WhatsApp in formato internazionale senza zero iniziale né segno più, scegli un colore, scegli in quale angolo si trova il pulsante, e lo strumento produce qualcosa come questo:
<script src="https://cdn.thechatquotient.com/widget/v1/widget.js"
data-widget-id="wgt_xxxxxxxx"
data-whatsapp-number="15551234567"
data-color="#25D366"
data-position-vertical="bottom"
data-position-horizontal="right"
data-offset-vertical="20"
data-offset-horizontal="20"
data-z-index="5000"
data-greeting="Hi! How can we help?"
async
defer
></script>Questo è l’intero widget. Nessun file icona da caricare, nessun foglio di stile da mettere in coda, nessun PHP. Copialo, e scegli uno dei tre posizionamenti qui sotto a seconda di come è costruito il tuo sito WordPress.
Se il tuo tema è costruito sull’editor a blocchi (Gutenberg), il posto più veloce dove inserire lo snippet è direttamente in una pagina o in un blocco riutilizzabile, ma questo mostra il widget solo su quella pagina. Per un widget su tutto il sito, l’editor a blocchi non è pensato per un’iniezione a livello di footer, a meno che il tuo tema non esponga una parte di template apposita.
La maggior parte dei temi che supportano l’editing completo del sito ti permette di aggiungere un blocco HTML personalizzato direttamente al template del footer:
Dato che vive nella parte di template del footer, ora viene visualizzato su ogni pagina che usa quel footer, che nella maggior parte dei temi significa ogni pagina del sito.
I temi classici (non a blocchi) non hanno una parte di template del footer da modificare visivamente, quindi lo snippet va invece direttamente nel file PHP del tema:
</body>, di solito verso la fine del file.</body>.Questo è l’unico metodo che tocca direttamente il codice del tema, quindi porta con sé l’unico vero neo dell’approccio a snippet: un aggiornamento del tema può sovrascrivere footer.php e rimuovere silenziosamente l’incolla. Se il tuo tema supporta un tema child, fai questa modifica nel footer.php del tema child, dato che i file del tema child sopravvivono agli aggiornamenti del tema padre. Se non usi un tema child e non vuoi impostarne uno, un plugin come Insert Headers and Footers (un plugin a scopo unico, di bassa manutenzione, non un plugin completo per widget WhatsApp) ti offre un campo footer dedicato che non è per nulla legato ai file del tema, e sopravvive automaticamente a ogni aggiornamento del tema.
Se il sito è costruito con un page builder, di solito c’è un widget pensato proprio per questo:
Entrambi i builder visualizzano l’HTML grezzo e il tag script così come sono, nessuna sanificazione rimuove il tag <script> come fanno alcune aree di contenuto WYSIWYG, quindi il widget si carica e si comporta in modo identico a come farebbe incollandolo direttamente in footer.php.
Qualunque sia il modo in cui lo hai incollato, carica il sito in una finestra in incognito così una pagina in cache non ti mostra una versione superata, e controlla ogni template su cui il widget dovrebbe comparire: la homepage, un articolo del blog, e qualsiasi landing page costruita con un template diverso dal resto del sito, dato che una modifica al footer in un file del tema o in un template del builder non copre automaticamente una landing page che usa un template separato. Clicca sul pulsante sia da desktop sia da un telefono vero. Su mobile con WhatsApp installato, dovrebbe aprire direttamente l’app con il tuo numero e il saluto già precompilati; su desktop, apre web.whatsapp.com in una nuova scheda.
Ci sono alcune situazioni che fanno pendere di nuovo la bilancia verso l’installazione di un plugin dedicato:
Se più persone non tecniche gestiscono il sito e nessuna di loro dovrebbe avvicinarsi a Theme File Editor, la schermata di impostazioni di un plugin è più sicura che fidarsi che tutti lascino stare footer.php. Se vuoi che il widget si mostri o si nasconda per singola pagina o tipo di contenuto tramite una casella di controllo nella barra laterale dell’editor, invece di modificare un file di template, quella logica per pagina è esattamente ciò che gestisce il PHP di un plugin e che uno snippet statico non può fare. E se stai già usando un’integrazione completa con la WhatsApp Business API tramite un plugin che gestisce anche il widget come parte di un set di funzionalità più ampio, sostituire solo la parte del widget con uno snippet separato aggiunge una seconda cosa da mantenere invece di eliminarne una.
Per il caso comune, un numero WhatsApp, un pulsante, lo stesso comportamento su ogni pagina, lo snippet fa lo stesso lavoro senza lasciare nulla da aggiornare in seguito.
Questo rallenterà il mio sito WordPress?
Il tag script usa async e defer, quindi si carica senza bloccare il resto della pagina, ed è un’unica richiesta esterna invece dei vari file di stile e script separati che un plugin completo potrebbe mettere in coda.
Funziona con plugin di caching come WP Rocket o W3 Total Cache? Sì. Dato che è un tag script statico, non qualcosa renderizzato da PHP a ogni richiesta, la cache delle pagine non interferisce con esso, a differenza di alcuni widget basati su plugin che a volte vengono rimossi da impostazioni di minificazione HTML aggressive.
Posso usarlo con WooCommerce? Sì, il posizionamento è identico: footer.php, una parte di template del footer, o il template footer del tuo page builder, a nessuno dei quali importa se il sito usa anche WooCommerce.
E se il mio tema non ha Theme File Editor disponibile? Alcuni host lo disabilitano per motivi di sicurezza. In quel caso, usa il blocco HTML personalizzato nella parte di template del footer se il tuo tema supporta l’editing completo del sito, il widget di incorporamento del tuo page builder se ne hai uno, oppure un piccolo plugin a scopo unico come Insert Headers and Footers come alternativa che non richiede affatto di toccare i file del tema.
Devo reinstallare lo snippet se cambio tema WordPress? Sì, dato che era stato incollato nel footer.php o nella parte di template del vecchio tema. Ricopia lo stesso snippet dal generatore (il tuo ID widget resta lo stesso) e incollalo nel nuovo tema usando uno qualsiasi dei tre metodi più adatto a quel tema.
Un widget WhatsApp è un unico tag script, e WordPress ha già tre posti pensati apposta per ospitarlo: un blocco HTML personalizzato nel template del footer, footer.php tramite Theme File Editor, o il widget di codice incorporato del tuo page builder. Nessuno di questi richiede di installare un plugin dedicato al compito. Prendi lo snippet dal Generatore di Widget Chat WhatsApp, incollalo in uno dei tre metodi che corrisponde a come è costruito il tuo sito, ed è online, senza nulla di nuovo da aggiornare alla prossima release di WordPress.
Aggiungi l'estensione Chrome e trasforma il modo in cui gestisci le conversazioni WhatsApp per il tuo business.