So fügen Sie Call-to-Action-Buttons in WordPress hinzu (ohne Code)

Jeden Tag besuchen potenzielle Kunden Ihre WordPress-Website. Sie lesen Ihre Inhalte, informieren sich über Ihre Dienstleistungen und sind möglicherweise wirklich interessiert.

Aber dann gehen sie, ohne eine Aktion auszuführen – keine E-Mail-Anmeldung, kein Kauf, keine Kontaktaufnahme über ein Formular.

Was passiert, ist einfach: Ihre Besucher wissen nicht, was sie als Nächstes tun sollen. Call-to-Action-Buttons lösen dieses Problem, indem sie klare Anweisungen für Personen geben, die sich bereits mit Ihren Inhalten beschäftigen.

Wir verwenden diesen Ansatz bei WPBeginner, um Leser zu unseren Pro-Services und hilfreichen Anleitungen zu leiten, und er hat einen großen Unterschied bei unseren Konversionsraten bewirkt.

Deshalb haben wir diesen vollständigen Leitfaden zusammengestellt, um Call-to-Action-Schaltflächen zu Ihrer WordPress-Site hinzuzufügen, ohne dass Programmierkenntnisse erforderlich sind.

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

WordPress macht es super einfach, Schaltflächen mit einem integrierten Schaltflächen-Block hinzuzufügen. Dies ist eine Funktion, die mit dem Gutenberg-Blockeditor von WordPress eingeführt wurde.

Wir zeigen Ihnen verschiedene Möglichkeiten, Schaltflächen für Handlungsaufforderungen zu WordPress-Blogbeiträgen und -Seiten hinzuzufügen. Sie können die Lösung wählen, die Ihren Bedürfnissen am besten entspricht.

Nutzen Sie gerne das Inhaltsverzeichnis unten, um sich leicht durch diesen Artikel zu navigieren:

• Hinzufügen von Call-to-Action-Schaltflächen im WordPress Block Editor
• Hinzufügen von Call-to-Action-Schaltflächen im WordPress Classic Editor
• So fügen Sie einen Call-to-Action-Button mit einem WordPress-Plugin hinzu
• How to Add Click-to-Call Button in WordPress

Hinzufügen von Call-to-Action-Schaltflächen im WordPress Block Editor

Nach unserer Erfahrung ist diese Methode einfach und für alle Benutzer empfehlenswert. Sie verwendet den integrierten 'Buttons'-Block im WordPress-Blockeditor. Wenn Sie noch den älteren klassischen Editor verwenden, können Sie zum nächsten Abschnitt springen.

Zuerst müssen Sie einen neuen Beitrag erstellen oder einen vorhandenen bearbeiten, wo Sie eine Schaltfläche hinzufügen möchten.

Klicken Sie auf Ihrem Beitragsbearbeitungsbildschirm auf das „+“-Symbol und wählen Sie den Block „Buttons“ im Abschnitt „Layout-Elemente“ aus.

Als Nächstes sollten Sie den Button-Block im Inhaltseditor sehen.

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

Klicken Sie danach 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 in das Linkfeld kopieren und einfügen.

Sobald Sie fertig sind, drücken Sie die Eingabetaste oder das Symbol „Anwenden“, um Ihren Link zu speichern.

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

Next, you can customize your button style and change the text and background colors from the block settings panel on the right side.

Wechseln Sie einfach zum Tab „Stil“ unter den Blockeinstellungen, um Ihren Button-Stil anzupassen.

Es gibt drei Schaltflächenstile, aus denen Sie wählen können: Standard, Umriss und quadratisch. Sie können jeden ausprobieren, indem Sie darauf klicken und den auswählen, der am besten aussieht.

Der Abschnitt "Farbeinstellungen" enthält fünf Farbvarianten sowohl für den Button-Hintergrund als auch für den Button-Text. Nicht nur das, sondern Sie können auch eine benutzerdefinierte Farbe Ihrer Wahl verwenden, indem Sie auf die Option "Benutzerdefinierte Farbe" klicken.

