> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Knopblokken

> Voeg klikbare call-to-action-knoppen toe aan je e-mailhandtekening, stel het label en de link in en pas de stijl aan met effen of lijn-typen, kleuren en afgeronde hoeken.

Knoppen zijn klikbare call-to-actions zoals "[Book a demo](/nl/can-i-add-a-book-a-demo-call-to-action-for-my-sales-team-email-signatures)", "Visit our website" of "Download our app." Ze vallen visueel op en sturen kliks naar je belangrijkste links.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Canvas van de e-mailhandtekeningeneditor" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/button-block-settings-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=d45982f5daaaf7a0e827914903149ab3" alt="Instellingenpaneel van het knopblok met stijl- en formaatopties" title="Instellingenpaneel van het knopblok met stijl- en formaatopties" className="mx-auto" style={{ width:"40%" }} width="688" height="1754" data-path="images/button-block-settings-panel.png" />
</Frame>

## Knopinhoud

| Instelling | Wat het doet                                  |
| ---------- | --------------------------------------------- |
| **Tekst**  | Het label dat op de knop wordt weergegeven    |
| **Link**   | De URL waarnaar de knop verwijst bij een klik |

## Stijl

| Instelling                | Wat het doet                                                                              |
| ------------------------- | ----------------------------------------------------------------------------------------- |
| **Type**                  | **Effen** (volle achtergrond) of **Lijn** (alleen omlijning met transparante achtergrond) |
| **Kleur**                 | Achtergrondkleur van de knop (bij Effen) of randkleur (bij Lijn)                          |
| **Hoekradius**            | Afronding van de hoeken: `0` voor scherpe hoeken, hogere waarden voor afgeronde hoeken    |
| **Kleurvoorinstellingen** | Snelkeuze uit voorinstellingen met gradiënten en effen kleuren voor snelle styling        |

<Tip>
  Gebruik **Type → Effen** met je merkkleur voor primaire call-to-actions zoals "Book a demo". Gebruik **Type → Lijn** voor secundaire acties die zichtbaar maar minder prominent moeten zijn.
</Tip>

## Tekststijl

Lettertype, grootte, kleur, dekking, regelhoogte en opmaakopties voor de labeltekst van de knop.

## Formaat

Stel de **Breedte** en **Hoogte** van de knop in pixels in.

## Lay-out

Met opvulling regel je de ruimte rond het knopblok.

## Gerelateerde artikelen

* [Blokken toevoegen](/nl/editor/add-blocks)
* [Social-media-iconen](/nl/editor/social-icons)
* [Badgeblokken](/nl/editor/badge-blocks)