1. Encuentra un ícono de Whatsapp
Prima di tutto abbiamo bisogno di un’icona per consentire all’utente di fare clic su. Ci sono molti siti di immagini royalty free tra cui puoi scegliere. Scarica un’icona che ti piace, caricala nella sezione media e metti l’URL sul lato per ora.
2. Defina los parámetros
Hay 2 parámetros que debes decidir:
- El número de teléfono al que desea enviar el mensaje. WhatsApp
- Il messaggio che ti verrà inviato
3. Ponlo todo junto
Aquí está tu botón:
Copie lo anterior, pero asegúrese de cambiar el número de teléfono y el mensaje.
4. Pega el código
Por el bien de este tutorial colocaremos el icono en la parte inferior izquierda de la pantalla y le daremos una posición fija para que no lo pierdas.
Quindi, per fare ciò, incollerò il codice dall’alto nel mio footer.php
archivo justo antes del cuerpo
tag di chiusura .
Una volta salvato il mio file e aggiornato il mio browser, sarò in grado di vedere l’icona in fondo alla pagina. Ora andremo avanti e lo modelleremo.
5. Dibuja el botón de Whatsapp
Tutto quello che devi fare è scrivere alcune righe CSS
y pégalo en el tuyo style.css
expediente.
Come puoi vedere, ho posizionato la mia icona a 5 pixel dalla sinistra dello schermo e 65 pixel dalla parte inferiore. La ragione per cui l’ho fatto è il fatto che ha bloccato del testo sul mio piè di pagina quando ho fatto scorrere fino alla fine della mia pagina, ma puoi giocarci come desideri.
6. Il momento della verità
Tutto ciò che dovresti fare ora è aggiornare la pagina, assicurarti che ti piaccia il luogo in cui è posizionata l’icona, fare clic su di essa e assicurarti di essere trasferito su Whatsapp per inviare il tuo messaggio.
Anche se questo tutorial dovrebbe essere incredibilmente facile da fare sul tuo sito, se hai ancora bisogno di un plug-in, ecco un plug-in che ti aiuterà a implementare un pulsante click to call di Whatsapp.
Haga clic en Chat para charlar de WhatsApp

Questo plugin ha 10 stili di design diversi ed è davvero facile da usare. Ecco alcune altre funzionalità:
- Elija su icono / imagen
- animaciones
- Estilo en una página / publicación específica
- Define tu mensaje
- Supporto per Google Analytics e Tag Manger Event
- Soporte para eventos de Facebook