Telefonnummer klickbar machen: Click-to-Call & WhatsApp

Viele Menschen suchen auf dem Smartphone nach einem Handwerker, einer Praxis oder einem Restaurant – und rufen dann lieber an, als ein Formular auszufüllen. Eine klickbare Telefonnummer, auch Click-to-Call genannt, macht den Anruf mit einem Fingertipp möglich. Dieser Ratgeber zeigt Schritt für Schritt, wie Sie Ihre Nummer richtig verlinken, und erklärt, wie Sie E-Mail-Links, einen WhatsApp-Button oder einen Live-Chat datenschutzbewusst einbinden.

Das Wichtigste in Kürze

• Eine Telefonnummer wird klickbar, indem Sie sie verlinken und als Linkziel tel: plus Nummer eintragen, zum Beispiel tel:+49391234567.
• Im Link steht die Nummer im internationalen Format: +49, dann die Vorwahl ohne führende Null, ohne Leerzeichen.
• Setzen Sie die klickbare Nummer in Kopfbereich und Footer, auf die Kontaktseite und neben das Kontaktformular.
• E-Mail-Adressen verlinken Sie mit mailto:, WhatsApp mit einem Link auf wa.me.
• WhatsApp und Live-Chats sind datenschutzrechtlich relevant: Datenschutzerklärung ergänzen und Chat-Skripte möglichst erst nach Einwilligung laden.

Warum eine klickbare Telefonnummer mehr Anrufe bringt

Ohne Link müssen Besucher die Nummer abtippen oder umständlich kopieren. Dabei passieren Tippfehler, und mancher bricht einfach ab. Mit einem sogenannten tel:-Link öffnet sich auf dem Smartphone direkt die Telefon-App mit der vorgewählten Nummer – ein Tipp, und der Anruf startet.

Besonders groß ist der Effekt, wenn Ihre Kunden unterwegs suchen und schnell Hilfe oder einen Termin brauchen. Dann kann Click-to-Call die Zahl der Anrufe spürbar erhöhen. Zusammen mit Kontaktformular und E-Mail-Adresse findet jeder Besucher seinen bevorzugten Kontaktweg. Weitere Stellschrauben für mehr Kontakte beschreibt der Ratgeber Keine Anfragen über die Webseite? So gewinnen Sie Kunden.

Und am Computer? Dort öffnet ein Klick je nach Einrichtung ein Programm für Internet-Telefonie, etwa Microsoft Teams. Ist keines eingerichtet, passiert oft nichts, oder das System fragt nach einer passenden App. Das schadet nicht – entscheidend ist der Nutzen auf dem Handy.

So machen Sie Ihre Telefonnummer klickbar

Technisch ist eine klickbare Telefonnummer ein ganz normaler Link. Der Unterschied: Das Linkziel ist keine Internetadresse, sondern die Nummer mit dem vorangestellten Kürzel tel:.

Das richtige Format: international mit +49

Damit der Link überall funktioniert – auch aus ausländischen Mobilfunknetzen –, steht die Nummer im internationalen Format. So bauen Sie das Linkziel auf:

1. Beginnen Sie mit tel: und einem Pluszeichen.
2. Ergänzen Sie die Ländervorwahl, für Deutschland 49.
3. Hängen Sie die Vorwahl ohne die führende Null an, für Magdeburg also 391 statt 0391.
4. Schreiben Sie die eigentliche Rufnummer direkt dahinter – am besten ohne Leerzeichen, Schrägstriche oder Bindestriche.

Aus der Beispielnummer 0391 234567 wird so das Linkziel tel:+49391234567. Bei Mobilnummern funktioniert es genauso: Aus 0171 … wird +49171 …

Für Ihre Besucher darf die Nummer weiterhin gut lesbar formatiert sein, etwa 0391 234567 oder +49 391 234567. Entscheidend ist nur, dass das Linkziel stimmt.

Häufiger Fehler: die (0) im Link

