So fügen Sie eine WordPress Click To Call-Schaltfläche auf Ihrer Website hinzu

Hier bei HeroThemes haben wir viel Mühe in die Entwicklung von hochwertigen WordPress-Wissensdatenbank-Themes und -Plugins gesteckt, die dafür sorgen, dass die Besucher Ihrer Website Sie nicht um Hilfe bitten müssen.

Es gibt jedoch immer noch Menschen, die telefonischen Support benötigen, und es gibt auch viele Gründe, die nicht mit dem Support zu tun haben, weshalb Sie es den Besuchern Ihrer Website leicht machen sollten, Sie anzurufen.

Aber wenn die Leute auf einem mobilen Gerät surfen, ist das Letzte, was Sie wollen, dass sie Ihre Telefonnummer selbst eintippen oder versuchen müssen, auf eine winzige Telefonnummer zu klicken. Stattdessen ist eine Schaltfläche zum Anrufen eine viel bessere Option.

In diesem Beitrag zeigen wir Ihnen, wie Sie die Click-to-Call-Funktionalität von WordPress zu Ihrer Website hinzufügen können, indem Sie einige einfache kostenlose Plugins oder Ihr eigenes HTML verwenden. Unabhängig von Ihren technischen Kenntnissen werden Sie in der Lage sein, dem Beitrag zu folgen und eine gut aussehende Click-to-Call-Schaltfläche zu erstellen.

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

Die Verwendung eines Plugins ist der einfachste Weg, etwas zu erstellen, das gut aussieht. Wenn Sie also etwas wollen, das sofort "funktioniert", wäre das ein guter Grund, sich für ein Plugin zu entscheiden. Allerdings können Sie Ihre Anrufschaltfläche nur an den Stellen anzeigen, die das Plugin unterstützt.

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

In diesem Leitfaden werden wir Ihnen beide Methoden vorstellen. Fangen wir mit der Plugin-Methode an...

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

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

• Really Simple Click To Call Bar - statt einer eigenständigen Schaltfläche fügt dieses Plugin eine ganze Leiste am unteren Rand des Bildschirms von mobilen Besuchern ein. Wenn Sie es Ihren Besuchern wirklich einfach machen wollen, Sie anzurufen, ist dies eine gute Option.
• Call Now Button - zusätzlich zu einer vollen Leiste wie das obige Plugin, können Sie mit diesem Plugin auch eine schwebende Schaltfläche im Stil einer Aktionstaste verwenden.
• Call Now Button Ultimate - dieses Plugin fügt die gleiche untere Leiste hinzu. Das Einzigartige ist jedoch, dass Sie damit "Betriebszeiten" festlegen können, zu denen Sie telefonisch erreichbar sind. Außerhalb dieser Zeiten fordert die Schaltfläche die Besucher auf, eine E-Mail zu schreiben, anstatt anzurufen.

Wirklich einfaches Click To Call Bar Plugin Tutorial

Dieses Plugin ist kostenlos und auf WordPress.org verfügbar. Sie können es direkt von Ihrem WordPress-Dashboard aus installieren, indem Sie auf 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 können Sie:

• Aktivieren Sie die Funktion der Schaltfläche "Klicken, um anzurufen".
• Fügen Sie einen Text-CTA neben Ihrer Anrufschaltfläche hinzu
• Wählen Sie die Telefonnummer, die Besucher anrufen werden
• Konfigurieren Sie die Farben, die auf der Schaltfläche "Click to call" verwendet werden

Speichern Sie dann Ihre Änderungen, um Ihre Schaltfläche zu aktivieren. Diese Schaltfläche wird nur für mobile Besucher angezeigt, d. h. Sie werden sie nicht sehen, wenn Sie von einem Desktop-Computer aus surfen.

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

Plugin-Tutorial zur Schaltfläche "Jetzt anrufen

Wie bereits erwähnt, ist das Call-Now-Button-Plugin etwas flexibler, da es neben der Call-Now-Leiste auch die Verwendung einer schwebenden Call-Now-Schaltfläche ermöglicht.

Wie die anderen ist es auf WordPress.org aufgeführt, was bedeutet, dass Sie es unter Plugins → Neu hinzufügen installieren können.

Sobald Sie das Plugin installiert und aktiviert haben, gehen Sie zu Einstellungen → Jetzt anrufen Button, 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 Text der Schaltfläche(falls gewünscht)

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

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

Hier ist ein Beispiel von unserer Website für den Ansatz der schwebenden Aktionsschaltfläche:

Jetzt anrufen Schaltfläche Ultimate Plugin Tutorial

Das Einzigartige am Call Now Button Ultimate Plugin ist, dass Sie selbst bestimmen können, zu welchen Zeiten Ihre Besucher Sie anrufen können. Außerhalb der Geschäftszeiten, wenn Ihre Telefonnummer nicht verfügbar ist, können Sie eine Aufforderung an die Besucher 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 auf Plugins → Neu hinzufügen gehen.

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

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

Weiter unten auf der Seite können Sie dann Ihre Öffnungszeiten eingeben und den Text und die Farben der Schaltflächen konfigurieren:

Wie bei den anderen Plugins wird Ihre Schaltfläche "Jetzt anrufen" nur für mobile Besucher angezeigt.

Hier sehen Sie, wie es während Ihrer Öffnungszeiten aussieht:

Und so sieht es außerhalb Ihrer Geschäftszeiten aus:

Ansatz 2: WordPress Click To Call HTML Button

Als Alternative 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 ist, dass Sie Ihre Schaltfläche überall auf Ihrer Website einfü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 CTA-Text nach Bedarf bearbeiten:

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

Das ist alles, was es zu sagen gibt!

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

Sie könnten zum Beispiel dieses HTML verwenden:

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

Dann können Sie Ihrer WordPress-Website ein benutzerdefiniertes CSS hinzufügen, um sie in eine Schaltfläche zu verwandeln. Zum Beispiel:

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

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

Aber denken Sie daran. Standardmäßig ist Ihre HTML-Schaltfläche "Click to call" für alle Besucher sichtbar, auch für diejenigen 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 die Schaltfläche zum Beispiel bei Bildschirmgrößen über 600px Breite aus:

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

Starten Sie mit Ihrem WordPress Click To Call Button heute!

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

Mit Ihrer Schaltfläche wird es für mobile Besucher einfacher denn je sein, mit Ihnen in Kontakt zu treten.

Denken Sie daran, dass Telefongespräche sehr personalintensiv sind.

Wenn Sie die Zahl der Telefonanrufe reduzieren möchten, können Sie eine WordPress-Wissensdatenbank oder einen FAQ-Bereich einrichten, in dem Besucher die benötigte Hilfe erhalten, ohne dass sie einen persönlichen Telefonsupport benötigen. Und das kann Ihnen eine Menge Zeit und Mühe ersparen.

Erfahren Sie, wie Sie mit unserem Heroic Knowledge Base Plugin, KnowAll Theme oder Heroic FAQs Plugin loslegen können.