Hinzufügen von Call-to-Action-Buttons in WordPress (ohne Code)

Das Hinzufügen von Call-to-Action Buttons zu Ihren WordPress Beiträgen oder Seiten kann die Konversionsrate erhöhen. Diese Buttons sind ein Blickfang und leiten Benutzer zu bestimmten Aktionen an.

Sie können sie zum Beispiel verwenden, um Besucher auf eine Preis-, Produkt- oder Dienst-Seite zu leiten. Sie können auch für Sonderangebote, neue Produkte oder Affiliate-Links werben.

In diesem Artikel zeigen wir Ihnen, wie Sie schöne Call-to-Action Buttons in WordPress hinzufügen können. Der beste Teil ist, dass Sie keinen Code schreiben müssen.

Lassen Sie uns herausfinden, wie Sie Ihre WordPress Website mit diesen effektiven Buttons auf einfache Weise verbessern können.

Hinweis: Dieser Artikel bezieht sich auf das Hinzufügen individueller Call-to-Action Buttons in WordPress. Wenn Sie Social Media Buttons hinzufügen möchten, lesen Sie bitte unsere Anleitung zum Hinzufügen von Social Share Buttons in WordPress.

Hinzufügen von Buttons in WordPress-Beiträgen und -Seiten (Schritt für Schritt)

WordPress macht das Hinzufügen von Schaltflächen mit einem integrierten Schaltflächen-Block sehr einfach. Diese Funktion wurde mit dem Gutenberg-WordPress-Block-Editor eingeführt.

Wir zeigen Ihnen mehrere Möglichkeiten, wie Sie WordPress-Blog-Beiträge und -Seiten mit Call-to-Action Buttons versehen können. Sie können die Lösung wählen, die Ihren Bedürfnissen am besten entspricht.

Nutzen Sie das unten stehende Inhaltsverzeichnis, um sich in diesem Artikel zurechtzufinden:

DasInhaltsverzeichnis:

Video-Anleitung

Subscribe to WPBeginner

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

Hinzufügen von Schaltflächen in WordPress-Beiträgen/Seiten mit dem Standard-Editor

Unserer Erfahrung nach ist diese Methode einfach und für alle Benutzer empfehlenswert. Sie verwendet den integrierten „Buttons“-Block im WordPress Block-Editor. Wenn Sie noch den älteren klassischen Editor verwenden, können Sie zum nächsten Abschnitt übergehen.

Zunächst müssen Sie einen neuen Beitrag erstellen oder einen bestehenden Beitrag bearbeiten, in den Sie eine Schaltfläche einfügen möchten.

Klicken Sie auf dem Bearbeitungsbildschirm für Ihren Beitrag auf das „+“-Symbol und wählen Sie im Abschnitt Layout-Elemente den Block Schaltflächen aus.

Als Nächstes sollten Sie sehen können, dass der Schaltflächenblock dem Inhaltseditor hinzugefügt wurde.

Klicken Sie einfach auf den Bereich ‚Text hinzufügen…‘ und geben Sie Ihren Schaltflächentext ein.

Klicken Sie anschließend auf die Schaltfläche Link in der Symbolleiste, um einen Link hinzuzufügen.

Sie können nach einem Beitrag oder einer Seite suchen oder einfach eine URL kopieren und in das Linkfeld einfügen.

Drücken Sie anschließend die Eingabetaste oder klicken Sie auf das Symbol „Übernehmen“, um den Link zu speichern.

Wenn Sie die Schaltfläche in der Mitte anzeigen möchten, können Sie auf das Symbol „Ausrichten“ klicken und dann „Zentriert ausrichten“ wählen. Sie können die vertikale Ausrichtung der Schaltfläche auch über die Symbolleiste ändern.

Als Nächstes können Sie den Stil Ihrer Schaltfläche anpassen und die Text- und Hintergrundfarben im Blockeinstellungsfeld auf der rechten Seite ändern.

Wechseln Sie einfach zur Registerkarte „Stil“ unter den Blockeinstellungen, um den Stil Ihrer Schaltfläche anzupassen.

Sie können zwischen drei Schaltflächenstilen wählen: Standard, Umriss und Quadrat. Sie können jede einzelne ausprobieren, indem Sie auf sie klicken und diejenige auswählen, die am besten aussieht.

