Versuchst du, eine Telefonnummer auf WordPress anklickbar zu machen?

Deine Telefonnummern anklickbar zu machen ist eine großartige Möglichkeit, die Anzahl der Telefonanrufe zu erhöhen, die du über deine Website generieren kannst.

Es reduziert Reibung, wenn Personen dein Unternehmen anrufen möchten, weil sie deine Telefonnummer nicht manuell eingeben müssen. Außerdem eliminiert es auch die Möglichkeit, dass sie einen Tippfehler machen und versehentlich die falsche Nummer anrufen.

Aber wenn du schon einmal versucht hast, deine Telefonnummer in deine Website einzufügen, hast du wahrscheinlich bemerkt, dass sie standardmäßig nicht anklickbar ist.

Keine Sorge! Es gibt eine schnelle und einfache Möglichkeit, wie du Telefonnummern überall auf deiner WordPress-Website anklickbar machen kannst.

In diesem Beitrag erfährst du, wie du diese Methode verwenden kannst, um in nur wenigen Sekunden eine anklickbare Telefonnummer hinzuzufügen, und wir zeigen dir einige bewährte Methoden und WordPress-Plugins, die du verwenden kannst, um die Präsentation von Telefonnummern auf deiner Website zu verbessern.

Eine Telefonnummer mit tel: anklickbar machen (funktioniert überall in WordPress)

Hier ist der schnellste Weg, eine Telefonnummer in WordPress anklickbar zu machen – anschließend findest du noch detaillierte Anweisungen:

1. Öffne den Editor und den Inhalt, zu dem du eine anklickbare Telefonnummer hinzufügen möchtest – z. B. einen Beitrag, eine Seite, eine Seitenleiste, einen Footer, ein Menü etc.
2. Füge deine Telefonnummer als Text hinzu, wenn du dies noch nicht getan hast.
3. Markiere die Telefonnummer und klicke auf das Link-Symbol, um einen Link einzufügen.
4. Gib im Link-Feld tel: gefolgt von deiner Telefonnummer ein, ohne Leerzeichen oder Bindestriche. Zum Beispiel tel:76543210
5. Drücke die Eingabetaste oder klicke auf Anwenden, um den Link einzufügen.
6. Veröffentliche die Änderungen auf deiner Website.

Sehen wir uns diesen Prozess jetzt etwas genauer an …

So machst du eine Telefonnummer im WordPress-Editor anklickbar

Wenn du eine anklickbare Telefonnummer zu Inhalten hinzufügen möchtest, die du mit dem WordPress-Editor erstellst, ist der einfachste Weg das Hinzufügen eines Hyperlinks mit dem speziellen Format tel:.

Wir verwenden hier den WordPress-Editor und Blöcke als Beispiel, aber du kannst genauso auch im älteren klassischen TinyMCE-Editor vorgehen.

Nehmen wir an, dass dies deine Telefonnummer ist:

7654 3210

Füge zuerst die Telefonnummer direkt dort in den Inhalt ein, wo du deine anklickbare Telefonnummer haben möchtest. Du kannst sie überall auf der Seite hinzufügen, auch innerhalb anderer Inhalte. Für dieses Beispiel verwenden wir einen normalen Absatz-Block.

So könnte es aussehen:

Dann markiere die Telefonnummer und klicke auf das Link-Symbol, um einen Link einzufügen – genau so, als würdest du einen Link zu einer anderen Website oder einer anderen Seite auf deiner Website hinzufügen.

Füge die Telefonnummer im folgenden Format hinzu – ohne Bindestriche oder Leerzeichen zwischen den Zahlen:

tel:[Telefonnummer]

Zum Beispiel:

tel:76543210

Sobald du die Telefonnummer hinzugefügt hast, drücke die Eingabetaste.

Und das war’s! Du hast gerade eine anklickbare Telefonnummer hinzugefügt.

Vergiss nicht, die Seite zu veröffentlichen oder aktualisieren.

Benutzer können dann auf die Telefonnummer klicken, um einen Anruf zu tätigen.

Wenn du den internationalen Ländercode für die Telefonnummer angeben möchtest, kannst du nach tel: ein + einfügen

Zum Beispiel:

tel:+4976543210

Es ist auch erwähnenswert, dass du die Telefonnummer nicht als sichtbaren Text verwenden musst. Du kannst das tel:-Format verwenden, um mit jedem Block, der Links zulässt, ein Widget für anklickbare Telefonanrufe zu erstellen.

Zum Beispiel könntest du den Block „Buttons“ verwenden, um einen „Jetzt anrufen“-Button hinzuzufügen. Wenn du diesen Button mit tel:+4976543210 verlinkst, können Benutzer auf den Button klicken, um einen Telefonanruf zu tätigen.

Der Nachteil dieses Ansatzes ist, dass die eigentliche Telefonnummer für Benutzer nicht sichtbar ist, bis sie auf den Button klicken.

So machst du eine Telefonnummer im WordPress-Footer oder in der Seitenleiste anklickbar

