WhatsApp integrieren Klicken Sie hier, um in WordPress zu chatten

durch Blogger27. 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 19:31-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# 7. August 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

Zunächst benötigen wir ein Symbol, auf das der Benutzer klicken kann. Es gibt viele Websites mit lizenzfreien Bildern zur Auswahl. Laden Sie ein Symbol herunter, das Ihnen gefällt, laden Sie es in den Medienbereich hoch und fügen Sie die URL zunächst an der Seite hinzu.

2. Definieren Sie die Parameter

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

Die Telefonnummer, an die Sie die Nachricht senden möchten whatsapp
Die Nachricht, die Ihnen gesendet wird

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.

Um dies zu tun, füge ich den Code von oben in mein footer.phpDatei direkt vor dem Körperschließendes Tag.

Sobald ich die Datei speichere und meinen Browser aktualisiere, wird das Symbol unten auf der Seite angezeigt. Jetzt können wir es formatieren.

5. Zeichnen Sie die WhatsApp-Schaltfläche

Alles was Sie tun müssen, ist ein paar Zeilen zu schreiben CSSund füge es in dein ein style.cssDatei.

.Whatsapp {

Position: fest;

links: 5px;

unten: 65px;

}

Wie Sie sehen, habe ich mein Symbol 5 Pixel vom linken Bildschirmrand und 65 Pixel vom unteren Rand entfernt positioniert. Der Grund dafür ist, dass dadurch beim Scrollen zum unteren Seitenrand Text in meiner Fußzeile blockiert wurde. Sie können damit aber beliebig experimentieren.

6. Der Moment der Wahrheit

Jetzt müssen Sie nur noch die Seite aktualisieren, sicherstellen, dass Ihnen die Position des Symbols gefällt, darauf klicken und sicherstellen, dass Sie zu WhatsApp weitergeleitet werden, um Ihre Nachricht zu senden.

Obwohl dieses Tutorial auf Ihrer Site unglaublich einfach durchzuführen sein sollte, finden Sie hier ein Plugin, das Ihnen bei der Implementierung einer WhatsApp-Click-to-Call-Schaltfläche hilft, falls Sie dennoch ein Plugin benötigen.