Der Abschnitt „Farbeinstellungen“ enthält fünf Farbvarianten für den Hintergrund und den Text der Schaltflächen. Darüber hinaus können Sie auch eine benutzerdefinierte Farbe Ihrer Wahl verwenden, indem Sie auf die Option „Benutzerdefinierte Farbe“ klicken.

Wenn Sie mit dem Design der Schaltfläche zufrieden sind, können Sie Ihren Beitrag speichern oder veröffentlichen, um eine Live-Vorschau zu sehen.

So sah es auf unserer Demo-Website aus.

Bonus: Wenn Sie sehen möchten, wie gut Ihre Schaltflächen funktionieren, sollten Sie MonsterInsights verwenden. Es hat eine integrierte Ereignisverfolgung für Affiliate-Links, ausgehende Links und benutzerdefinierte Ereignisse, so dass Sie sehen können, wie gut Ihre Schaltflächen funktionieren. Weitere Details finden Sie unter Wichtige Marketingmetriken, die Sie in WordPress verfolgen müssen.

Erstellen einer WordPress-Schaltfläche im klassischen Editor

Der Standard WordPress Block-Editor ist modern, schneller und einfacher. Einige Benutzer verwenden noch den alten klassischen WordPress Editor.

Wir raten davon ab, den klassischen Editor von WordPress zu verwenden. Er ist veraltet und verfügt nicht über genügend Funktionen, damit Benutzer großartige Inhalte erstellen können. Wenn Sie ihn noch verwenden, raten wir Ihnen, ihn zu deaktivieren und den Block-Editor zu verwenden.

Andererseits möchten einige Benutzer sie vielleicht trotzdem verwenden. In diesem Fall benötigen Sie eine alternative Lösung, um Schaltflächen auf Ihrer WordPress-Website hinzuzufügen.

Es gibt drei Optionen für das Hinzufügen von Schaltflächen im klassischen WordPress-Editor:

1. Hinzufügen einer Schaltfläche in WordPress mit HTML/CSS-Code.
2. Fügen Sie Buttons mit einem WordPress Shortcode Plugin hinzu.
3. Hinzufügen einer Schaltfläche in WordPress ohne Verwendung von Shortcodes.

Von den drei Optionen ist die erste die Kodierungsmethode. Sie müssen HTML-/CSS-Code schreiben und ihn in Ihre Website einfügen, wo immer Sie eine Schaltfläche benötigen. Diese Methode ist nicht anfängerfreundlich.

Die zweite Option ist die am häufigsten verwendete Methode. Das liegt daran, dass die meisten WordPress-Button-Plugins Shortcodes zum Hinzufügen von Buttons bereitstellen.

Die dritte Option ist die beste, denn sie ermöglicht es Ihnen, Ihren Beiträgen und Seiten ganz einfach Schaltflächen hinzuzufügen, ohne dass Sie sich den Shortcode merken müssen.

Werfen wir einen Blick darauf, wie man in WordPress Schaltflächen ohne Shortcodes hinzufügt.

Als erstes müssen Sie das Forget About Shortcode Buttons Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Sobald Sie das Plugin aktiviert haben, erstellen Sie einen neuen Beitrag oder bearbeiten Sie einen bestehenden Beitrag. Im Editor sehen Sie im visuellen Editor einen neuen Button mit der Bezeichnung „Button einfügen“.

Um eine neue Schaltfläche in Ihren Beitrag einzufügen, müssen Sie auf das Symbol „Schaltfläche einfügen“ klicken.

Daraufhin öffnet sich ein Popup-Fenster, in dem Sie Ihre neue Schaltfläche gestalten können.

Zunächst müssen Sie Ihren Schaltflächentext und Ihre URL hinzufügen. Während Sie Ihren Schaltflächentext hinzufügen, können Sie eine Live-Vorschau in der Box unten sehen.

Als Nächstes können Sie Ihrem Link ein nofollow-Tag hinzufügen und den Link in einer neuen Registerkarte öffnen, indem Sie auf die unten stehenden Kontrollkästchen klicken.

