Een basisknop bevat tekst, waardoor het een minimalistische, duidelijke call to action wordt voor bezoekers van de website van je klant. Je kunt de instellingen van de knop beheren en het ontwerp aanpassen om ervoor te zorgen dat het bij het uiterlijk van de website blijft passen en interactie blijft aanmoedigen.
Hoe weet ik welke knop ik heb?
Oude (standaard)knoppen geven alleen tekst weer en gestylede knoppen kunnen zowel tekst als pictogrammen weergeven. Je kunt controleren welke je hebt door in je editor op de knop te klikken:
- Basisknoppen: De Tekst wijzigen-optie wordt weergegeven.
- Gestylede knoppen: De Instellingen-optie wordt weergegeven.
De instellingen van een knop beheren
Je kunt op elk moment wijzigen waar de knop naar linkt. Je kunt de tekst ook bijwerken om de actie van de knop weer te geven.
Om je knopinstellingen aan te passen:
- Ga naar je editor.
- Selecteer de knop.
- Kies wat je wilt aanpassen:
- Klik op Tekst wijzigen.
- Voer je nieuwe tekst in onder Tekst.
Tip: Basisknoppen hebben geen optie om een pictogram weer te geven, maar je kunt symbolen invoeren (bijvoorbeeld: X, +, >) om een soortgelijk effect te creëren.
Knoppen kunnen naar andere delen van de website leiden (bijvoorbeeld: pagina's, ankers, pop-ups), externe webpagina's en zelfs acties zoals het sturen van een e-mail naar je klant of bellen naar hun nummer.
- Klik op het Link-pictogram
. - Selecteer links een linktype.
- Voeg de relevante linkinformatie toe.
- Klik op Klaar.
Het ontwerp van een knop aanpassen
Ontwerp de knop zodat deze eruitziet zoals jij wilt. Je kunt een andere vulkleur selecteren, een schaduw toevoegen en andere instellingen zoals afstand en tekstopmaak aanpassen om het uiterlijk bij te werken.
Om een knop aan te passen:
- Selecteer de knop in je editor.
- Kies wat je wilt aanpassen:
Je kunt het ontwerp van een basisknop aanpassen voor twee verschillende statussen: Standaard of Aanwijzen. Wijzig instellingen zoals de achtergrondkleur, rand of de vorm van de hoeken van de knop.
- Klik rechtsboven in de editor op het Inspector openen-pictogram
.
- Scrol omlaag naar Ontwerp.
- Selecteer de toestand die je wilt ontwerpen: Standaard of Aanwijzen.
- Ontwerp de knop met behulp van de beschikbare opties:
- Opvulkleur en dekking: Wijzig de achtergrondkleur van je knop en pas de dekking aan.
- Rand: Kies een kleur voor de rand en stel de dekking en breedte in (in px*).
- Hoeken: Stel de straal van de hoeken van de knop in (in px*) om ze rond of vierkant te maken. Je kunt voor alle hoeken dezelfde radius instellen of op het Ontgrendelen-pictogram
klikken om ze afzonderlijk aan te passen. - Schaduw: Voeg een schaduw toe en pas deze aan om de knop een 3D-effect te geven.
- Tekst: Pas het uiterlijk en de opmaak van de knoptekst aan.
- Kaartafstand: Stel de afstand tussen de tekst en de randen van de knop in.
De indeling van de knop aanpassen
Wijzig de uitlijning, positionering en afstand van de knop zodat de tekst en/of het pictogram er precies zo uitzien als jij wilt.
- Klik op het Indeling-pictogram
. - Pas de instellingen naar behoefte aan:
- Richting: Selecteer of Links naar rechts of Rechts naar links op de knop wordt weergegeven.
- Uitlijning: Lijn de tekst links, in het midden of rechts van de knop uit. Je kunt de tekst laten inspringen met de opties Links of Rechts.