Wenn Sie mit dem Button-Design zufrieden sind, können Sie Ihren Beitrag speichern oder veröffentlichen, um eine Live-Vorschau anzuzeigen.

So sah es auf unserer Demowebsite aus.

Hinzufügen von Call-to-Action-Schaltflächen im WordPress Classic Editor

Der Standard-Blockeditor von WordPress ist modern, schneller und einfacher. Einige Benutzer verwenden immer noch den alten Classic WordPress Editor.

Wir empfehlen die Verwendung des klassischen WordPress-Editors nicht. Er ist veraltet und bietet nicht genügend Funktionen, damit Benutzer großartige Inhalte erstellen können. Wenn Sie ihn noch verwenden, raten wir Ihnen, ihn zu deaktivieren und mit der Verwendung des Block-Editors zu beginnen.

Andererseits möchten es einige Benutzer vielleicht immer noch verwenden. In diesem Fall benötigen Sie eine alternative Lösung, um Schaltflächen zu Ihrem WordPress-Design hinzuzufügen.

Es gibt drei Optionen, um Schaltflächen im klassischen WordPress-Editor hinzuzufügen:

1. Eine Schaltfläche in WordPress mit HTML/CSS-Code hinzufügen.
2. Fügen Sie Schaltflächen mit einem WordPress-Button-Shortcode-Plugin hinzu.
3. Eine Schaltfläche in WordPress hinzufügen, ohne Shortcodes zu verwenden.

Die erste Methode ist eine Coding-Methode. Sie müssen HTML/CSS-Code schreiben und ihn dort auf Ihrer Website einfügen, wo Sie einen Button benötigen. Das 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, da sie es Ihnen ermöglicht, einfach Schaltflächen zu Ihren Beiträgen und Seiten hinzuzufügen, ohne sich den Shortcode merken zu müssen.

Schauen wir uns an, wie man Buttons in WordPress ohne die Verwendung von Shortcodes hinzufügt.

Das erste, was Sie tun müssen, ist das Plugin Forget About Shortcode Buttons zu installieren und zu aktivieren. Weitere Details finden Sie in unserem Schritt-für-Schritt-Leitfaden: So installieren Sie ein WordPress-Plugin.

Sobald Sie das Plugin aktiviert haben, erstellen Sie einen neuen Beitrag oder bearbeiten Sie einen vorhandenen. Im Editor sehen Sie im visuellen Editor eine neue Schaltfläche mit der Bezeichnung „Schaltfläche einfügen“.

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

Dies öffnet ein Popup-Fenster, in dem Sie Ihren neuen Button gestalten können.

Zuerst müssen Sie Ihren Button-Text und die URL hinzufügen. Während Sie Ihren Button-Text eingeben, sehen Sie eine Live-Vorschau im Feld unten.

Als Nächstes können Sie einen Nofollow-Tag zu Ihrem Link hinzufügen und den Link in einem neuen Tab öffnen, indem Sie auf die Kontrollkästchenoptionen unten klicken.

Danach können Sie ein Symbol für Ihren Button auswählen. Wenn Sie auf den Reiter 'Symbole' klicken, sehen Sie die Symbole, die Sie vor oder nach dem Text in Ihren Buttons hinzufügen können.

Diese Icons sind eigentlich Icon-Fonts (erfahren Sie, wie Sie Icon-Fonts im WordPress-Beitragseditor verwenden).

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

Klicken Sie danach auf das Dropdown-Menü, um den Schaltflächenstil auszuwählen.

Es gibt acht verschiedene Button-Stile, die einsatzbereit sind.

Ebenso können Sie die Schaltflächengröße 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 Ihren Button direkt im Beitragseditor sehen, so wie er in Ihrem Beitrag erscheint.

