Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.

No cookies to display.

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