So fügen Sie eine Click-to-Call-Schaltfläche in WordPress hinzu (Schritt für Schritt)

Das Hinzufügen eines Click-to-Call-Buttons auf Ihrer Website erleichtert es Benutzern, Sie von ihren Smartphones aus zu kontaktieren, was zu besserem Engagement und höheren Konversionsraten führt.

Wir haben verschiedene Online-Shops und Unternehmen betrieben, die täglich mit Kunden kommunizieren. Dies hat uns die besten Wege gelehrt, um Unternehmen dabei zu helfen, über Telefon, E-Mail und online mit ihren Nutzern in Kontakt zu treten.

Tatsächlich haben wir das erste Plugin, das in diesem Tutorial vorgestellt wird, entwickelt, weil wir einen wachsenden Bedarf an einer einfachen und effektiven Click-to-Call-Lösung sahen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Click-to-Call-Button auf Ihrer WordPress-Website hinzufügen können.

Warum eine Click-to-Call-Schaltfläche in WordPress hinzufügen?

Viele kleine Unternehmen verlassen sich darauf, dass Kunden sie für Angebote, Vorverkaufs-Informationen oder Support kontaktieren.

Deshalb empfehlen wir das Hinzufügen eines Kontaktformulars für alle Website-Besitzer.

Je nach Branche möchten einige Benutzer jedoch sofort mit einer Person sprechen.

Da der mobile Webverkehr weltweit zunimmt, finden es Benutzer oft bequemer, einfach anzutippen, um anzurufen und die benötigten Informationen zu erhalten.

Außerdem kann das Hinzufügen einer Click-to-Call-Schaltfläche Ihre SEO verbessern, indem Ihre WordPress-Website mobilfreundlicher wird

Wenn Sie gerade ein Unternehmen gründen, empfehlen wir Ihnen, sich einen professionellen Geschäftstelefonservice anzusehen, damit Sie Anrufweiterleitungen einrichten, Nummern mit Mitarbeitern teilen und Anrufe von überall mit Ihrem Mobiltelefon entgegennehmen können (anstelle einer Festnetzleitung).

Lassen Sie uns nun sehen, wie Sie ganz einfach einen Click-to-Call-Button in WordPress hinzufügen können:

• Methode 1: Hinzufügen eines Click-to-Call-Now-Buttons in WordPress
• Methode 2: Manuelles Hinzufügen der Click-to-Call-Schaltfläche in WordPress
• Einen Click-to-Call-Link zu WordPress-Navigationsmenüs hinzufügen
• Bonus: WhatsApp-Chatbox in WordPress hinzufügen
• Video-Tutorial

Methode 1: Hinzufügen eines Click-to-Call-Now-Buttons in WordPress

Diese Methode ist einfacher und wird für alle Benutzer empfohlen. Sie ermöglicht es Ihnen, ganz einfach eine Click-to-Call-Schaltfläche in Gutenberg, im Classic Editor, in einem WordPress-Sidebar-Widget und sogar als feste schwebende Anruftaste zu erstellen.

Zuerst müssen Sie das WP Call Button Plugin auf Ihrer Website installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Besuchen Sie nach der Aktivierung die Seite Einstellungen » WP Call Button in der WordPress-Admin-Seitenleiste, um die Plugin-Einstellungen zu konfigurieren.

Die erste Einstellungsseite ist für die am häufigsten nachgefragte Funktion, den Sticky Call Button, der beim Surfen auf Ihrer Website mit dem Benutzer scrollt.

Diese hochgradig konversionsoptimierte Funktion hilft Ihnen, mehr Anrufe zu erhalten und schneller mehr Geschäfte abzuschließen.

Sie müssen damit beginnen, die Geschäftsnummer einzugeben, die Leute anrufen sollen.

Das WP Call Button-Plugin verwendet das Smartphone-Feld, was bedeutet, dass Sie einfach Ihr Land auswählen können und es automatisch den Ländercode im richtigen Format hinzufügt.

Als Nächstes haben Sie die Möglichkeit, den Text des Anrufbuttons hinzuzufügen, die Positionierung auszuwählen und die Farbe des Buttons zu wählen.

Standardmäßig fügt das Plugin auf allen Seiten und Geräten eine Click-to-Call-Schaltfläche hinzu. Sie können jedoch wählen, ob sie nur auf bestimmten Seiten oder nur auf Mobilgeräten angezeigt werden soll.

Sobald Sie fertig sind, klicken Sie einfach auf den Aktivierungs-Schalter oben und dann auf die Schaltfläche 'Änderungen speichern', um Ihre Einstellungen zu speichern.

Danach können Sie Ihre Website besuchen, um den Anruf-Button in Aktion zu sehen.

Wenn Sie eine statische Anruftaste zu Ihrer WordPress Kontaktseite, Über-uns-Seite oder einem anderen Beitrag/einer anderen Seite hinzufügen möchten, haben Sie zwei Möglichkeiten.