Sie können auch die Ausrichtung des Buttons festlegen, indem Sie einfach den Button-Text auswählen und die Werkzeugleisten-Buttons im klassischen Editor verwenden.

Double-clicking on the button will bring up the Insert Button popup, and you can re-edit your button if you like.

Sobald Sie mit dem Design zufrieden sind, können Sie Ihren Beitrag veröffentlichen oder aktualisieren und ihn in Aktion sehen. So erschien der schicke Button auf unserer Demo- WordPress-Website.

So fügen Sie einen Call-to-Action-Button mit einem WordPress-Plugin hinzu

Manchmal reichen die grundlegenden WordPress-Schaltflächenoptionen einfach nicht aus, um auffällige Call-to-Action-Schaltflächen zu erstellen. Deshalb verwenden wir gerne Ultimate Blocks – es bietet Ihnen viele weitere Möglichkeiten, Ihre Schaltflächen anzupassen.

Der Einstieg ist einfach. Installieren und aktivieren Sie zuerst das WordPress-Plugin. Sie können unsere Schritt-für-Schritt-Anleitung unter so installieren Sie ein WordPress-Plugin lesen, wenn Sie Hilfe benötigen.

Öffnen Sie dann einen beliebigen Beitrag oder eine Seite und suchen Sie im Editor nach dem Block „Button (verbessert)“.

Ein wesentlicher Unterschied zum Standard-WordPress-Button ist die Einstellung 'Responsive Control', mit der Sie den Button auf Tablets, Desktops oder Mobilgeräten ausblenden oder anzeigen können.

Auf diese Weise können Sie Ihren Call-to-Action für verschiedene Bildschirmgrößen anpassen.

Zweitens können Sie Ihrem Button ein benutzerdefiniertes Icon hinzufügen.

Dies macht die Schaltfläche optisch ansprechender und hilft ihr, auf Ihrer Seite hervorzustechen.

Es gibt noch viele weitere Einstellungen zu erkunden, wenn Sie sich für die Pro-Version entscheiden. Sie können Ihren Schaltflächen beispielsweise animierte Effekte hinzufügen, wodurch sie für Ihre Besucher ansprechender und auffälliger werden.

Um alles zu sehen, was das Plugin kann, werfen Sie einen Blick auf unsere vollständige Ultimate Blocks Plugin-Bewertung.

Sobald Sie Ihren Button so gestaltet haben, wie er aussehen soll, klicken Sie auf 'Veröffentlichen' oder 'Aktualisieren', um Ihre Arbeit zu speichern. Stellen Sie sicher, dass Sie Ihre Website auf Mobilgeräten und Desktops in der Vorschau anzeigen, damit Ihr Button auf allen Geräten richtig aussieht.

So fügen Sie eine Click-to-Call-Schaltfläche in WordPress hinzu

Zusätzlich zu den üblichen Call-to-Action-Buttons können Sie auf Ihrer Website auch Click-to-Call-Buttons hinzufügen, um Leads und Conversions zu steigern.

Ein Click-to-Call-Button ist ein spezieller Typ von Call-to-Action-Button, der es Ihren Benutzern ermöglicht, mit nur einem Tippen einen Anruf an Ihr Team zu tätigen.

Mit den Tap-to-Call-Buttons können Ihre Website-Besucher sofort persönlich mit Ihrem Team sprechen und die benötigten Informationen erhalten. Ob es um eine Angebotsanfrage, Vorverkaufs-Informationen oder ein Support-Problem geht, Telefonanrufe sind schnell.

Da die Zahl der Smartphone-Nutzer wächst, ist das Hinzufügen von "Jetzt anrufen"-Buttons heutzutage noch relevanter.

Wenn Sie kein Geschäftstelefon haben, sollten Sie sich vielleicht eine virtuelle Geschäftsnummer zulegen.

Mit diesem gesagt, schauen wir uns Schritt für Schritt an, wie man Click-to-Call-Buttons in WordPress hinzufügt.

