Zo maak je een opvallende Call-To-Action met WordPress Elementor
Een belangrijke actie om je product te verkopen is “vragen om de deal”. Op het moment dat jouw toffe klant jou en je product helemaal ziet zitten, wil je niet dat zij op zoek moet gaan naar een volgende stap. Daarbij laat je dan te veel van haar beslissing om wel of niet te kopen afhangen van het toeval. Een goede manier om op je salespage te vragen om de deal, is een opvallende knop met een antrekkelijke tekst te maken.
In dit blog laat ik je zien hoe alle knoppen op je website standaard hetzelfde uiterlijk geeft. Hiervoor gebruik ik de Thema Stijl van Elementor.
1 Kleuren en lettertypes thema niet gebruiken
Om de Thema Stijlen te kunnen gebruiken, moet je ervoor zorgen dat Elementor niet de instellingen van je thema overneemt. Hiervoor volg je de ondertaande stappen:
- Klik in je dashboard op Elementor
- Schakel op het tabblad Algemeen de vinkjes uit voor Standaard kleuren en Standaar lettertypen
- Sla de wijzigingen op
2 Thema Stijl - Knoppen bewerken
- Klik linksbove op het hamburger menu
- Kies Site instellingen
- Kies Knoppen
3 Kies een opvallende kleur voor je knop.
Standaard neemt Elementor de kleur die je als Accentkleur hebt ingesteld. Je kunt zelf bepalen of je deze kleur ook voor je knop wilt gebruiken of liever een andere kleur.
Klik daarna op het tabje Hoover en kies ook daar een kleur. Je kunt bijvoorbeeld een donkerdere variant gebruiken. Zo zien je klanten wat gebeuren als ze met de muis over de knop bewegen.
4 Geef je knop afgeronde hoeken.
Knoppen met afgeronde hoeken ogen vriendelijker dan rechthoekige knoppen. In het voorbeeld hieronder heb ik een afronding van 25px gebruikt
5 Geef je knop een grijze rand
Op deze manier lijkt het meer een knop en minder een plat plaatje.
Hoe licht of donker je hem maakt kun je zelf bepalen en hangt af van de kleur die je gebruikt.
Kies voor een doorgetrokken rand. Neem voor de bovenkant en linkerkant dikte 2 en voor de onderkant en rechterkant dikte 3 voor het mooiste resultaat.
Schuif met de balk van de kleur een beetje heen en weer totdat je tevreden bent.
6 Voeg een boxschaduw toe voor nog meer 3D-effect
Met deze stap, laat je je knop een beetje zweven boven de pagina, waardoor je nog beter ziet dat je de knop kunt indrukken.
7 Gebruik een pakkende tekst
De opmaak voor de knoppen op je website is nu klaar.
Standaard staat er op een knop “Klik hier”. Dit is een duidelijke opdracht, maar meestal niet eentje die je klant echt over de streep trekt.
Kies daarom voor een tekst met een duidelijke en uitnodigende boodschap, zodat jouw klant bijna niets liever wil dan op die knop klikken.
