So fügen Sie Ihrer Website einen Click-to-Call-Button für WordPress hinzu

Veröffentlicht: 2019-01-21

Hier bei HeroThemes haben wir uns viel Mühe gegeben, qualitativ hochwertige WordPress-Wissensdatenbankthemen und Plugins zu erstellen, die dafür sorgen, dass die Besucher Ihrer Website Sie nicht um Hilfe bitten müssen.

Die Leute werden jedoch immer noch telefonischen Support benötigen, und es gibt auch viele Gründe, warum Sie es den Besuchern Ihrer Website leicht machen möchten, Sie anzurufen.

Aber wenn Leute auf einem mobilen Gerät surfen, möchten Sie sie auf keinen Fall dazu bringen, Ihre Telefonnummer selbst einzugeben oder zu versuchen, auf eine winzige Telefonnummer zu klicken. Stattdessen ist eine Click-to-Call-Schaltfläche eine viel bessere Option.

In diesem Beitrag zeigen wir Ihnen, wie Sie WordPress Click-to-Call-Funktionalität zu Ihrer Website hinzufügen können, indem Sie sowohl einige einfache kostenlose Plugins als auch Ihr eigenes HTML verwenden. Unabhängig von Ihrem technischen Kenntnisstand können Sie mitmachen und einen großartig aussehenden Click-to-Call-Button erstellen.

Sollten Sie ein Click-to-Call-Plugin oder HTML verwenden?

Die Verwendung eines Plugins ist der einfachste Weg, um etwas zu erstellen, das großartig aussieht. Wenn Sie also etwas wollen, das sofort „einfach funktioniert“, wäre das ein guter Grund, den Plugin-Weg zu gehen. Sie sind jedoch darauf beschränkt, Ihre Anrufschaltfläche nur an den Orten anzuzeigen, die das Plugin unterstützt.

Wenn Sie Ihre Click-to-Call-Schaltfläche überall auf Ihrer Website hinzufügen möchten oder einfach keine Lust haben, ein anderes Plugin zu verwenden, ist das Hinzufügen der Click-to-Call-Funktionalität mit Ihrem eigenen HTML fast so einfach wie das Einfügen eines Hyperlinks ziemlich benutzerfreundlicher Ansatz. Sie müssen jedoch wahrscheinlich einige grundlegende benutzerdefinierte CSS hinzufügen, damit es gut aussieht, was Sie im Hinterkopf behalten sollten.

In dieser Anleitung zeigen wir Ihnen beide Methoden . Fangen wir an, beginnend mit der Plugin-Route…

Ansatz 1: Verwenden Sie ein kostenloses WordPress Click-to-Call-Button-Plugin

Es gibt mehrere verschiedene WordPress Click-to-Call-Plugins, aber wir zeigen Ihnen Schritt-für-Schritt-Anleitungen für nur drei davon:

  • Wirklich einfache Click-to-Call-Leiste – Anstatt eine eigenständige Schaltfläche hinzuzufügen, fügt dieses Plugin eine ganze Leiste am unteren Rand der Bildschirme mobiler Besucher hinzu. Wenn Sie es wirklich offensichtlich/einfach machen möchten, dass die Leute Sie anrufen, ist dies eine gute Option.
  • Schaltfläche „Jetzt anrufen“ – Zusätzlich zu einer vollen Leiste wie dem obigen Plug-in können Sie mit diesem Plug-in auch eher eine Anruftaste im Stil einer schwebenden Aktionsschaltfläche verwenden.
  • Call Now Button Ultimate – dieses Plugin fügt die gleiche „Jetzt anrufen“-Bodenleiste hinzu. Aber das Einzigartige ist, dass Sie „Öffnungszeiten“ festlegen können, wenn Sie telefonisch erreichbar sind. Außerhalb der Geschäftszeiten fordert die Schaltfläche Besucher auf, eine E-Mail zu senden, anstatt anzurufen.

