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

Method 1: Using the Buttons Block

WordPress offers you a default Buttons block by which you can create CTA buttons.

Öffnen Sie einen Beitrag oder eine Seite. Suchen und fügen Sie die Standard Tasten-Block in the Block editor and it to the post or page editor.

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). Then, seine Ausrichtung ändern (2) where you want to place it. Finally, add your destination 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

Method 2: Using the Ultimate Blocks Plugin

Ultimative Blöcke is a popular Gutenberg blocks plugin with 25+ wonderful and useful custom Gutenberg blocks. This plugin also allows you to create and add CTA buttons to your site with many advanced features.

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

Method 3: Using the Tableberg Plugin

If you want to add CTA buttons to tables, the Tablegerg plugin will help you do this. With the plugin, you can create wonderful versatile tables, adding various blocks into it.

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

Das Frühbucherangebot ist jetzt verfügbar!
Dies ist der Standardtext für die Benachrichtigungsleiste