Danach können Sie ein Symbol für Ihre Schaltfläche auswählen. Wenn Sie auf die Registerkarte „Symbole“ klicken, sehen Sie die Symbole, die Sie vor oder nach dem Text in Ihren Schaltflächen hinzufügen können.

Diese Icons sind eigentlich Icon-Fonts (erfahren Sie, wie man Icon-Fonts im WordPress-Post-Editor verwendet).

Als Nächstes können Sie die Textfarbe und die Hintergrundfarbe für Ihre Schaltfläche auswählen, indem Sie auf das Symbol Farbfeld klicken.

Klicken Sie anschließend auf das Dropdown-Menü, um den Stil der Schaltfläche auszuwählen.

Es stehen acht verschiedene Schaltflächenarten zur Verfügung.

Ebenso können Sie die Größe der Knöpfe von extra klein bis extra groß wählen.

Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie einfach auf die Schaltfläche „Aktualisieren“.

Sie können Ihre Schaltfläche so sehen, wie sie in Ihrem Beitrag erscheint, direkt im Beitragseditor.

Sie können die Ausrichtung von Schaltflächen auch festlegen, indem Sie einfach den Text der Schaltfläche auswählen und die Schaltflächen in der Symbolleiste des klassischen Editors verwenden.

Wenn Sie auf die Schaltfläche doppelklicken, wird das Popup-Fenster Schaltfläche einfügen angezeigt, und Sie können Ihre Schaltfläche erneut bearbeiten, wenn Sie möchten.

Sobald Sie mit dem Design zufrieden sind, können Sie Ihren Beitrag veröffentlichen oder aktualisieren und ihn in Aktion sehen. So sieht die schicke Schaltfläche auf unserer WordPress-Demo-Website aus.

Hinzufügen einer Click-to-Call-Schaltfläche in WordPress

Zusätzlich zu den üblichen Call-to-Action-Schaltflächen können Sie auch Click-to-Call-Schaltflächen auf Ihrer Website einfügen, um Leads und Konversionen zu steigern.

Eine Click-to-Call-Schaltfläche ist eine spezielle Art von Call-to-Action-Schaltfläche, die es Ihren Nutzern ermöglicht, Ihr Team mit nur einem Fingertipp anzurufen.

Mit den Tap-to-Call-Schaltflächen können Ihre Website-Besucher sofort persönlich mit Ihrem Team sprechen und die gewünschten Informationen erhalten. Egal, ob es sich um eine Angebotsanfrage, Informationen vor dem Verkauf oder ein Supportproblem handelt, die Anrufe sind schnell erledigt.

Da die Zahl der Smartphone-Nutzer steigt, ist das Hinzufügen von Anrufschaltflächen heutzutage noch wichtiger.

Wenn Sie kein Geschäftstelefon haben, sollten Sie eine virtuelle Geschäftsnummer in Betracht ziehen.

Sehen wir uns also an, wie man in WordPress Schritt für Schritt Click-to-Call-Buttons hinzufügt.

Als Erstes müssen Sie das WP Call Button-Plugin installieren und aktivieren. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Einstellungen “ WP Call Button besuchen, um die Plugin-Einstellungen zu konfigurieren und Ihren Click-to-Call-Button zu gestalten.

Zunächst sehen Sie die Einstellungen für die oben gehaltenen Buttons. Der oben gehaltene Button ist eine konversionsoptimierte Funktion, die den Benutzer beim Surfen auf Ihrer Website begleitet.

Sie können damit beginnen, den Status der Schaltfläche Jetzt anrufen zu aktivieren. Klicken Sie einfach auf den Kippschalter, um ihn zu aktivieren.

Danach müssen Sie Ihre Telefonnummer eingeben. WP Call Button verfügt über ein Telefonnummernfeld mit Ihrer Landesvorwahl. Wählen Sie einfach Ihr Land aus und geben Sie Ihre Geschäftsrufnummer ein.

Wenn Sie noch keine Geschäftsnummer haben, können Sie eine von Nextiva bekommen. Es ist ein vertrauenswürdiger VoIP-Anbieter für Unternehmen.

Als Nächstes können Sie den Text der Anrufschaltfläche bearbeiten und die Position und Farbe der Anrufschaltfläche auswählen.

