Wie man einen Click-to-Call-Button in WordPress einfügt (Schritt für Schritt)

Wenn Sie es Ihren Besuchern leicht machen, Sie zu kontaktieren, können Sie das Engagement und die Konversionsraten steigern.

Ein Click-to-Call Button auf Ihrer Website vereinfacht die Kommunikation und ermöglicht es Benutzern, sich direkt von ihrem Smartphone aus mit Ihnen in Verbindung zu setzen.

Im Laufe der Jahre haben wir verschiedene Online-Shops und Unternehmen geleitet, die täglich mit ihren Kunden kommunizieren. Dadurch haben wir gelernt, wie wir Unternehmen am besten helfen können, mit ihren Benutzern per Telefon, E-Mail und online in Kontakt zu treten.

Das erste Plugin, das in diesem Tutorial vorgestellt wird, haben wir 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 auf einfache Weise eine Click-to-Call-Schaltfläche auf Ihrer WordPress-Website hinzufügen können.

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

Viele Websites für kleine Unternehmen sind darauf angewiesen, dass Kunden mit ihnen Kontakt aufnehmen, um Angebote, Informationen vor dem Verkauf oder Unterstützung zu erhalten.

Deshalb empfehlen wir allen Website-Betreibern, ein Kontaktformular einzurichten.

Je nach Branche möchten manche Nutzer jedoch sofort mit einem Mitarbeiter sprechen.

Da der mobile Internetverkehr weltweit zunimmt, finden es die Nutzer oft bequemer, einfach auf den Bildschirm zu tippen, um die gewünschten Informationen zu erhalten.

Außerdem kann das Hinzufügen eines Click-to-Call Buttons auch Ihre SEO verbessern, indem es Ihre WordPress Website mobilfreundlicher macht.

Wenn Sie gerade erst ein Unternehmen gründen, empfehlen wir Ihnen, einen professionellen Telefondienst für Unternehmen in Betracht zu ziehen, damit Sie Anrufe weiterleiten, Nummern mit Mitarbeitern teilen und Anrufe mit Ihrem Mobiltelefon von überall aus entgegennehmen können (anstelle eines Festnetzanschlusses).

Werfen wir also einen Blick darauf, wie man in WordPress ganz einfach eine Click-to-Call-Schaltfläche einfügt:

Video-Anleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie einfach weiter.

Methode 1: Hinzufügen einer Click-to-Call-Schaltfläche in WordPress mithilfe eines Plugins

Diese Methode ist einfacher und wird für alle Benutzer empfohlen. Mit ihr können Sie ganz einfach eine Click-to-Call-Schaltfläche in Gutenberg, im klassischen Editor, im WordPress-Sidebar-Widget und sogar eine schwebende Anruftaste erstellen.

Zunächst müssen Sie das WP Call Button-Plugin auf Ihrer Website installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung besuchen Sie 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 mit dem Benutzer scrollt, während er Ihre Website durchsucht.

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

Sie müssen zunächst die Telefonnummer des Unternehmens eingeben, das Sie anrufen möchten.

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

Hinweis: Wenn Sie noch keine geschäftliche Telefonnummer haben, können Sie eine von Nextiva erhalten. Dies ist das Unternehmen, das wir für unsere geschäftlichen VoIP-Telefonanforderungen verwenden.

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

Standardmäßig fügt das Plugin einen Click-to-Call Button auf allen Seiten und Geräten hinzu. Sie können jedoch festlegen, dass sie nur auf bestimmten Seiten oder nur auf mobilen Geräten angezeigt wird.

Wenn Sie fertig sind, klicken Sie einfach auf den Aktivierungsknopf oben und dann auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Danach können Sie Ihre Website besuchen, um die Schaltfläche für den Anruf in Aktion zu sehen.

Wenn Sie eine statische Anrufschaltfläche zu Ihrer WordPress-Kontaktseite, Info-Seite oder einem anderen Beitrag/einer anderen Seite hinzufügen möchten, dann haben Sie zwei Möglichkeiten.

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

Klicken Sie anschließend 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.

WordPress Call Button-Block kommt mit vielen Anpassungsoptionen, wie die Fähigkeit, Schaltfläche Farbe, Schaltfläche Text, Schriftgröße, und die Fähigkeit zum Anzeigen oder Ausblenden des Telefon-Symbol anpassen.

Sobald Sie die Schaltfläche hinzugefügt haben, können die Benutzer darauf klicken und die Telefonnummer anrufen, die Sie auf der WP Call Button-Einstellungsseite angegeben haben.

Nachdem Sie die Schaltfläche angepasst haben, 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 der Anruftaste anpassen und auswählen, ob Sie das Telefonsymbol ein- oder ausblenden möchten.

Scrollen Sie dann nach unten und kopieren Sie den Shortcode für das Hinzufügen der Anrufschaltfläche zu einer Seite oder einem Beitrag.

Öffnen Sie dann die Seite oder den Beitrag, zu der/dem Sie die Schaltfläche hinzufügen möchten, und fügen Sie den Shortcode dort ein.

Sie haben nun erfolgreich die Anrufschaltfläche im klassischen Editor hinzugefügt.

Mit dem WP Call Button Plugin können Sie den Call Button auch in die Seitenleiste Ihrer Website einfügen, indem Sie den Sidebar Widget-Block verwenden.

Dazu müssen Sie die Seite Erscheinungsbild “ Widgets im WordPress-Administrationsbereich aufrufen 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-Ready-Bereich hinzu.