Zusätzlich zu dieser Methode, Telefonnummern im regulären WordPress-Editor anklickbar zu machen, kannst du mit derselben Vorgehensweise Telefonnummern in jedem Widget-Bereich auf deiner Website anklickbar machen.

In den meisten Themes kannst du auf diese Weise anklickbare Telefonnummern zu deinem Website-Footer und/oder deiner Seitenleiste hinzufügen.

Und so funktioniert es:

1. Öffne dein WP-Admin.
2. Gehe zu Design → Widgets (wenn du ein Theme mit dieser Option verwendest).
3. Wähle den Widget-Bereich aus, zu dem du deine anklickbare Telefonnummer hinzufügen möchtest. Die verfügbaren Bereiche hängen von deinem Theme ab, aber du siehst normalerweise Optionen wie „Seitenleiste“ und „Footer“.
4. Füge deine Telefonnummer zu einem Absatz-Block hinzu.
5. Befolge die oben genannten Anweisungen, um den Link im gleichen Format tel:+4976543210 hinzuzufügen.

Hinweis: Wenn du den Bereich Design → Widgets nicht in deinem WP-Admin findest, verwendest du möglicherweise ein Theme mit Block-Unterstützung. In diesem Fall musst du den Website-Editor verwenden. Hier findest du eine vollständige Anleitung zur Verwendung des Website-Editors.

So fügst du eine anklickbare Telefonnummer zu WordPress-Menüs hinzu

Zusätzlich zu den oben genannten Methoden kann es auch Situationen geben, in denen du eine anklickbare Telefonnummer zu deinem WordPress-Menü hinzufügen möchtest.

Du kannst dies mit dem gleichen tel:-Format machen, aber das Hinzufügen des Links funktioniert etwas anders:

1. Öffne dein WP-Admin.
2. Gehe zu Design → Menüs.
3. Wähle unter Menüeinträge hinzufügen die Option Individuelle Links aus.
4. Gib das gleiche tel:-Format wie oben in das Feld URL ein – z. B. tel:+4976543210.
5. Gib den anklickbaren Text in das Feld Link-Text ein – das könnte ein CTA wie „Jetzt anrufen“ oder die Telefonnummer selbst sein.
6. Klicke auf den Button Zum Menü hinzufügen.
7. Verwende bei Bedarf Drag-and-Drop, um die Position deiner anklickbaren Telefonnummer im Menü zu ändern.
8. Klicke auf Menü speichern, um deine Änderungen zu speichern.

Hinweis: Wenn du den Bereich Design → Menüs nicht in deinem WP-Admin findest, verwendest du möglicherweise ein Theme mit Block-Unterstützung. In diesem Fall musst du den Website-Editor verwenden. Hier findest du eine vollständige Anleitung zur Verwendung des Website-Editors.

So machst du eine Telefonnummer mit HTML anklickbar

Wenn du eine anklickbare Telefonnummer zu einem Bereich hinzufügen möchtest, der nicht von den oben genannten Anweisungen abgedeckt wird, kannst du individuelles HTML verwenden.

Zum Beispiel könntest du eine anklickbare Telefonnummer direkt in die Template-Dateien deines Themes einfügen. Oder du könntest mit dieser Methode eine anklickbare Telefonnummer zu einer Nicht-WordPress-Website hinzuzufügen.

Hier ist der HTML-Code, den du benötigst:

<a href="tel:76543210">7654 3210</a> 

Um den internationalen Ländercode hinzuzufügen, kannst du dieses HTML verwenden:

<a href="tel:+4976543210">+49 7654 3210</a> 

So machst du eine Telefonnummer mit einem WordPress-Plugin anklickbar

Wenn du mehr Flexibilität möchtest, kannst du auch ein WordPress-Plugin verwenden, um eine Telefonnummer anklickbar zu machen.

Abgesehen davon, dass dies eine noch einfachere Lösung ist, bietet die Verwendung eines WordPress-Plugins für anklickbare Telefonnummern folgende Vorteile:

• „Jetzt anrufen“-Buttons: Statt die Telefonnummer nur als Text anzuzeigen (oder zusätzlich dazu), kannst du einen anklickbaren Button „Jetzt anrufen“ erstellen, der auf Mobilgeräten angezeigt wird. Benutzer können einfach auf den Button klicken, um dein Unternehmen anzurufen.
• Integration von Messaging-Apps: Du kannst auch Buttons erstellen, mit denen Benutzer dich über Messaging-Apps wie WhatsApp oder Signal kontaktieren können, anstatt über den Mobilfunkdienst anzurufen.
• Targeting-Regeln: Du kannst festlegen, dass dein Button „Jetzt anrufen“ nur in bestimmten Inhalten oder nur bestimmten Besuchern angezeigt wird (z. B. nur Personen, die deine Website mit einem Mobiltelefon aufrufen). Einige Plugins erlauben dir sogar, basierend auf dem Standort (z. B. dem Land) von Benutzern die Telefonnummer anzuzeigen, auszublenden oder eine andere Telefonnummer zu verwenden. Oder du kannst den Button nur während deiner Geschäftszeiten anzeigen.
• Analysen: Du kannst Analyse-Tracking integrieren und dadurch sehen, wie viele Personen auf deine Telefonnummer klicken. Dies gibt dir eine Vorstellung davon, wie viele Anrufe dein Unternehmen über die Website erhält, auch wenn nicht jede Person, die auf den Button klickt, tatsächlich einen Anruf tätigt.

