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

# Button Blocks

> Add call-to-action buttons in Design Studio. Set label, link URL, and styling for email, inbox, and other channels.

Button blocks add clickable call-to-action (CTA) buttons to your notifications. Configure the button label, link URL, and optional styling.

## Adding a button block

1. In Design Studio, select a channel.
2. Add a **Button** block from the block sidebar or toolbar.
3. Set the button label and link URL.
4. Configure button styles (padding, color, border radius).

<Frame caption="Button Block">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-button-new.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=b5bddc52c8b5f7d5f13770fe45213be4" alt="Button block in Design Studio" width="1968" height="892" data-path="assets/platform/content/designer-v2/designer-v2-button-new.png" />
</Frame>

## Button settings

Select a button block to open the settings panel on the right. Here you can configure:

* **Label** – Text shown on the button. You can use [variables](/platform/content/variables/inserting-variables) (e.g. "View `{{product_name}}`").
* **Link URL** – Destination when the button is clicked. Use variables for dynamic URLs.
* **Alignment** – Left, center, or right.
* **Background color** – Button fill color.
* **Border radius** – Corner rounding.
* **Border size** – Outline thickness.
* **Padding** – Space around the button.

<Frame caption="Button Block Settings">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-block-settings.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=54d81b687c740f451bd6411d8249351d" alt="Button block settings in Design Studio" width="1620" height="1260" data-path="assets/platform/content/designer-v2/designer-v2-block-settings.png" />
</Frame>

## Related

<CardGroup cols={2}>
  <Card title="Variables" icon="code" href="/platform/content/variables/inserting-variables">
    Dynamic labels and URLs
  </Card>

  <Card title="Image Blocks" icon="image" href="./image-blocks">
    Clickable images
  </Card>
</CardGroup>