Als Nächstes können Sie das Erscheinungsbild Ihrer Anruftaste über das Blockbedienfeld auf der rechten Seite weiter anpassen.

Es gibt zum Beispiel Optionen zum Ändern der Größe des Buttons, zum Ausblenden des Telefonsymbols, zum Ausrichten des Buttons in der Mitte und zum Bearbeiten der Hintergrund- und Textfarben.

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

Nachdem Sie dies gelesen haben, können Sie wahrscheinlich sehen, warum die WP Call-Taste ist bei weitem die einfachste und umfassendste WordPress Click-to-Call-Button-Plugin auf dem Markt.

Das Beste daran ist, dass es zu 100 % kostenlos ist und sich nahtlos in Google Analytics integrieren lässt.

Alles, was Sie tun müssen, ist das MonsterInsights Plugin zu verwenden, und es wird automatisch verfolgen, wie viele Leute auf Ihren Call Button klicken und welche Seiten Ihnen die meisten Leads bringen, so dass Sie sich darauf konzentrieren können, was funktioniert, um Ihr Geschäft schneller zu vergrößern!

Methode 2: Manuelles Hinzufügen des Click to Call-Buttons in WordPress

Mit dieser Methode können Sie Click-to-Call Buttons und Links an beliebiger Stelle in Ihrem WordPress-Blog manuell hinzufügen.

Am einfachsten fügen Sie eine anklickbare Telefonnummer auf Ihrer Website ein, indem Sie sie wie folgt hinzufü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 mobilen Geräten. Auf Desktop-Computern sehen Mac-Nutzer eine Option zum Öffnen des Links in Facetime, während Windows 10/11-Nutzer die Option zum Öffnen in Skype sehen.

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

Schauen wir uns an, wie man das macht.

Zunächst müssen Sie die Seite Medien “ Neu hinzufügen aufrufen und das gewünschte Bild hochladen. Nachdem Sie das Bild hochgeladen haben, müssen Sie auf den Link „Bearbeiten“ klicken, um fortzufahren.

Dadurch gelangen Sie zum Bildschirm „Medien bearbeiten“, wo Sie die URL der Datei kopieren müssen. Sie werden sie im nächsten Schritt benötigen.

Sie können jetzt den Beitrag, die Seite oder das benutzerdefinierte HTML-Widget bearbeiten, in dem Sie das Click-to-Call-Telefonsymbol anzeigen möchten. Im Bearbeitungsbereich können Sie jetzt das Bild des Telefonsymbols in den tel: Link einfügen.

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

Danach können Sie Ihre Website besuchen, um den Click-to-Call-Link mit dem von Ihnen hochgeladenen Bild zu sehen.

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

So sieht es auf unserer Demo-Website aus.

Hinzufügen eines Click-to-Call-Links zu WordPress-Navigationsmenüs

Sie können den Click-to-Call-Link auch in Ihr WordPress-Navigationsmenü aufnehmen.

Besuchen Sie einfach die Seite Erscheinungsbild “ Menüs und klicken Sie in der rechten Spalte auf die Registerkarte Benutzerdefinierte Links. Jetzt können Sie die Telefonnummer in das Linkfeld im folgenden Format einfügen:

tel:+155555555

Fügen Sie dann den gewünschten Text hinzu und klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“.

Besuchen Sie anschließend Ihre Website, um Ihren Click-to-Call-Link in Aktion zu sehen.

Wenn Sie jedoch ein blockbasiertes Theme verwenden, müssen Sie die Seite Erscheinungsbild “ Editor in der Seitenleiste der WordPress-Verwaltung aufrufen.

Dadurch wird der vollständige Site-Editor aufgerufen, in dem Sie „Header“ als den Teil der Vorlage auswählen, den Sie bearbeiten möchten.

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

Klicken Sie hier 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 Eingabetaste, um sie dem Navigationsmenü hinzuzufügen.

Wenn Sie das getan haben, können Sie die Beschriftung in der Blocktafel in der rechten Ecke des Bildschirms ändern.

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

Nutzer, die auf den Link „Call Me“ in Ihrem Navigationsmenü klicken, können Sie nun erreichen.

Bonus: Hinzufügen einer WhatsApp-Chatbox in WordPress

Wenn Sie keine Zeit haben, Kundenanrufe entgegenzunehmen, können Sie eine einfache WhatsApp-Chatbox auf Ihrer Website einrichten, in der Besucher ihre Nachrichten hinterlassen können. Sie können ihnen dann per Text antworten, anstatt sie anzurufen.

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

Um eine WhatsApp-Chatbox hinzuzufügen, müssen Sie das Click to Chat-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Nach der Aktivierung besuchen Sie einfach die Registerkarte „Click to Chat “ auf dem WordPress-Dashboard und geben Sie Ihre geschäftliche Telefonnummer ein. Dies ist die Nummer, unter der Sie Nachrichten von Nutzern erhalten werden.

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

Klicken Sie anschließend 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 nicht an einem Telefonanruf teilnehmen möchten.

Ausführlichere Anweisungen finden Sie in unserem Tutorial zum Hinzufügen von WhatsApp-Chatbox und Share-Button in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man einen Click-to-Call Button in WordPress einfügt. Vielleicht interessiert Sie auch unsere Anleitung für Anfänger, wie man eine kostenlose geschäftliche E-Mail-Adresse erstellt, oder unsere Expertenauswahl der besten Plugins für SMS-Marketing.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.