Wenn Sie den WordPress Block-Editor verwenden, erstellen oder bearbeiten Sie einfach eine vorhandene Seite.

Klicken Sie als Nächstes auf die Schaltfläche 'Block hinzufügen' in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen. Fügen Sie von hier aus den WP Call Button-Block zur Seite hinzu.

Der WordPress Call Button Block bietet viele Anpassungsoptionen, wie z. B. die Möglichkeit, die Schaltflächenfarbe, den Schaltflächentext, die Schriftgröße und das Ein- oder Ausblenden des Telefonsymbols anzupassen.

Sobald Sie die Schaltfläche hinzufügen, können Benutzer auf die von Ihnen auf der WP Call Button-Einstellungsseite angegebene Telefonnummer klicken und diese anrufen.

Nach der Anpassung der Schaltfläche klicken Sie einfach auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Einstellungen zu speichern.

Wenn Sie den klassischen WordPress-Editor verwenden, müssen Sie den Static Call Button-Generator verwenden, um einen Shortcode zu erhalten.

Gehen Sie einfach zu Einstellungen » WP Call Button und klicken Sie oben auf das Menü 'Static Call Button'.

Als Nächstes können Sie den Text und die Farbe des Anrufbuttons anpassen und auswählen, ob Sie das Telefonsymbol anzeigen oder ausblenden möchten.

Scrollen Sie danach nach unten und kopieren Sie den Shortcode zum Hinzufügen der Anruftaste zu einer Seite oder einem Beitrag.

Öffnen Sie als Nächstes die Seite oder den Beitrag, zu dem Sie den Button hinzufügen möchten, und fügen Sie den Shortcode dort ein.

Sie haben nun erfolgreich die Anruftaste im klassischen Editor hinzugefügt.

Das WP Call Button-Plugin ermöglicht es Ihnen auch, die Anruftaste mit dem Seitenleisten-Widget-Block in Ihrer Website-Seitenleiste hinzuzufügen.

Um dies zu tun, müssen Sie die Seite Darstellung » Widgets im WordPress-Adminbereich besuchen und auf die Schaltfläche '+' klicken, um das Blockmenü zu öffnen.

Fügen Sie von hier aus den WP Call Button-Block zu Ihrem Widget-Bereich hinzu.

Anschließend können Sie das Erscheinungsbild Ihrer Anruftaste über die Blockleiste auf der rechten Seite weiter anpassen.

Es gibt beispielsweise Optionen, um die Schaltflächengröße zu ändern, das Telefonsymbol auszublenden, die Schaltfläche mittig auszurichten und die Hintergrund- und Textfarben zu bearbeiten.

Wenn Sie die Änderungen vorgenommen haben, vergessen Sie nicht, auf die Schaltfläche 'Aktualisieren' zu klicken.

Nach dem Lesen werden Sie wahrscheinlich verstehen, warum der WP Call Button das mit Abstand einfachste und umfassendste WordPress-Plugin für Click-to-Call-Buttons auf dem Markt ist.

Das Beste daran ist, dass es zu 100 % kostenlos ist und nahtlos mit Google Analytics integriert ist.

Alles, was Sie tun müssen, ist das MonsterInsights Plugin zu verwenden, und es wird automatisch verfolgen, wie viele Personen auf Ihren Anruf-Button klicken und welche Seiten Ihnen die meisten Leads bringen, damit Sie sich darauf konzentrieren können, was funktioniert, um Ihr Geschäft schneller auszubauen!

Methode 2: Manuelles Hinzufügen der Click-to-Call-Schaltfläche in WordPress

Diese Methode ermöglicht es Ihnen, Anruf-Buttons und Links manuell überall auf Ihrem WordPress-Blog hinzuzufügen.

Der einfachste Weg, eine anklickbare Telefonnummer zu Ihrer Website hinzuzufügen, ist, sie wie folgt hinzuzufügen:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Diese Links öffnen die Telefon-App auf Mobilgeräten. Auf Desktop-Computern sehen Mac-Benutzer die Option, den Link in Facetime zu öffnen, während Windows 10/11-Benutzer die Option sehen, ihn in Skype zu öffnen.

Sie können auch HTML verwenden, um ein Bild oder ein Symbol neben dem Click-to-Call-Textlink hinzuzufügen.

Schauen wir uns an, wie das geht.

Zuerst müssen Sie die Seite Medien » Neu hinzufügen besuchen und das Bild hochladen, das Sie verwenden möchten. Nach dem Hochladen des Bildes müssen Sie auf den Link „Bearbeiten“ klicken, um fortzufahren.

Dies bringt Sie zum Bildschirm zum Bearbeiten von Medien, wo Sie die Date-URL kopieren müssen. Sie benötigen sie im nächsten Schritt.

