WhatsApp-Button für Ihre Homepage – Kurzanleitung


Mit einem WhatsApp-Button auf Ihrer Homepage können Interessenten Sie mit nur einem Klick direkt per WhatsApp kontaktieren – ideal für schnelle Anfragen zu Immobilien.


1. Quellcode bearbeiten

Kopieren & Bearbeiten Sie den folgenden Code:


<a href="https://wa.me/491701234567?text=Hallo,%20ich%20interessiere%20mich%20für%20eine%20Immobilie."
   target="_blank"
   rel="noopener"
   style="display:inline-flex;align-items:center;gap:8px;
          background:#25D366;color:#fff;padding:12px 20px;
          border-radius:50px;text-decoration:none;
          font-family:Arial,sans-serif;font-weight:bold;">
   <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="#fff">
     <path d="M20.52 3.48A11.86 11.86 0 0 0 12 0C5.37..."/>
   </svg>
   WhatsApp Chat starten
</a>



2. Telefonnummer anpassen

Ersetzen Sie im Code die Nummer 491701234567 durch Ihre eigene WhatsApp-Nummer. Wichtig:


Ohne +, ohne 0 am Anfang, ohne Leerzeichen

Mit Länderkennung: Deutschland = 49, Österreich = 43, Schweiz = 41

Beispiel: Aus +49 (0) 170 1234567 wird 491701234567


3. Begrüßungstext anpassen (optional)

Hinter ?text= können Sie eine vorausgefüllte Nachricht hinterlegen. Leerzeichen müssen als %20 geschrieben werden, Umlaute funktionieren direkt.


4. Quellcode einfügen

Rufen Sie nun die gewünschte Rubrik auf, in der der Button erscheinen soll. So fügen Sie den Quellcode an der gewünschten Stelle ein.


4a. Optional - es gibt auch noch andere mögliche Stellen/Positionen auf Ihrer Webseite, wo der Button eingefügt werden können, z.B.:

- im Footer (Fußbereich Ihrer Webseite, Feld "Adressleisten-Text")

- Eigene Inhalte über Ihren Objekten (HTML, Fotos, Texte etc.) (für Experten)

- Eigene Inhalte unter Ihren Objekten (HTML, Fotos, Texte etc.) (für Experten)

- Eigene Inhalte unter den Optionen im Exposé (HTML, Fotos, Texte etc.) (für Experten)