Außerdem können Sie auswählen, wo die Anruftaste auf Ihrer Website angezeigt werden soll. Standardmäßig wird die Anrufschaltfläche auf allen Seiten und auf allen Geräten angezeigt. Sie können die Schaltfläche auf bestimmten Seiten ein- oder ausblenden und sie nur auf mobilen Geräten anzeigen lassen.

Sobald Sie alle Optionen überprüft haben, können Sie auf die Schaltfläche „Änderungen speichern“ am unteren Rand klicken. Danach können Sie Ihre Website besuchen und die Schaltfläche „Sticky Call Now“ in Aktion sehen.

Neben den Sticky Call Buttons können Sie mit diesem Plugin auch statische Call Buttons auf Ihren WordPress-Seiten, Posts und Sidebars hinzufügen.

Wenn Sie den WordPress-Block-Editor verwenden, können Sie die Schaltfläche „Jetzt anrufen“ ganz einfach mit dem WP Call Button-Block auf Ihren Seiten einfügen.

Erstellen Sie eine neue Seite oder bearbeiten Sie eine bestehende Seite und fügen Sie den WP Call Button-Block mit Ihrem Seiteneditor hinzu.

Danach können Sie den Text der Schaltfläche, die Farbe der Schaltfläche, die Textfarbe und die Schriftgröße anpassen und das Telefonsymbol ein- oder ausblenden.

Sobald Sie mit dem Design zufrieden sind, können Sie Ihre Seite veröffentlichen oder aktualisieren.

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

Gehen Sie zu Einstellungen “ WP Call Button und klicken Sie oben auf das Menü „Static Call Button“.

Passen Sie einfach die Schaltflächenoptionen an und kopieren Sie dann den Shortcode. Danach können Sie den Shortcode in jedem Beitrag oder jeder Seite auf Ihrer Website verwenden.

Mit dem WP Call Button Plugin können Sie den Call Button auch in Ihre WordPress-Seitenleiste und andere Widget-fähige Bereiche einfügen.

Gehen Sie einfach zu Darstellung “ Widgets und ziehen Sie das WP Call Button-Widget in einen Widget-bereiten Bereich, in dem Sie den Call Button anzeigen möchten.

Jetzt können Sie einen Titel und eine Beschreibung hinzufügen und die Anrufschaltfläche im Abschnitt Erweiterte Einstellungen anpassen. Speichern Sie Ihr Widget, sobald Sie fertig sind.

Das war’s! Wenn Sie eine detailliertere Anleitung sehen möchten, können Sie unsere Schritt-für-Schritt-Anleitung zum Hinzufügen einer Click-to-Call-Schaltfläche in WordPress lesen.

Bonustipp für das Hinzufügen von benutzerdefinierten Schaltflächen in WordPress

Das Hinzufügen einer Schaltfläche für den Aufruf zum Handeln allein ist nicht immer ausreichend. Vielleicht möchten Sie die Seite oder den Beitrag auch mit einem Hero-Bild, Menüs und einem benutzerdefinierten Layout anpassen.

In diesem Fall empfehlen wir die Verwendung eines Drag-and-Drop-Plugins für WordPress-Seitenerstellung wie SeedProd oder Thrive Architect.

Mit diesen Seitenerstellern können Sie benutzerdefinierte Landing Pages mit ausgefallenen Call-to-Action-Schaltflächen genau nach Ihren Wünschen erstellen.

Was auch immer Sie tun, es ist wichtig, dass Sie verfolgen, wie Ihre Schaltflächen funktionieren, denn Raten ist nicht die beste Strategie für das Unternehmenswachstum.

Wir empfehlen die Verwendung von MonsterInsights. Es hat eine integrierte Ereignisverfolgung für Affiliate-Links, ausgehende Links und benutzerdefinierte Ereignisse, so dass Sie sehen können, wie gut Ihre Schaltflächen funktionieren. Weitere Details finden Sie unter Wichtige Marketingmetriken, die Sie in WordPress verfolgen müssen.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Buttons in WordPress einfach hinzufügen können. Vielleicht interessieren Sie sich auch für unseren vollständigen Leitfaden zum WordPress Conversion Tracking oder unsere Liste der besten WordPress Plugins für das Wachstum Ihrer Website.

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.