Passer au contenu principal
portable

Intégrer Whatsapp Click to Chat dans WordPress

Par 27 juillet 2020#!31Fri, 07 Août 2020 17:24:57 +0200+02:005731#31 Fri, 07 Août 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome2031 07pm31pm-31 Fri, 07 Août 2020 17 :24:57 +0200+02:005Europe/Rome3131Europe/Rome2020312020ven, 07 Août 2020 17:24:57 +0200245248pmvendredi=7133# !31Fri, 07 Août 2020 17:24:57 +0200+02:00Europe/Rome8#août 7th, 2020#!31Fri, 07 Août 2020 17:24:57 +0200+02:005731#!31 Fri, 07 Août 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031#!31 Fri, 07 Août 2020 17:24:57 +0200+02:00Europe/Rome8#Sans commentaires

1. Trouver une icône 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. Définir les paramètres

Il y a 2 paramètres que vous devez décider :

  1. Le numéro de téléphone auquel vous souhaitez envoyer le message WhatsApp
  2. Il messaggio che ti verrà inviato

3. Rassembler le tout

Voici votre bouton :

< Un href= "https://api.whatsapp.com/send?phone=00155555555&text=Je suis intéressé par votre service" cible = "_blanc" classe = "Whatsapp" >
< img source= "https://site.com/wp-content/uploads/2018/07/whatsapp.png" alt= "Whatsapp" >
< / pour >

Copiez ce qui précède, mais assurez-vous de modifier le numéro de téléphone et le message.

4. Collez le code

Pour les besoins de ce didacticiel, nous allons placer l'icône en bas à gauche de l'écran et lui donner une position fixe afin que vous ne puissiez pas la manquer.

Quindi, per fare ciò, incollerò il codice dall’alto nel mio footer.phpdéposer juste avant le corpstag 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. Dessinez le bouton Whatsapp

Tutto quello che devi fare è scrivere alcune righe CSSet collez-le dans le vôtre style.cssdéposer.

.Whatsapp {
position : fixe ;
gauche : 5px ;
bas : 65 px ;
}

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.

Cliquez sur Chat pour discuter par WhatsApp

Cliquez sur Chat pour le chat WhatsApp

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

  • Choisissez votre icône/image
  • animations
  • Style sur une page/publication spécifique
  • Définissez votre message
  • Supporto per Google Analytics e Tag Manger Event
  • Prise en charge des événements Facebook

Laisser un commentaire