Für Smartphones klickbare Telefonnummern auf Webseiten einbauen

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… Telefonnummern klickbar machen

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.

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.

Letzte Version vom 17. Oktober 2017 von Netzgänger
Jetzt WordPress Newsletter in dein Postfach

Melde dich jetzt für meinen Newsletter an und du erhältst regelmäßig Tipps und Tricks zu WordPress in dein Postfach. Natürlich kannst du ihn jederzeit abbestellen.


27 Kommentare

  1. Oliver sagt:

    Sehr schön,
    bin gerade dabei, unsere Webseite upzudaten. Hat mir sehr geholfen…

  2. Alexandra sagt:

    Kurz und knapp erklärt wie’s geht. Funktioniert super. Danke René!

  3. Milan sagt:

    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

  4. Barbara sagt:

    danke für die perfekte lösung, genau was ich gesucht habe.

Kommentar schreiben

Mit Absenden deines Kommentars erklärst du dich mit der Verarbeitung deiner hier angegebenen Daten einverstanden (Datenschutzerklärung). Diese werden nur zur Verwaltung der Kommentare verwendet und keinem anderen Zweck zugefügt. Du kannst jederzeit per E-Mail an info@netz-gaenger.de der Speicherung deiner Daten widersprechen.

* Notwendige Angaben

Netzgänger Webdesign | Rohrersmühlstraße 22 in Schwabach | Bayern
Kontakt: info@netz-gaenger.de
↑ oben
Inhalt