Seit es Smartphones gibt, müssen Webdesigner und Webseitenbetreiber auch diese Endgeräte in ihre Überlegungen mit einbeziehen um Inhalte optimal darzustellen. So ist es zum Beispiel möglich, Telefonnummern so auszuzeichnen, dass sie direkt angeklickt und angewählt werden können. So geht’s…
Inhaltsverzeichnis:
Telefonnummern klickbar machen mit dem <a>-Tag
Am einfachsten kann man einzelne Telefonnummern direkt mit HTML klickbar machen. Wichtig: Es ist darauf zu achten, dass die erste 0 der Vorwahl z.B. durch ein +49 in Deutschland (oder jeweils die passende Durchwahl in anderen Ländern) ersetzt werden muss. Der Code des Links sieht dann so aus:
<a href="tel:+4915111223344">+49 (0)151 11 22 33 44</a>
Das war’s auch schon. Durch den Zusatz „tel:“ im <a>-Tag können beispielsweise Android Handys und iPhones Telefonnummern direkt in die Telefon-App übernehmen. Somit wird der Anruf nicht zum lästigen Nummernkopieren.
Skype Links für Smartphones auf Webseiten bereitstellen
Das gleiche geht übrigens auch mit Skypeanrufen:
<a href="skype:username?call">skype:username</a>
Klickbare Telefonnummern automatisch in WordPress einfügen
In WordPress kann man es sich leicht machen und das Umschreiben einer Telefonnummer mithilfe eines Plugins lösen. Hier bietet sich beispielsweise das Plugin Telephone Number Linker an. Dieser übernimmt für den Webseitenbetreiber das lästige Auszeichnen von Telefonnummern, um sie für Smartphones klickbar zu machen. Fazit: Klickbare Telefonnummern lassen sich leicht auf WordPress-Webseiten oder anderen Websites einrichten. Per Plugin oder direkt per HTML Tags. Einziger Nachteil: Desktop User die Firefox oder den IE nutzen können die Telefonnummern auch klicken und bekommen ggfs. eine Fehlermeldung.
Andreas
Danke für den tollen Tipp! Gibt es einen Code mit dem man eine Mobilnummer knickbar macht und sich WhatsApp öffnet?
René Dasbeck Post author
Es gibt Whatsapp Plugins für WordPress. Da vielleicht mal schauen.
Duschwannen-Kapazunder
Für mich als Laien ist das eine super Anleitung. Allerdings stellt sich mir grade noch die Frage ob es wohl auch möglich wäre einen Telefon und Skype Link auf die selbe Nummer zu legen, ohne dass meine Telefonnummer am Ende zwei mal untereinander steht.
Danke schon mal für die Antwort!
René Dasbeck Post author
Ich glaube nicht, dass das geht. Am Ende sind das 2 unterschiedliche Links.
Marek
Supi, vielen lieben Dank, genau das brauchte ich für mein Kontaktform 😀
DJ Hochzeit
Vielen Dank für den Artikel – hat mir sehr geholfen! VG
Oliver
Sehr schön,
bin gerade dabei, unsere Webseite upzudaten. Hat mir sehr geholfen…
Alexandra
Kurz und knapp erklärt wie’s geht. Funktioniert super. Danke René!
Milan
Hallo !
Meine frage wäre, wie kann ich zum bsp. wenn es ein button gibt wo „anrufen“ steht sofort schon zur leitung komme und nicht nochmal extra tippen muss um dann wirklich anzurufen .
Hoffe man versteht mich 🙂
Freue mich schon auf Antworten .
Lg
Barbara
danke für die perfekte lösung, genau was ich gesucht habe.