Zo maak je een knop met oproepen tot actie in WordPress

Een call-to-action (CTA)-knop is een aanklikbaar element op een website dat gebruikers aanzet tot het uitvoeren van specifieke acties, zoals kopen, zich abonneren op een dienst, zich aanmelden voor nieuwsbrieven, ebooks downloaden, enz.

Er zijn talloze manieren om CTA-knoppen aan een website toe te voegen. In dit artikel laten we je een aantal eenvoudige manieren zien om een oproepknop in WordPress te maken die gebruikers aan je bindt.

Maak prachtige tafels
Met blok-editor

Method 1: Using the Buttons Block

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

Open een bericht of pagina. Zoek en voeg de standaard Knoppen blok in the Block editor and it to the post or page editor.

Het knoppenblok toevoegen aan WordPress

Nadat het blok is toegevoegd, plaats je je cursor op de knop en Typ je CTA-tekst (1). Then, de uitlijning wijzigen (2) where you want to place it. Finally, add your destination link naar de knop (3).

Kopieer CTA en voeg link toe

Selecteer het knoppenblok opnieuw door je cursor erop te plaatsen. De aanpassingsopties verschijnen in de rechter zijbalk. Je krijgt de Instellingen en Stijlen tab daar.

Met deze twee tabbladen kun je de grootte van de knop, de achtergrondkleur van de knop, de tekstkleur, de typografie enzovoort wijzigen.

Het Gutenberg-knoppenblok aanpassen

Method 2: Using the Ultimate Blocks Plugin

Ultieme Blokken 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.

Navigeer naar Plugins > Nieuwe plug-in toevoegen. Type Ultieme Blokken in het zoekvak rechtsboven. Installeer en activeren de plugin nadat deze hieronder is weergegeven.

Installeer en activeer de Ultimate Blocks plugin

Open de Gutenberg-editor opnieuw en typ Knop of Knop (Verbeterd) in het zoekvak. Klik op het betreffende blok in de editor zoals aangegeven in de onderstaande afbeelding.

Voeg Ultimate Blocks CTA knop toe aan uw site

Volg dezelfde bovenstaande methoden en voeg de gewenste CTA-tekst, link en uitlijning toe aan de knop.

Kopie, link en uitlijning toevoegen

Ga naar de rechter zijbalk. Je krijgt meer opties dan het standaard knoppenblok. Van de Instellingen kun je de uitlijning, oriëntatie, grootte en breedte van de knop aanpassen. 

Je kunt ook een pictogram toevoegen, de positie ervan wijzigen en het knoppenblok voor bepaalde apparaten verbergen.

Instellingen aanpassen

Land vervolgens op de Tabblad Stijlen. Je kunt de straal van de knop wijzigen, de knop transparant maken, de kleur van de knop, de tekstkleur, de zweefkleur en de afmetingen.

De knop stylen

Methode 3: De Tableberg-plugin gebruiken

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.

Installeer en activeren de Tablegerg plugin op dezelfde manier als hierboven getoond.

Installeer en activeer de TableBerg plugin

Ga naar je post. Voeg de Tafelberg blok naar de editor. Voeg de TabelBerg blok aan.

Het TableBerg-blok toevoegen

Definieer de rij- en kolomnummers zoals je wilt.

Stel het rij- en kolomnummer in

Begin inhoud toe te voegen aan de rijen en kolommen. Zodra je een cel hebt geselecteerd, kun je verschillende soorten blokken aan de cel toevoegen. Je kunt zien dat we al tekst en afbeeldingen hebben toegevoegd aan de linker- en middelste kolom.

We voegen een CTA-knop toe aan de rechterkolom. Selecteer een cel in de kolom en kies de Knopblok.

Voeg het knoppenblok toe aan de tabel

Voeg nu op dezelfde manier een kopie toe aan de knop. Pas deze aan vanuit de Stijlen tabblad aan de rechterkant. 

Je kunt de kleur van de knop, achtergrondkleur, hover-kleur, typografie, randradius, enz. aanpassen.

Knopkopie toevoegen en aanpassen

Eindnoot

Zo, nu weet je hoe eenvoudig het is om call-to-action knoppen te maken in WordPress. Maar vergeet niet dat het maken van een knop niet genoeg is. Je moet hem een boeiend uiterlijk geven en op de juiste plaatsen weergeven, zodat hij de aandacht van mensen trekt en je conversies oplevert.

Leer hoe maak je een vergelijkingstabel in WordPress.



Het Tableberg-team