Wie erstelle ich einen klickbaren WhatsApp-Link für meine Webseite?
Um einen klickbaren WhatsApp-Link für deine Webseite zu erstellen, der es Besuchern ermöglicht, direkt eine Nachricht über WhatsApp zu senden, kannst du einen speziellen URL-Scheme benutzen. WhatsApp stellt hierfür eine offizielle Methode bereit, mit der Nutzer durch einen Klick auf den Link entweder die WhatsApp-App öffnen oder WhatsApp Web im Browser starten können. Dies funktioniert sowohl auf mobilen Geräten als auch auf Desktop-Computern, sofern WhatsApp dort verfügbar ist.
Zunächst benötigst du die Telefonnummer, an die die Nachricht gesendet werden soll. Wichtig ist, dass du die Telefonnummer im internationalen Format ohne Pluszeichen, Klammern oder Bindestriche angibst. Zum Beispiel: Für eine deutsche Nummer wie +49 170 1234567 schreibst du 491701234567.
Ersetze hierbei DeineTelefonnummer durch die tatsächliche Telefonnummer im internationalen Format. Beispielsweise:
Wenn du möchtest, dass beim Öffnen des Links bereits ein vorgefertigter Nachrichtentext angezeigt wird, kannst du diesen über eine URL-Parameter text hinzufügen. Der Text muss vorher URL-kodiert werden (Leerzeichen werden zu `%20` usw.). Zum Beispiel:
Nun ein komplettes HTML-Beispiel für deine Webseite, in dem der Besucher durch Klicken auf einen Link eine WhatsApp-Nachricht an dich senden kann. Der Link beinhaltet auch einen vorgefertigten Text.
Klicken Sie auf den folgenden Link, um uns direkt eine Nachricht über WhatsApp zu senden:
In diesem Beispiel öffnet sich beim Klick auf den Link entweder WhatsApp auf dem Smartphone mit der vorformulierten Nachricht oder WhatsApp Web im Desktop-Browser. Die Attribute `target="_blank"` und `rel="noopener noreferrer"` sorgen dafür, dass der Link in einem neuen Tab geöffnet wird und Sicherheit bzw. Performance verbessert werden.
Zusätzlich kannst du das Erscheinungsbild des Links noch weiter anpassen, z.B. indem du ein WhatsApp-Icon ergänzt oder CSS für einen Button verwendest. Wichtig ist, dass du immer die Telefonnummer korrekt im internationalen Format angibst und den Text vor URL-Encode setzt, damit keine fehlerhaften Sonderzeichen im Link sind.
Wenn du diese einfache Methode anwendest, bietest du deinen Webseitenbesuchern eine bequeme Möglichkeit, direkt mit dir via WhatsApp in Kontakt zu treten.