Wirklich einfaches Click-to-Call-Bar-Plugin-Tutorial

Dieses Plugin ist kostenlos und auf WordPress.org verfügbar, sodass Sie es direkt von Ihrem WordPress-Dashboard installieren können, indem Sie zu Plugins → Add New gehen.

Nachdem Sie das Plugin installiert und aktiviert haben, gehen Sie zu Einstellungen → Really Simple Click to Call , um das Plugin zu konfigurieren. Dort kann man:

  • Aktivieren Sie die Click-to-Call-Button-Funktionalität
  • Fügen Sie neben Ihrer Anrufschaltfläche einen Text-CTA hinzu
  • Wählen Sie die Telefonnummer, die Besucher anrufen werden
  • Konfigurieren Sie die Farben, die auf Ihrer Click-to-Call-Schaltfläche verwendet werden

Wirklich einfache Click-to-Call-Bar-Plugin-Einstellungen

Speichern Sie dann Ihre Änderungen, um Ihre Schaltfläche live zu schalten. Diese Schaltfläche wird nur mobilen Besuchern angezeigt, Sie sehen sie also nicht, wenn Sie von einem Desktop-Computer aus surfen.

Hier ist ein Beispiel dafür, wie es auf dem Handy aussehen könnte:

Beispiel für ein wirklich einfaches Click-to-Call-Bar-Plugin

Call Now Button Plugin-Tutorial

Wie oben erwähnt, ist das Call Now Button-Plugin etwas flexibler, da es Ihnen zusätzlich zum Call Now Bar-Ansatz auch die Verwendung einer Floating-Action-Call-Now-Schaltfläche ermöglicht.

Wie die anderen ist es bei WordPress.org gelistet, was bedeutet, dass Sie es installieren können, indem Sie zu Plugins → Add New gehen.

Sobald Sie das Plugin installiert und aktiviert haben, gehen Sie zu Einstellungen → Schaltfläche „Jetzt anrufen“ , um das Plugin zu konfigurieren.

Oben können Sie:

  • Aktivieren Sie die Schaltfläche
  • Geben Sie die Telefonnummer ein, die Besucher anrufen werden
  • Wählen Sie den Schaltflächentext ( falls gewünscht )

Einstellungen für die Schaltfläche „Jetzt anrufen“.

Sie können auch weitere Einstellungen anzeigen, indem Sie auf den Link Erweiterte Einstellungen klicken. Auf diese Weise können Sie die Positionierung und Farben ändern, Klick-Tracking hinzufügen und vieles mehr:

Erweiterte Einstellungen des Call Now Button Plugins

Sobald Ihre Schaltfläche aktiviert ist, wird sie nur mobilen Besuchern angezeigt, sodass Sie sie auf einem mobilen Gerät in der Vorschau anzeigen müssen, um sie in Aktion zu sehen.

Hier ist ein Beispiel von unserer Website für den Ansatz mit schwebenden Aktionstasten:

Beispiel für das Plug-in „Jetzt anrufen“-Schaltfläche

Call Now Button Ultimatives Plugin-Tutorial

Das Einzigartige am Call Now Button Ultimate-Plugin ist, dass Sie auswählen können, zu welchen Zeiten Sie möchten, dass Besucher Sie anrufen können. Außerhalb der Geschäftszeiten, wenn Ihre Telefonnummer nicht verfügbar ist, können Sie Besuchern eine Aufforderung anzeigen, stattdessen eine E-Mail zu senden.

Wie die anderen können Sie dieses kostenlose Plugin installieren und aktivieren, indem Sie in Ihrem WordPress-Dashboard zu Plugins → Neu hinzufügen gehen.

Sobald Sie dies getan haben, gehen Sie zum Bereich Call Now Button Ultimate in Ihrem WordPress-Dashboard, um es einzurichten.

Oben können Sie das Plugin aktivieren und Ihre Telefonnummer und E-Mail-Adresse eingeben:

Call Now Button Ultimate Plugin Grundeinstellungen

Dann können Sie weiter unten auf der Seite Ihre Betriebszeiten eingeben und den Text und die Farben der Schaltflächen konfigurieren:

Call Now Button Ultimate Plugin Erweiterte Einstellungen

Wie die anderen Plugins wird Ihre Jetzt anrufen-Schaltfläche nur für mobile Besucher angezeigt.

So sieht es während Ihrer Öffnungszeiten aus:

Call Now Button Ultimate Plugin Beispiel während Stunden

Und so sieht es außerhalb Ihrer Öffnungszeiten aus:

Call Now Button Ultimate Plugin-Beispiel außerhalb der Geschäftszeiten

Ansatz 2: WordPress Click-to-Call-HTML-Button

Alternativ zu den Click-to-Call-WordPress-Plugins können Sie auch Ihr eigenes Click-to-Call-HTML verwenden, um eine Schaltfläche zu erstellen. Der Vorteil dieses Ansatzes besteht darin, dass Sie Ihre Schaltfläche überall auf Ihrer Website hinzufügen können.

Um eine solche Schaltfläche zu erstellen, können Sie einfach einen normalen Hyperlink verwenden und Ihre Telefonnummer in das tel:-Schema einschließen.

So sieht es aus – Sie müssen nur die Beispieltelefonnummer durch Ihre eigene ersetzen und den Text-CTA nach Bedarf bearbeiten:

<a href="tel:+1-123-456-7890">Call HeroThemes!</a>

Das ist alles dazu!

Wenn Sie möchten, können Sie anstelle eines normalen Hyperlinks Ihr eigenes benutzerdefiniertes CSS verwenden, um eine Schaltfläche zu erstellen.

Sie könnten beispielsweise diesen HTML-Code verwenden:

<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>

Dann könnten Sie Ihrer WordPress-Site benutzerdefiniertes CSS hinzufügen, um daraus eine Schaltfläche zu machen. Beispielsweise:

.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}

Klicken Sie hier, um das HTML-Beispiel aufzurufen

Sie können benutzerdefiniertes CSS sicher über den WordPress Customizer oder ein kostenloses Plugin wie Simple CSS hinzufügen.

Denken Sie jedoch daran. Standardmäßig ist Ihre Click-to-Call-HTML-Schaltfläche für alle Besucher sichtbar, auch für Besucher auf Desktop-Computern.

Wenn Sie das ändern möchten, können Sie CSS-Medienabfragen verwenden, um die Schaltfläche nur auf mobilen Geräten anzuzeigen. Dieses Snippet blendet beispielsweise die Schaltfläche auf Bildschirmen mit einer Breite von über 600 Pixel aus:

@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}

Beginnen Sie noch heute mit der Verwendung Ihrer WordPress Click-to-Call-Schaltfläche!

Unabhängig davon, ob Sie ein Plugin oder Ihr eigenes benutzerdefiniertes HTML verwenden, ist es einfach, eine Click-to-Call-Schaltfläche in WordPress zu erstellen.

Mit Ihrem Button wird es für mobile Besucher einfacher als je zuvor, mit Ihnen in Kontakt zu treten.

Denken Sie daran, dass Telefonanrufe die Personalressourcen stark beanspruchen.

Wenn Sie die Anzahl der Anrufe, die Sie erhalten, reduzieren möchten, können Besucher durch die Erstellung einer WordPress-Wissensdatenbank oder eines FAQ-Bereichs die Hilfe erhalten, die sie benötigen, ohne dass ein persönlicher Telefonsupport erforderlich ist. Und das kann Ihnen eine Menge Zeit und Mühe sparen.

Erfahren Sie, wie Sie mit unserem Heroic Knowledge Base-Plugin, unserem KnowAll-Design oder unserem Heroic FAQs-Plugin beginnen können.