Das erste, was Sie tun müssen, ist das Plugin WP Call Button zu installieren und zu aktivieren. Detaillierte Anweisungen 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 Ihre Click-to-Call-Schaltfläche zu gestalten.

Zuerst sehen Sie die Einstellungen für die Sticky Call-Schaltfläche. Die Sticky Call-Schaltfläche ist eine konversionsoptimierte Funktion, die die Anruftaste mit den Nutzern mitbewegt, während diese Ihre Website durchsuchen.

Sie können damit beginnen, den Call Now Button Status zu aktivieren. Klicken Sie einfach auf den Schalter, um ihn zu aktivieren.

Danach müssen Sie Ihre Telefonnummer eingeben. WP Call Button hat ein Feld für die Telefonnummer mit Ihrer Ländervorwahl. Wählen Sie einfach Ihr Land aus und geben Sie Ihre geschäftliche Telefonnummer ein.

Wenn Sie keine Geschäftsnummer haben, können Sie eine von Nextiva erhalten. Es ist ein vertrauenswürdiger Anbieter für geschäftliche VoIP-Telefonie.

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

Sie können auch auswählen, wo der Sticky Call Button auf Ihrer Website angezeigt werden soll. Standardmäßig wird der Anruf-Button auf allen Seiten und auf allen Geräten angezeigt. Sie können den Button auf bestimmten Seiten ein- oder ausblenden und ihn nur auf Mobilgeräten anzeigen.

Nachdem Sie alle Optionen überprüft haben, können Sie unten auf die Schaltfläche 'Änderungen speichern' klicken. Danach können Sie Ihre Website besuchen und den Sticky-Call-Now-Button in Aktion sehen.

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

If you are using the WordPress block editor, then you can easily add the call now button on your pages using the WP Call Button block.

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

Danach können Sie den Button-Text, die Button-Farbe, 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ü „Statischer Anrufbutton“.

Passen Sie einfach die Button-Optionen an und kopieren Sie dann den Shortcode. Danach können Sie den Shortcode in jedem Beitrag oder jeder Seite Ihrer Website verwenden.

Das WP Call Button Plugin ermöglicht es Ihnen auch, den Anruf-Button in Ihrer WordPress-Seitenleiste und anderen Widget-fähigen Bereichen hinzuzufügen.

Gehen Sie einfach zu Darstellung » Widgets und ziehen Sie das WP Call Button Widget in einen widget-fähigen Bereich, in dem Sie den Anruf-Button anzeigen möchten.

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

Das ist alles! Wenn Sie ein detaillierteres Tutorial sehen möchten, können Sie sich unseren Schritt-für-Schritt-Leitfaden ansehen: So fügen Sie einen Click-to-Call-Button in WordPress hinzu.

Bonustipp: Verwenden Sie ein WordPress-Page-Builder-Plugin

Das Hinzufügen eines Call-to-Action-Buttons allein reicht nicht immer aus. Möglicherweise 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 WordPress Page Builder Plugins wie SeedProd oder Thrive Architect.

Diese Page Builder helfen Ihnen, benutzerdefinierte Landing Pages mit ausgefallenen Call-to-Action-Buttons genau nach Ihren Wünschen zu erstellen.

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

Wir empfehlen die Verwendung von MonsterInsights. Es verfügt über integriertes Event-Tracking für Affiliate-Links, ausgehende Links und benutzerdefinierte Events, sodass Sie sehen können, wie gut Ihre Buttons funktionieren. Weitere Details finden Sie unter wichtige Marketingmetriken, die Sie auf jeder WordPress-Site verfolgen müssen.

Video-Tutorial

WPBeginner abonnieren

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie einfach Schaltflächen in WordPress hinzufügen können. Möglicherweise möchten Sie auch unseren vollständigen Leitfaden zum Anzeigen von Live-Vorschauen von Links in WordPress und unsere Expertenauswahl der besten Tools zum Erstellen und Verkaufen digitaler Produkte sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.