Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.

No cookies to display.

Nome utente
mobile

Integra Whatsapp Click to Chat su WordPress

per 27 Luglio 20207 Agosto, 2020Non ci sono commenti

1. Trova un’icona di 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. Definire i parametri

Ci sono 2 parametri che devi decidere:

  1. Il numero di telefono a cui si desidera inviare il messaggio Whatsapp
  2. Il messaggio che ti verrà inviato

3. Metti tutto insieme

Ecco il tuo pulsante:

< A href = “https://api.whatsapp.com/send?phone=00155555555&text=I Sono interessato a vostro servizio” target = “_blank” class = “WhatsApp” >
< img src = “https://site.com/wp-content/uploads/2018/07/whatsapp.png” alt = “whatsapp” >
< / a >

Copia quanto sopra ma assicurati di cambiare il numero di telefono e il messaggio.

4. Incolla il codice

Per il bene di questo tutorial posizioneremo l’icona in basso a sinistra sullo schermo e le daremo una posizione fissa in modo da non poterlo perdere.

Quindi, per fare ciò, incollerò il codice dall’alto nel mio footer.phpfile proprio prima del bodytag 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. Disegna il pulsante Whatsapp

Tutto quello che devi fare è scrivere alcune righe CSSe incollarlo nel tuo style.cssfile.

.whatsapp {
posizione: fissa;
sinistra: 5px;
fondo: 65px;
}

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.

Fai clic su Chat per chat di WhatsApp

Fai clic su Chat per chat di WhatsApp

Questo plugin ha 10 stili di design diversi ed è davvero facile da usare. Ecco alcune altre funzionalità:

  • Scegli la tua icona / immagine
  • animazioni
  • Stile su una pagina / post specifici
  • Definisci il tuo messaggio
  • Supporto per Google Analytics e Tag Manger Event
  • Supporto per eventi di Facebook

Lascia un commento