Wie man einen Call To Action Button in WordPress erstellt

Eine CTA-Schaltfläche (Call-to-Action) ist ein anklickbares Element auf einer Website, das die Nutzer dazu auffordert, bestimmte Aktionen auszuführen, z. B. einen Kauf zu tätigen, einen Dienst zu abonnieren, sich für einen Newsletter anzumelden oder ein E-Book herunterzuladen.

Es gibt zahlreiche Möglichkeiten, CTA-Schaltflächen zu einer Website hinzuzufügen. In diesem Beitrag zeigen wir Ihnen mehrere einfache Möglichkeiten, wie Sie in WordPress einen Call-to-Action-Button erstellen können, der die Nutzer fesselt.

Schöne Tische erstellen
Mit Block-Editor

Methode 1: Verwendung des Schaltflächenblocks

WordPress bietet Ihnen einen Standard-Buttons-Block, mit dem Sie CTA-Buttons erstellen können.

Öffnen Sie einen Beitrag oder eine Seite. Suchen und fügen Sie die Standard Tasten-Block im Block-Editor und es zum Beitrags- oder Seiteneditor.

Hinzufügen des Schaltflächenblocks zu WordPress

Nachdem der Block hinzugefügt wurde, setzen Sie den Cursor auf die Schaltfläche und Ihren CTA-Text eingeben (1). Dann, seine Ausrichtung ändern (2) wo Sie ihn platzieren möchten. Fügen Sie schließlich Ihr Ziel hinzu Link zur Schaltfläche (3).

CTA-Kopie eingeben und Link hinzufügen

Wählen Sie den Schaltflächenblock erneut aus, indem Sie den Cursor darauf setzen. In der rechten Seitenleiste werden die Anpassungsoptionen angezeigt. Sie erhalten die Einstellungen und Stile Registerkarte dort.

Über diese beiden Registerkarten können Sie die Größe der Schaltfläche, die Hintergrundfarbe der Schaltfläche, die Textfarbe, die Typografie usw. ändern.

Anpassen des Gutenberg-Schaltflächenblocks

Methode 2: Verwendung des Ultimate Blocks Plugin

Ultimative Blöcke ist ein beliebtes Gutenberg-Blöcke-Plugin mit 25+ wunderbaren und nützlichen benutzerdefinierten Gutenberg-Blöcken. Mit diesem Plugin können Sie auch CTA-Schaltflächen mit vielen erweiterten Funktionen erstellen und zu Ihrer Website hinzufügen.

Navigieren Sie zu Plugins > Neues Plugin hinzufügen. Typ Ultimative Blöcke im Suchfeld oben rechts. Installieren Sie und aktivieren. das Plugin, nachdem es unten erscheint.

Installieren und aktivieren Sie das Plugin Ultimate Blocks

Öffnen Sie den Gutenberg-Editor erneut und geben Sie Schaltfläche oder Schaltfläche (Verbessert) in das Suchfeld ein. Klicken Sie auf den entsprechenden Block des in der Abbildung unten markierten Editors.

Ultimate Blocks CTA-Schaltfläche zu Ihrer Website hinzufügen

Fügen Sie nach den oben beschriebenen Methoden die gewünschte CTA-Kopie, den Link und die Ausrichtung zur Schaltfläche hinzu.

Kopie, Link und Ausrichtung hinzufügen

Gehen Sie zur rechten Seitenleiste. Sie erhalten mehr Optionen als den Standard-Schaltflächenblock. Von der Einstellungen können Sie die Ausrichtung, Orientierung, Größe und Breite der Schaltfläche anpassen. 

Sie können auch ein Symbol hinzufügen, seine Position ändern und den Schaltflächenblock für bestimmte Geräte ausblenden.

Einstellungen anpassen

Als nächstes landen Sie auf dem Registerkarte "Stile. Sie können den Radius der Schaltfläche ändern, die Schaltfläche transparent machen, die Farbe der Schaltfläche, die Textfarbe, die Hover-Farbe und die Größe der Schaltfläche ändern.

Die Schaltfläche stilisieren

Methode 3: Verwendung des Tableberg-Plugins

Wenn Sie CTA-Schaltflächen zu Tabellen hinzufügen möchten, hilft Ihnen das Tablegerg-Plugin dabei. Mit dem Plugin können Sie wunderbare, vielseitige Tabellen erstellen, indem Sie verschiedene Blöcke einfügen.

Installieren Sie und aktivieren. die Tablegerg auf die gleiche Weise wie oben gezeigt.

Installieren und aktivieren Sie das TableBerg Plugin

Kommen Sie zu Ihrem Posten. Fügen Sie die Tableberg-Block zum Editor. Hinzufügen der TableBerg-Block dazu.

Hinzufügen des TableBerg-Blocks

Definieren Sie die Zeilen- und Spaltennummern nach Bedarf.

Festlegen der Zeilen- und Spaltennummer

Beginnen Sie mit dem Hinzufügen von Inhalten in den Zeilen und Spalten. Sobald Sie eine Zelle auswählen, können Sie verschiedene Arten von Blöcken in die Zelle einfügen. Sie können sehen, dass wir bereits Text- und Bildinhalte in der linken und mittleren Spalte hinzugefügt haben.

Wir werden eine CTA-Schaltfläche in der rechten Spalte hinzufügen. Markieren Sie eine Zelle in der Spalte und wählen Sie die Option Knopfleiste.

Fügen Sie den Schaltflächenblock zur Tabelle hinzu

Fügen Sie nun auf die gleiche Weise eine Kopie der Schaltfläche hinzu. Passen Sie sie außerdem über die Schaltfläche Stile in der rechten Seitenleiste. 

Sie können die Schaltflächenfarbe, die Hintergrundfarbe, die Hover-Farbe, die Typografie, den Randradius usw. anpassen.

Hinzufügen und Anpassen der Schaltfläche

Abschließende Anmerkung

Jetzt wissen Sie also, wie einfach es ist, Call-to-Action-Buttons in WordPress zu erstellen. Aber denken Sie daran, dass es nicht damit getan ist, eine Schaltfläche zu erstellen. Sie müssen ihr ein fesselndes Aussehen geben und sie an den richtigen Stellen anzeigen, damit sie die Aufmerksamkeit der Leute auf sich zieht und Ihnen hilft, Konversionen zu erzielen.

Lernen Sie wie man eine Vergleichstabelle in WordPress erstellt.



Das Tischberg-Team