Auf Briefbögen und Visitenkarten findet man oft die Schreibweise +49 (0)391 234567. Im Linkziel hat diese Null nichts zu suchen: Bei einem Link wie tel:+49(0)391234567 wird die Null mitgewählt, und die Verbindung klappt oft nicht. Richtig ist tel:+49391234567.

Im Homepage-Baukasten oder in WordPress

In Baukastensystemen und in WordPress brauchen Sie keinen Code. Markieren Sie die Telefonnummer im Text, wählen Sie die Funktion zum Einfügen eines Links und tragen Sie als Adresse tel:+49 und Ihre Nummer ohne führende Null ein. Manche Baukästen bieten dafür auch eine eigene Link-Art „Telefon“ an, bei der Sie nur die Nummer eintragen.

Im HTML-Code

Wer den Quelltext selbst bearbeitet, verlinkt die Nummer mit einem gewöhnlichen a-Element. Im href-Attribut steht das Linkziel, also href="tel:+49391234567", als Linktext die lesbare Schreibweise, etwa 0391 234567. Zusätzliche Skripte oder Plugins braucht es dafür nicht.

Nach dem Einbau testen

Verlassen Sie sich nicht darauf, dass Handy-Browser Nummern von selbst erkennen – manche tun das, aber nicht zuverlässig. Eine Nummer, die nur in einem Bild oder einer Grafik steht, lässt sich zudem weder antippen noch kopieren. Testen Sie jeden Telefon-Link nach dem Einbau auf dem eigenen Smartphone: Öffnet sich die Telefon-App mit der richtigen Nummer?

Wo die Nummer auf der Webseite stehen sollte

Setzen Sie die klickbare Nummer überall dort ein, wo Kontakt ein Thema ist:

• im Kopfbereich (Header), damit sie auf jeder Seite sofort sichtbar ist
• im Footer
• auf der Kontaktseite
• neben dem Kontaktformular

So ist Ihre Nummer von jeder Seite aus nur einen Tipp entfernt.

E-Mail-Adresse klickbar machen

Nach dem gleichen Prinzip funktioniert ein E-Mail-Link: Das Linkziel beginnt mit mailto:, gefolgt von der Adresse, zum Beispiel mailto:[email protected]. Ein Klick öffnet das E-Mail-Programm mit bereits eingetragenem Empfänger. Auf Wunsch lässt sich auch ein Betreff vorbelegen: mailto:[email protected]?subject=Anfrage.

Zeigen Sie die Adresse zusätzlich gut lesbar als Text an. Ist auf einem Computer kein E-Mail-Programm eingerichtet, führt der Klick ins Leere – dann können Besucher die sichtbare Adresse einfach kopieren. Für viele ist ein Kontaktformular ohnehin bequemer; damit dessen Nachrichten zuverlässig ankommen, lohnt ein Blick in den Ratgeber Formular-E-Mails kommen nicht an?

WhatsApp-Button: Kontakt per Messenger

Viele Menschen schreiben lieber eine kurze Nachricht, als anzurufen oder ein Formular auszufüllen. Ein WhatsApp-Button bietet diesen schnellen, niedrigschwelligen Kontakt, vor allem auf dem Handy.

Technisch ist auch das nur ein Link: auf wa.me, gefolgt von Ihrer Nummer im internationalen Format – diesmal ohne Pluszeichen, ohne führende Null und ohne Leerzeichen, also https://wa.me/49391234567. Mit dem Zusatz ?text= und einer vorformulierten Nachricht, etwa „Hallo, ich habe eine Frage zu …“, erleichtern Sie den Einstieg. Leerzeichen und Sonderzeichen müssen dabei URL-kodiert werden, ein Leerzeichen wird zum Beispiel zu %20. Beim Klick öffnet sich WhatsApp als App oder im Browser. Ein Skript, das beim Seitenaufruf automatisch Daten überträgt, ist dafür nicht nötig: Der Besucher entscheidet sich aktiv für den Kontakt.

Voraussetzung ist, dass die verlinkte Nummer bei WhatsApp registriert ist – für Betriebe gibt es dafür die App WhatsApp Business. Planen Sie außerdem ein, Nachrichten zeitnah zu beantworten. Ein Kanal, auf dem tagelang niemand reagiert, wirkt unprofessionell.

