Schwebender WhatsApp-Button für Website

Schwebender WhatsApp-Button für Website: wofür es gut ist

Gib das WhatsApp mit Vorwahl und die Nachricht an, die der Kunde senden wird. Wähle die Bildschirmecke, die Größe, die Farbe, den Randabstand, die Sprechblase und ob der Button beim Öffnen der Seite pulsiert. Die Vorschau erscheint in der Ecke dieser Seite.

Der Code ist nur HTML und CSS, mit dem Symbol als SVG und dem Link wa.me. Die Sprechblase verschwindet auf kleinen Bildschirmen, und die Animation respektiert alle, die weniger Bewegung bevorzugen.

So geht’s

1. Gib die Nummer mit Vorwahl und die Nachricht ein.
2. Passe Position, Farbe, Größe und Sprechblase an.
3. Kopiere den Code und füge ihn vor dem </body> der Website ein.

Wann nutzen

• Websites von Handel und Dienstleistern.
• Landingpages von Kampagnen.
• Websites in WordPress, Wix oder von Hand gebaut.

Häufige Fragen

Wo füge ich den Code ein?

Vor dem schließenden </body>, auf allen Seiten (oder in der Fußzeile des Themes). Nutze bei WordPress ein Plugin zum Einfügen von Code in die Fußzeile oder den Theme-Editor. In Baukästen wie Wix und Webflow nutze das Feld für benutzerdefinierten Code der Website.

Brauche ich WhatsApp Business?

Nein. Der Link wa.me funktioniert mit jedem WhatsApp-Konto. Die Nummer wird mit Landesvorwahl (55) und Ortsvorwahl angegeben, nur mit Ziffern.

Macht der Button die Website langsam?

Nein. Der Code ist nur HTML und CSS mit dem Symbol als SVG, ohne Bibliotheken oder externe Aufrufe.

Und wenn ich mehr als einen Button will?

Nutze eine andere Position (links und rechts) und erzeuge den Code erneut mit einer anderen Nummer. Ändere die id wa-flutuante im zweiten Code, damit sie sich nicht wiederholt.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.

Ähnliche Tools