Come aprire una chat su WhatsApp direttamente dal tuo Sito Web

Considerando che oramai più del 60% alle visite dei portali web avviene da un dispositivo mobile e che c’è una predisposizione sempre minore a compilare i moduli di contatto, utilizzare WhatsApp può essere una alternativa molto pratica per ottenere contatti in modo veloce e semplice dai visitatori del vostro sito.

Fortunatamente WhatsApp mette a disposizione una funzionalità di Clicca per Chattare molto semplice ma efficace, basta semplicemente creare un link utilizzando come valore href questa logica

<a href="https://api.whatsapp.com/send?phone=393349951258">Contattaci via WhatsApp</a>

come vedete non è necessario aggiungere i zeri iniziali al momento di definire il country code, quindi, se il numero è italiano, invece di scrivere 00393349951258 bisogna inserire 393349951258

Inoltre, è possibile aggiungere testo precompilato nel messaggio utilizzando invece questa sintassi:

<a href="https://api.whatsapp.com/send?phone=393349951258&text=Mi%20interessa%20l'auto%20che%20hai%20messo%20in%20vendita">Contattaci via WhatsApp</a>

Il testo dopo la variabile &text= dev’essere URL Encoded, per convertire la tua stringa puoi utilizzare questo strumento gratuito su meyerweb.com

Un’altra cosa da considerare quando si utilizza questa procedura è quella di nascondere il pulsante nei dispositivi dove non è possibile avviare whatsapp, per esempio nei desktop.
Una soluzione semplice è utilizzare le media queries nel vostro css, se utilizzate WordPress potete utilizzare questa sintassi per nascondere il vostro link negli schermi più grandi di uno smartphone in modalità landscape:

Aggiungete una classe al vostro link (noi stiamo utilizzando .hide-on-large-screens)

<a href="https://api.whatsapp.com/send?phone=393349951258&text=Mi%20interessa%20l'auto%20che%20hai%20messo%20in%20vendita" class="hide-on-large-screens">Contattaci via WhatsApp</a>

E aggiungete queste regole css direttamente nel editor css del customizer:

@media (min-width: 481px){
     .hide-on-large-screens{display:none}
}

Ed ecco fatto! Adesso potete creare dei links che permettono ai vostri utenti di contattarvi via WhatsApp!

Lascia un commento