Sie können nun den Beitrag, die Seite oder das benutzerdefinierte HTML-Widget bearbeiten, auf dem Sie das Click-to-Call-Telefonsymbol anzeigen möchten. Im Bearbeitungsbereich können Sie nun das Telefonsymbolbild hinzufügen, das in den tel:-Link eingebettet ist.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

Sobald Sie fertig sind, können Sie Ihre Website besuchen, um den Click-to-Call-Link mit dem von Ihnen hochgeladenen Bild anzuzeigen.

Sie können dies weiter anpassen, indem Sie zusätzlichen Text vor oder nach dem Link hinzufügen und benutzerdefiniertes CSS verwenden, um ihn zu gestalten.

So sieht das auf unserer Demowebsite aus.

Einen Click-to-Call-Link zu WordPress-Navigationsmenüs hinzufügen

Sie können den Click-to-Call-Link auch zu Ihrem WordPress-Navigationsmenü hinzufügen.

Besuchen Sie einfach die Seite Darstellung » Menüs und klicken Sie in der rechten Spalte auf den Tab Benutzerdefinierte Links. Nun können Sie die Telefonnummer im Linkfeld im folgenden Format hinzufügen:

tel:+155555555

Fügen Sie danach den Text hinzu, den Sie anzeigen möchten, und klicken Sie dann auf die Schaltfläche „Zum Menü hinzufügen“.

Besuchen Sie als Nächstes Ihre Website, um Ihren Click-to-Call-Link in Aktion zu sehen.

Wenn Sie jedoch ein blockbasiertes Theme verwenden, müssen Sie die Seite Darstellung » Editor in der Seitenleiste des WordPress-Adminbereichs besuchen.

Dies öffnet den vollständigen Website-Editor, in dem Sie 'Header' als den Vorlagenteil auswählen müssen, den Sie bearbeiten möchten.

Danach werden Sie zum nächsten Bildschirm weitergeleitet, auf dem Ihr WordPress-Header angezeigt wird.

Klicken Sie von hier aus auf das Symbol „Bearbeiten“, um mit der Anpassung Ihres Navigationsmenüs zu beginnen.

Klicken Sie dann auf die Schaltfläche „+“ in Ihrem Navigationsmenü, um die Eingabeaufforderung „Link hinzufügen“ zu öffnen.

Geben Sie hier einfach Ihre Telefonnummer ein und drücken Sie dann die Taste 'Enter', um sie zum Navigationsmenü hinzuzufügen.

Sobald Sie dies getan haben, können Sie dessen Bezeichnung im Block-Panel in der rechten Ecke des Bildschirms ändern.

Klicken Sie abschließend auf die Schaltfläche „Speichern“ oben, um Ihre Einstellungen zu speichern.

Jetzt können Benutzer, die auf den Link „Rufen Sie mich an“ in Ihrem Navigationsmenü klicken, Sie erreichen.

Bonus: WhatsApp-Chatbox in WordPress hinzufügen

Wenn Sie keine Zeit haben, Anrufe von Kunden entgegenzunehmen, können Sie Ihrer Website eine einfache WhatsApp-Chatbox hinzufügen, in der Besucher ihre Nachrichten hinterlassen können. Sie können ihnen dann per Text und nicht per Anruf antworten.

Dies kann für Kundenanfragen von Vorteil sein, da über 2 Milliarden Menschen WhatsApp zum Messen nutzen.

Um eine WhatsApp-Chatbox hinzuzufügen, müssen Sie das Click to Chat Plugin installieren und aktivieren. Details finden Sie in unserem Anfängerleitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung besuchen Sie einfach den Menüpunkt Click to Chat im WordPress-Dashboard und geben Sie Ihre Geschäfts-Telefonnummer ein. Dies ist die Nummer, unter der Sie Nachrichten von Benutzern erhalten.

Sie können dann den Chatbot anpassen und die Beiträge oder Seiten auswählen, auf denen Sie ihn für Kunden anzeigen möchten. Sobald Sie fertig sind, besuchen Sie einfach den Block-Editor und fügen Sie den Shortcode für den WhatsApp-Chatbot hinzu.

Klicken Sie danach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Einstellungen zu speichern.

Sie haben nun erfolgreich eine WhatsApp-Chatbox hinzugefügt, in der Benutzer Nachrichten hinterlassen können, wenn sie keinen Anruf entgegennehmen möchten.

Detailliertere Anweisungen finden Sie in unserem Tutorial unter wie Sie WhatsApp-Chatbox und Share-Buttons in WordPress hinzufügen.

Video-Tutorial

Wenn Sie schriftliche Anweisungen nicht mögen, können Sie sich unser Video-Tutorial ansehen:

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine Click-to-Call-Schaltfläche in WordPress hinzufügen. Möglicherweise möchten Sie auch unseren Anfängerleitfaden zum Erstellen einer kostenlosen geschäftlichen E-Mail-Adresse oder unsere Expertenauswahl der besten SMS-Marketing-Plugins sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.