Live-Chat auf der Webseite

Ein Live-Chat-Fenster ermöglicht es Besuchern, direkt auf der Seite Fragen zu stellen. Dafür binden Sie in der Regel einen externen Dienst ein, etwa Tawk.to oder Crisp. Anders als beim WhatsApp-Link lädt dabei meist schon beim Seitenaufruf ein Skript des Anbieters, und es können Daten wie die IP-Adresse an den Anbieter übertragen werden. Auch hier gilt: Ein Chat lohnt sich nur, wenn jemand zeitnah antwortet.

Datenschutz bei WhatsApp und Live-Chat

Messenger und Chat-Dienste sind datenschutzrechtlich relevant. Diese Punkte sollten Sie beachten:

• WhatsApp in der Datenschutzerklärung: Wer Ihnen über WhatsApp schreibt, übermittelt Daten an WhatsApp bzw. den Mutterkonzern Meta; dabei können Daten in die USA gelangen. Weisen Sie in Ihrer Datenschutzerklärung darauf hin und verlinken Sie die Datenschutzhinweise von WhatsApp.
• Bewusste Entscheidung ermöglichen: Beschriften Sie den Button eindeutig, etwa „Per WhatsApp schreiben“, damit klar ist, dass Besucher einen externen Dienst nutzen. Optional blenden Sie den Button erst nach einer Einwilligung ein.
• Live-Chat datensparsam laden: Lädt das Chat-Skript beim Seitenaufruf, werden in der Regel personenbezogene Daten wie die IP-Adresse übertragen. Passen Sie die Datenschutzerklärung an und laden Sie den Chat gegebenenfalls erst nach Einwilligung über Ihr Cookie-Banner – oder erst, wenn Besucher auf das Chat-Symbol klicken.
• Anbieter sorgfältig wählen: Bevorzugen Sie Anbieter mit Servern in der EU oder mit DSGVO-konformen Verträgen, etwa einem Vertrag zur Auftragsverarbeitung.

Welche Angaben in die Datenschutzerklärung gehören, erklärt der Ratgeber Impressum und Datenschutz: Pflichtangaben für Webseiten. Wie Sie Einwilligungen technisch sauber umsetzen, lesen Sie unter Cookie-Banner und Tracking: Einwilligung richtig umsetzen, und was ein Vertrag zur Auftragsverarbeitung regelt, unter Datenschutz in der Praxis: AV-Vertrag, Newsletter und Co.

Checkliste: Kontaktwege richtig einbauen

1. Die Telefonnummer ist als tel:-Link im Format +49, ohne führende Null und ohne Leerzeichen hinterlegt.
2. Die klickbare Nummer steht im Header, im Footer, auf der Kontaktseite und neben dem Formular.
3. Für Besucher ist die Nummer gut lesbar formatiert und steht nicht nur in einem Bild.
4. Alle Telefon-Links sind auf dem eigenen Smartphone getestet.
5. Die E-Mail-Adresse ist als mailto:-Link verlinkt und zusätzlich als Text sichtbar.
6. Der WhatsApp-Link nutzt wa.me mit der Nummer ohne Pluszeichen, und der Button ist eindeutig beschriftet.
7. Die Datenschutzerklärung erwähnt WhatsApp und einen eventuellen Live-Chat; Chat-Skripte laden erst nach Einwilligung oder Klick.
8. Anfragen über alle Kanäle werden zeitnah beantwortet.

Fazit

Eine klickbare Telefonnummer ist schnell eingerichtet: Ein Link mit tel: und der Nummer im Format +49 ohne führende Null genügt. Ergänzen Sie sie um einen E-Mail-Link und – wenn Sie zeitnah antworten können – um WhatsApp oder einen Live-Chat. Bei Messengern und Chats gehören ein Hinweis in der Datenschutzerklärung und eine datensparsame Einbindung dazu.

Dieser Beitrag ist ein allgemeiner Überblick und ersetzt keine Rechtsberatung.