So fügen Sie ganz einfach eine Click-to-Call-Schaltfläche zu Ihrer WordPress-Website hinzu

Hier bei HeroThemes legen wir großen Wert darauf, hochwertige Wissensdatenbank-Themes und Plugins für WordPress zu erstellen, die dazu führen, dass die Besucher Ihrer Website nicht wegen Hilfe anrufen müssen.

Dennoch werden die Leute immer telefonischen Support benötigen, und es gibt auch viele Gründe, die nichts mit Support zu tun haben, warum Sie es Ihren Website-Besuchern leicht machen möchten, Sie anzurufen.

Aber wenn Leute auf einem Mobilgerät surfen, ist das Letzte, was Sie tun möchten, dass sie Ihre Telefonnummer selbst eingeben oder versuchen müssen, 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 mit einfachen kostenlosen Plugins oder Ihrem eigenen HTML eine Click-to-Call-Funktion für WordPress zu Ihrer Website hinzufügen können. Unabhängig von Ihrem technischen Kenntnisstand können Sie mitmachen und eine gut aussehende Click-to-Call-Schaltfläche 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 möchten, das sofort „einfach funktioniert“, wäre das ein guter Grund, den Plugin-Weg zu wählen. Allerdings sind Sie darauf beschränkt, Ihre Anrufschaltfläche nur an den vom Plugin unterstützten Stellen anzuzeigen.

Wenn Sie Ihre Click-to-Call-Schaltfläche überall auf Ihrer Website hinzufügen möchten oder einfach keine Lust haben, ein weiteres 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, sodass es immer noch ein ziemlich benutzerfreundlicher Ansatz ist. Allerdings müssen Sie wahrscheinlich etwas grundlegendes benutzerdefiniertes CSS hinzufügen, damit es gut aussieht, was Sie im Hinterkopf behalten sollten.

In diesem Leitfaden zeigen wir Ihnen beide Methoden. Beginnen wir mit dem Plugin-Weg...

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

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

• Really Simple Click To Call Bar – anstatt einen eigenständigen Button hinzuzufügen, fügt dieses Plugin eine ganze Leiste am unteren Bildschirmrand für mobile Besucher hinzu. Wenn Sie es für Anrufer wirklich offensichtlich/einfach machen möchten, ist dies eine gute Option.
• Call Now Button – zusätzlich zu einer vollständigen Leiste wie beim obigen Plugin ermöglicht Ihnen dieses Plugin auch die Verwendung eines schwebenden Aktionsbuttons im Stil eines Call-Buttons.
• Call Now Button Ultimate – dieses Plugin fügt die gleiche Call-Now-Bottom-Bar hinzu. Das Einzigartige daran ist jedoch, dass Sie „Öffnungszeiten“ festlegen können, wann Sie telefonisch erreichbar sind. Außerhalb der Geschäftszeiten fordert der Button Besucher auf, stattdessen eine E-Mail zu senden.

Really Simple Click To Call Bar Plugin Tutorial

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

Sobald 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:

• Die Click-to-Call-Button-Funktionalität aktivieren
• Einen Text-CTA neben Ihrem Anruf-Button hinzufügen
• Die Telefonnummer auswählen, die Besucher anrufen werden
• Die Farben konfigurieren, die auf Ihrem Click-to-Call-Button verwendet werden

Speichern Sie dann Ihre Änderungen, um Ihren Button live zu schalten. Dieser Button wird nur für mobile Besucher angezeigt, sodass Sie ihn nicht sehen, wenn Sie von einem Desktop-Computer aus surfen.

Hier ist ein Beispiel, wie es auf Mobilgeräten aussehen könnte:

Call Now Button Plugin Tutorial

Wie oben erwähnt, ist das Call Now Button Plugin etwas flexibler, da es Ihnen zusätzlich zum Ansatz der Anrufleiste auch die Verwendung eines schwebenden Anrufbuttons ermöglicht.

Wie die anderen ist es auf WordPress.org gelistet, was bedeutet, dass Sie es installieren können, indem Sie zu Plugins → Neu hinzufügen gehen.

Sobald Sie das Plugin installiert und aktiviert haben, gehen Sie zu Einstellungen → Call Now Button, um das Plugin zu konfigurieren.

Oben können Sie:

• Den Button aktivieren
• Geben Sie die Telefonnummer ein, die Besucher anrufen werden
• Wählen Sie den Button-Text (falls gewünscht)

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

Sobald Ihr Button aktiviert ist, wird er nur für mobile Besucher angezeigt. Sie müssen ihn daher von einem mobilen Gerät aus in der Vorschau anzeigen, um ihn in Aktion zu sehen.

Hier ist ein Beispiel von unserer Website für den Ansatz mit dem Floating Action Button:

Call Now Button Ultimate Plugin Tutorial

Das Einzigartige am Call Now Button Ultimate Plugin ist, dass Sie auswählen können, zu welchen Zeiten 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 → Neues hinzufügen gehen.

Sobald Sie dies getan haben, gehen Sie im WordPress-Dashboard zum Bereich Call Now Button Ultimate, um es 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 Geschäftszeiten eingeben und den Button-Text und die Farben konfigurieren:

Wie bei den anderen Plugins wird Ihr Anruf-Button nur für mobile Besucher angezeigt.

So sieht er während Ihrer Geschäftszeiten aus:

Und so sieht er 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 einen Button zu erstellen. Der Vorteil dieses Ansatzes ist, dass Sie Ihren Button überall auf Ihrer Website hinzufügen können.

Um einen solchen Button zu erstellen, können Sie einfach einen normalen Hyperlink verwenden und Ihre Telefonnummer in das tel: Schema einbinden.

So sieht das Ganze 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 war's schon!

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

Zum Beispiel könnten Sie diesen HTML-Code verwenden:

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

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

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

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 diejenigen auf Desktop-Computern.

Wenn Sie das ändern möchten, können Sie CSS-Media-Queries verwenden, um die Schaltfläche nur auf Mobilgeräten anzuzeigen. Zum Beispiel wird dieser Ausschnitt die Schaltfläche bei Bildschirmgrößen über 600 Pixel Breite ausblenden:

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

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

Ob Sie ein Plugin oder Ihren eigenen benutzerdefinierten HTML-Code 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, Sie zu kontaktieren.

Denken Sie nur daran – Anrufe sind ressourcenintensiv.

Wenn Sie die Anzahl der Anrufe, die Sie erhalten, reduzieren möchten, können Sie durch die Erstellung einer WordPress-Wissensdatenbank oder eines FAQ-Bereichs Besuchern helfen, die benötigten Informationen zu erhalten, ohne dass eine persönliche Telefonunterstützung erforderlich ist. Und das kann Ihnen viel Zeit und Mühe sparen.

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