Stijl betaalknoppen

Nadat je het Betaalknopblok aan je site hebt toegevoegd, kan je de knopkleur, lay-out en meer wijzigen. Leer in deze handleiding hoe je je betaalknoppen opmaakt.

Wijzig de achtergrond en tekstkleur van de betaalknop door deze stappen te volgen:

1. Klik op een individuele knop in het betalingsblok.
2. Zoek in de zijbalk voor blokinstellingen het gedeelte voor Achtergrond en tekstkleur.
3. Klik op het gedeelte Tekstkleur om de kleur van de tekst in de knop te wijzigen.
4. Klik op het gedeelte Achtergrond om de kleur van de knop te wijzigen.

Meer informatie over het toepassen van kleuren op je knoppen.

Verander de afronding van de randen van je knop door de radius van de knop te veranderen. Volg deze stappen:

1. Klik op een individuele knop in het betalingsblok.
2. Zoek in de zijbalk voor blokinstellingen het gedeelte Rand.
3. Gebruik de schuifbalk of voer een getal in om de radius van de knop te wijzigen.
4. Klik rechtsboven op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen toe te passen.

Een lager getal maakt de knop meer vierkant, en een hoger getal maakt de hoeken van de knop ronder.

Configureer de breedte van de knop door deze stappen te volgen:

1. Klik op een individuele knop in het betalingsblok.
2. Zoek in de zijbalk voor blokinstellingen het gedeelte Breedte-instellingen.
3. Selecteer een van de voorinstellingen (25%, 50%, 75% of 100%) of stel een aangepaste breedte in.
4. Klik rechtsboven op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen toe te passen.

Stel bijvoorbeeld de breedte van een knop in op 100% om een knop met volledige breedte te maken. Of stel elke knop in op 50% om twee knoppen te hebben die de volledige breedte van het contentgebied innemen, zoals in dit voorbeeld:

Volg deze stappen om de uitlijning van de betaalknoppen te wijzigen:

1. Selecteer Lijstweergave in de linkerbovenhoek van de editor.
2. Klik op het item Betaalknopblok in de lijstweergave.
3. Klik in de blokwerkbalk die verschijnt op de knop ‘Uitvulling van items wijzigen’.
4. Kies uit een van de volgende opties:
   • Items links uitvullen: alle knoppen links uitvullen.
   • Items gecentreerd uitvullen: alle knoppen gecentreerd uitvullen.
   • Items rechts uitvullen: alle knoppen rechts uitvullen.
   • Ruimte tussen items: plaats de knoppen op een gelijkmatige afstand binnen het Betaalknopblok.
5. Klik rechtsboven op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen toe te passen.

Selecteer een vooraf ingestelde stijl voor je knop door deze stappen te volgen:

1. Klik op een individuele knop in het betalingsblok.
2. Klik in de zijbalk met blokinstellingen op het tabblad Stijlen.
3. Kies tussen opvulling en contour voor de stijl van de knop.
4. Klik rechtsboven op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen toe te passen.

Wijzig de lettergrootte, type en hoofdletters of kleine letters voor de tekst in je knop door deze stappen te volgen:

1. Klik op een individuele knop in het Betaalknopblok.
2. Klik in de zijbalk met blokinstellingen op het tabblad Stijlen.
3. Scrol naar het gedeelte Typografie.
4. Wijzig de grootte van de knoptekst of klik op de drie stippen (⋮) om het Lettertype en hoofdletters of kleine letters te activeren.
5. Klik rechtsboven op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen toe te passen.

Bekijk meer informatie over Typografie-instellingen.

Je kan opmaak zoals vet en cursief toevoegen aan de tekst in de betaalknop. Volg deze stappen om opmaak toe te passen:

1. Klik op een individuele knop in het betalingsblok.
2. Markeer een gedeelte of alle tekst die je wilt opmaken in de knop.
3. Pas een van de volgende stijlen toe met behulp van de blokwerkbalk die verschijnt:
   • Dikgedrukt
   • Cursief
   • Het pictogram Meer bevat:
     • Markeren: verander de kleur van de tekst en de achtergrond van alleen de tekst. Gebruik stijlen om de kleur van de knop te wijzigen.
     • Inline code
     • Inline afbeelding
     • Invoerstijl toetsenbord
     • Taalattribuut
     • Doorstrepen
     • Subscript
     • Superscript
4. Klik rechtsboven op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen toe te passen.