COME INSERIRE PULSANTE WHATSAPP NEL SITO SENZA PLUGIN
Buone notizie riguardanti l’integrazione di WhatsApp con i siti web.
Mentre prima bisognava aggiungere plugin per integrare WhatsApp nelle pagine web, d’ora in poi l’operazione non richiede installazioni di terze parti.
Devi semplicemente aggiungere il seguente codice HTML (su unica riga).
Codice
<a href="https://api.whatsapp.com/send?phone=39tuonumero"
title="Messaggia su WhatsApp" target="_blank">
<img style="width:50px; height:50px; vertical-align:middle"
src="percorso-immagine/icona-whatsapp.png"
width="larghezza in px"
height="altezza in px" alt="Messaggia su WhatsApp"></a>
Ti spiego il codice
- <a è il tag che definisce un collegamento ipertestuale, in questo caso alla risorsa esterna https://api.whatsapp.com/send?phone=
- dopo l’uguale 39 è il prefisso internazionale per l’Italia seguito dal numero col quale messaggiare
- i numeri a seguire sono del contatto da contattare, in esteso 393381234567
- title=”Messaggia su WhatsApp” al passaggio del mouse sul collegamento ti fa leggere il messaggio impostato tra le virgolette “”
- target=”_blank” fa aprire il collegamento su una nuova scheda del browser oppure apre l’app se installata
- <img è il tag che serve per inserire l’immagine, con style si imposta l’aspetto
- width è la larghezza
- height è la lunghezza
- vertical-align: middle vuoldire che l’immagine verrà allineata al centro in verticale
- scr è il percorso, ovvero dove si trova l’immagine
- alt è il testo alternativo nel caso l’immagine non venisse caricata.
Questi sono i links ufficiali di WhatsApp per approfondire:
Usa clicca per chattare
https://www.whatsapp.com/faq/it/general/26000030
Interagire con i numeri di telefono internazionali
https://www.whatsapp.com/faq/it/general/21016748
Aggiungere un amico
https://www.whatsapp.com/faq/it/general/21230602
