Zum Hauptinhalt springen
Handy, Mobiltelefon

WhatsApp integrieren Klicken Sie hier, um in WordPress zu chatten

durch 27. Juli 2020#!31Fr., 07 Aug. 2020 17:24:57 +0200+02:005731#31Fr., 07 Aug. 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031 07pm31pm-31Fr., 07 Aug. 2020 17:24:57 +0200+02:005Europe/Rome3131Europe/Rome2020312020Fr., 07 Aug. 2020 17:24:57 +0200245248pmFreitag=3455#!31Fr., 07 Aug. 2020 17:24:57 +0200+02:00Europe/Rome8#August 7th, 2020#!31Fr., 07 Aug. 2020 17:24:57 +0200+02:005731#/31Fr., 07 Aug. 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031#!31Fr., 07 Aug. 2020 17:24:57 +0200+02:00Europe/Rome8#Keine Kommentare

1. Suchen Sie ein WhatsApp-Symbol

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. Definieren Sie die Parameter

Es gibt 2 Parameter, die Sie entscheiden müssen:

  1. Die Telefonnummer, an die Sie die Nachricht senden möchten whatsapp
  2. Il messaggio che ti verrà inviato

3. Alles zusammenfügen

Hier ist dein Button:

< A href = "Https://api.whatsapp.com/send?phone=00155555555&text=Ich bin an Ihrem Service interessiert." Ziel = "_Leer" Klasse = "WhatsApp" >
< img src = "Https://site.com/wp-content/uploads/2018/07/whatsapp.png" alt = "WhatsApp" >
< / zu >

Kopieren Sie das Obige, aber stellen Sie sicher, dass Sie die Telefonnummer und die Nachricht ändern.

4. Fügen Sie den Code ein

Für dieses Tutorial platzieren wir das Symbol unten links auf dem Bildschirm und geben ihm eine feste Position, damit Sie es nicht verlieren können.

Quindi, per fare ciò, incollerò il codice dall’alto nel mio footer.phpDatei direkt vor dem Körpertag 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. Zeichnen Sie die WhatsApp-Schaltfläche

Tutto quello che devi fare è scrivere alcune righe CSSund füge es in dein ein style.cssDatei.

.Whatsapp {
Position: fest;
links: 5px;
unten: 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.

Klicken Sie auf Chat für den Chat von WhatsApp

Klicken Sie auf Chat für WhatsApp-Chat

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

  • Wählen Sie Ihr Symbol / Bild
  • Animationen
  • Stil auf einer bestimmten Seite / einem bestimmten Beitrag
  • Definieren Sie Ihre Nachricht
  • Supporto per Google Analytics e Tag Manger Event
  • Unterstützung für Facebook-Events

Hinterlasse eine Antwort