Come integrare Whatsapp in modo semplice in qualsiasi sito web

Home » News » Come integrare Whatsapp in modo semplice in qualsiasi sito web

Come integrare Whatsapp in modo semplice in qualsiasi sito web

Posted on

Ormai WhatsApp si sta integrando molto bene con le aziende ed è diventato un mezzo per comunicare con i propri clienti giornalmente. Personalmente ho sempre consigliato di utilizzare WA come Chat di assistenza per i propri servizi ( ormai il 60% degli utenti naviga già da cellulare) quindi una connessione  tramite un app molto utilizzata può avere i suoi benefici se si tiene conto della facilità di utilizzo e il numero di persone che già l’hanno installata sul proprio smartphone.
Il problema da sviluppatore è stato integrare la app con i vari  siti web che sono stati sviluppati con i cms (WordPress, Magento , Joomla) perchè si, esistono diversi Plugin o Moduli di funzionamento ma sono piuttosto complicati e mai soddisfacenti o sono pesanti a livello di codice o peggio ancora non si adattano bene al nostro tema grafico. Ho trovato un modo molto semplice e banale, basta conoscere un po di HTML e utilizzare il link Api di Whatsapp ottenendo così un ottimo risultato.

Per prima cosa salva e  inserisci un immagine del logo di Whatsapp, Tipo questa:

Devi linkare l’immagine con questo link che trovi in basso. Adesso c’è un numero inventato (+123456789) che puoi sostituire con il tuo numero e dove trovi ‘testo qualsiasi’ potrai scrivere un messaggio predefinito che in automatico compila sull’app e così  che un utente può inviare subito. Questo messaggio predefinito è utile per tenere una tracciabilità.

Link api di WhatsApp:

https://api.whatsapp.com/send?l=it&phone=+123456789&text=’testo qualsiasi”

Dopo aver inserito il link quando clicchi sull’immagine del logo, ti apre WhatsApp al numero indicato con il messaggio predefinito, questo ovviamente se stai navigando sul sito da cellulare o altrimenti se navighi da Pc si aprirà la finestra di dialogo  chiedendoti di utilizzare l’app associata ( se è installato Whatsapp Web sul PC ti aprirà la chat attraverso il software)

Questo è il codice in html e puoi fare copia e incolla sostituendo i campi indicati:

<html><a href=”https://api.whatsapp.com/send?l=it&phone=+123456789&text=’testo qualsiasi'”><img class=”alignnone wp-image-11411″ src=”https://www.e-commerceroma.it/wp-content/uploads/2016/11/whatsapp-logo-final-658×455.jpg” alt=”” width=”106″ height=”73″ /></a>