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

Methode 1: Het knoppenblok gebruiken

WordPress biedt je standaard het blok Knoppen waarmee je CTA-knoppen kunt maken.

Open een bericht of pagina. Zoek en voeg de standaard Knoppen blok in de editor Blok en het naar de editor voor berichten of pagina's.

Het knoppenblok toevoegen aan WordPress

Nadat het blok is toegevoegd, plaats je je cursor op de knop en Typ je CTA-tekst (1). Dan, de uitlijning wijzigen (2) waar je het wilt plaatsen. Voeg ten slotte je bestemming toe 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

Methode 2: De Ultimate Blocks Plugin gebruiken

Ultieme Blokken is een populaire Gutenberg blokken plugin met 25+ prachtige en nuttige aangepaste Gutenberg blokken. Met deze plugin kun je ook CTA-knoppen maken en toevoegen aan je site met veel geavanceerde functies.

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

Als je CTA knoppen wilt toevoegen aan tabellen, dan zal de Tablegerg plugin je daarbij helpen. Met de plugin kun je prachtige veelzijdige tabellen maken door er verschillende blokken aan toe te voegen.

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