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

Zunächst benötigen wir ein Symbol, auf das der Benutzer klicken kann. Es gibt viele lizenzfreie Bildseiten, aus denen Sie auswählen können. Laden Sie ein Symbol herunter, das Ihnen gefällt, laden Sie es in den Medienbereich hoch und legen Sie die URL vorerst auf die Seite.

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. Die Nachricht, die an Sie 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.

Dazu füge ich den Code von oben in meinen ein footer.phpDatei direkt vor dem KörperTag schließen.

Sobald ich meine Datei gespeichert und meinen Browser aktualisiert habe, kann ich das Symbol unten auf der Seite sehen. Jetzt werden wir weitermachen und es gestalten.

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 können, habe ich mein Symbol 5 Pixel links vom Bildschirm und 65 Pixel unten platziert. Der Grund, warum ich das getan habe, ist, dass es Text in meine Fußzeile gepinnt hat, als ich zum Ende meiner Seite gescrollt habe, aber Sie können damit spielen, wie Sie möchten.

6. Der Moment der Wahrheit

Alles, was Sie jetzt tun sollten, ist, die Seite zu aktualisieren, sicherzustellen, dass Ihnen der Ort gefällt, an dem sich das Symbol befindet, darauf zu klicken und sicherzustellen, dass Sie zu Whatsapp weitergeleitet werden, um Ihre Nachricht zu senden.

Während dieses Tutorial auf Ihrer Website unglaublich einfach zu erstellen sein sollte, finden Sie hier ein Plugin, mit dem Sie eine WhatsApp-Schaltfläche zum Klicken auf einen Anruf implementieren können, wenn Sie noch ein Plugin benötigen.

Klicken Sie auf Chat für den Chat von WhatsApp

Klicken Sie auf Chat für WhatsApp-Chat

Dieses Plugin hat 10 verschiedene Designstile und ist sehr einfach zu bedienen. Hier sind einige andere Funktionen:

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

Hinterlasse eine Antwort