Met een button in je bericht trek je de aandacht van de lezer en wil je stimuleren dat de lezer actie onderneemt door op de knop te klikken. Denk aan "meld je aan", "ontdek meer" of "ontvang een offerte". Voeg je een button toe aan je canvas dan zie je links de volgende opties:
Button inhoud
- URL: voeg hier een link toe naar je website, een landingspagina of document. Er zijn verschillende type links, lees hier meer over onder het kopje: type links.
- Opent in...: selecteer of de url moet openen in een nieuw venster of tab, in hetzelfde venster, bovenste venster of bovenste frame.
Button stijl
- Lettertype: standaard wordt het lettertype overgenomen die je bij de tab Algemeen hebt aangegeven. Het is mogelijk om deze voor de button te wijzigen. Er is keuze tussen de standaard web safe fonts.
- Lettertype grootte: standaard wordt een lettertype grootte van 14 pixels gehanteerd. Maar je kunt dit wijzigen naar wens.
- Tekstkleur: wanneer je de huisstijl in de instellingen hebt ingesteld, wordt de secundaire tekstkleur gebruikt. Maar als je een andere kleur wilt voor je button tekst dan je overige tekst, dan is dat hier naar wens aan te passen.
- Button kleur: pas hier de gewenste buttonkleur toe. Voeg een kleurcode toe of gebruik een colorpicker.
- Button uitlijning: standaard is de uitlijning van een button gecentreerd, maar deze is ook aan te passen naar uitlijning links en rechts.
- Automatische breedte: standaard staat de automatische breedte aan. Afhankelijk van de hoeveelheid tekst past hij een breedte toe van de button. Het is mogelijk deze aan te passen naar een ander percentage of aantal pixels. Schuif je het schuifje naar links, dan wordt de button 100% uitgevuld naar de breedte van je template. Het percentage kun je aanpassen.
-
Radius hoeken: wil je button ronde hoeken geven? Pas de radius van de hoeken aan. Hoe hoger het getal hoe ronder de hoek. Het is per hoek van de afbeelding in te stellen.
Voorbeeld button zonder radius hoeken
Voorbeeld button met radius hoeken 20 - Randstijl: geef je button een omlijning. Je hebt de keuze uit geen, vast, gestippeld en gestreept.
- Button padding: ruimte rondom de tekst in je button. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 10 ingesteld voor alle kanten.
- Padding: ruimte rondom je button. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 10 ingesteld voor alle kanten.
Geavanceerd
- Ervaring met code? Het is mogelijk om zelf CSS classes toe te voegen.