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:
- Die Telefonnummer, an die Sie die Nachricht senden möchten whatsapp
- Die Nachricht, die an Sie gesendet wird
3. Alles zusammenfügen
Hier ist dein Button:
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.php
Datei direkt vor dem Körper
Tag 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 CSS
und füge es in dein ein style.css
Datei.
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
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