Beliebte WordPress-Plugins für „Jetzt anrufen“-Buttons sind:

• Call Now Button
• WP Call Button
• Quick Call Button
• Buttonizer

Um ein Telefonnummer-Plugin zu installieren, benötigst du einen kostenpflichtigen, pluginfähigen WordPress.com-Tarif. Wenn du den kostenlosen Tarif, solltest du bei der oben beschriebenen Methode bleiben, da sie mit allen Tarifen funktioniert.

Best Practices für anklickbare Telefonnummern

Jetzt weißt du, wie du Telefonnummern in den verschiedensten Bereichen deiner WordPress-Website anklickbar machen kannst. Damit du diese Funktion optimal nutzen kannst, solltest du ein paar bewährte Praktiken für anklickbare Telefonnummern beachten.

Achte auf ein mobilfreundliches Design (mit „antippbaren“ Telefonnummern)

Die meisten Benutzer, die auf deiner Website eine anklickbare Telefonnummer verwenden, surfen mit Smartphones.

Deshalb ist es ein mobilfreundliches Design sehr wichtig. Achte darauf, dass deine Telefonnummern einfach angetippt werden können, da die meisten Besucher keine Maus und kein Trackpad verwenden, sondern ihre Finger.

Im Idealfall sollten Benutzer deine Telefonnummer anklicken können, ohne sie verkleinern oder vergrößern zu müssen. Wenn du einen Anrufbutton verwendest, musst du dafür möglicherweise nichts unternehmen. Aber wenn du die Text-Telefonnummer selbst anklickbar machen möchtest, solltest du die folgenden Punkte beachten:

• Schriftgröße: Verwende idealerweise 18 px, mindestens aber 16 px.
• Zeilenhöhe: Erhöhe den Zeilenabstand, idealerweise auf 1,2 oder mehr.
• Abstand zu anderen Links: Vermeide es, andere anklickbare Links zu nah bei der Telefonnummer zu platzieren, damit nicht versehentlich das falsche Element angeklickt wird.

Zusätzlich kannst du deine Telefonnummer in einem Container platzieren, um rundherum mehr Platz zu schaffen. Google bietet eine großartige Anleitung für diese und fortgeschrittenere Strategien.

Platziere Telefonnummern an leicht zugänglichen Stellen

Damit Besucher deine Telefonnummer schnell finden können, solltest du sie an gut sichtbaren und leicht zugänglichen Stellen platzieren. Hier sind ein paar gute Optionen:

• Header
• Kontaktseite
• Footer

Du kannst auch ein bisschen herumexperimentieren und die Telefonnummer in der Seitenleiste deiner Website platzieren. Denk aber daran, dass die Seitenleiste auf Mobilgeräten oft unter dem Hauptinhalt angezeigt wird, sodass sie leicht übersehen werden könnte. Das Gleiche gilt für Telefonnummern in deinem Footer.

Verwende Formatierungen und Stile, um die Sichtbarkeit zu erhöhen

Neben dem Anpassen der Schriftgröße und Zeilenhöhe kannst du auch andere Stile und Formatierungen ausprobieren, um deine Telefonnummern besser sichtbar zu machen.

Beispiele:

• Setze die Telefonnummer in einen Button, statt sie als normalen Text anzuzeigen.
• Nutze eine andere Textfarbe, um die Telefonnummer hervorzuheben.

Ein Button lenkt nicht nur die Aufmerksamkeit auf die Telefonnummer, sondern zeigt Besuchern auch direkt, dass sie anklickbar ist.

Fazit

Wenn du möchtest, dass Besucher dein Unternehmen anrufen, ist eine anklickbare Telefonnummer eine einfache Möglichkeit, Reibung zu reduzieren und sicherzustellen, dass die richtige Nummer gewählt wird.

Die einfachste Methode ist das Hinzufügen eines normalen Links mit dem speziellen Format tel:[Telefonnummer]. Damit kannst du anklickbare Telefonnummern zu Blöcken, Menüs, Widgets, im klassischen TinyMCE-Editor und auch sonst fast überall hinzufügen.

Wenn du erweiterte Funktionen ausprobieren möchtest, kannst du auch ein WordPress-Plugin für Anruf-Buttons nutzen. Dafür benötigst du einen kostenpflichtigen WordPress.com-Tarif. Die Methode mit tel:[Telefonnummer] funktioniert dagegen mit jedem WordPress.com-Tarif.

Das war’s! Jetzt weißt du, wie du Telefonnummern auf deiner Website anklickbar machst, damit deine Besucher dich ganz einfach anrufen können.