> ## 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.

# Blocos de botão

> Adicione botões clicáveis de call-to-action à sua assinatura de e-mail, defina o rótulo e o link, e estilize-os com tipos sólido ou contorno, cores e cantos arredondados.

Os botões são chamadas para ação clicáveis, como "[Book a demo](/pt-BR/can-i-add-a-book-a-demo-call-to-action-for-my-sales-team-email-signatures)", "Visit our website" ou "Download our app." Eles se destacam visualmente e direcionam cliques para os seus links mais importantes.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Tela do editor de assinatura de e-mail" 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="Painel de configurações do bloco de botão com opções de estilo e tamanho" title="Painel de configurações do bloco de botão com opções de estilo e tamanho" className="mx-auto" style={{ width:"40%" }} width="688" height="1754" data-path="images/button-block-settings-panel.png" />
</Frame>

## Conteúdo do botão

| Configuração | O que faz                                          |
| ------------ | -------------------------------------------------- |
| **Texto**    | O rótulo exibido no botão                          |
| **Link**     | A URL para a qual o botão direciona ao ser clicado |

## Estilo

| Configuração             | O que faz                                                                                     |
| ------------------------ | --------------------------------------------------------------------------------------------- |
| **Tipo**                 | **Sólido** (fundo preenchido) ou **Contorno** (apenas borda com fundo transparente)           |
| **Cor**                  | Cor de fundo do botão (para Sólido) ou cor da borda (para Contorno)                           |
| **Raio da borda**        | Arredondamento dos cantos: `0` para cantos retos, valores mais altos para cantos arredondados |
| **Predefinições de cor** | Seleção rápida entre predefinições de gradiente e cores sólidas para estilização ágil         |

<Tip>
  Use **Tipo → Sólido** com a cor da sua marca para calls-to-action principais como "Agendar uma demonstração". Use **Tipo → Contorno** para ações secundárias que devem ser visíveis, mas menos proeminentes.
</Tip>

## Estilização do texto

Opções de fonte, tamanho, cor, opacidade, altura da linha e formatação para o texto do rótulo do botão.

## Tamanho

Defina a **Largura** e a **Altura** do botão em pixels.

## Layout

O preenchimento controla o espaço ao redor do bloco de botão.

## Artigos relacionados

* [Adicionar blocos](/pt-BR/editor/add-blocks)
* [Ícones sociais](/pt-BR/editor/social-icons)
* [Blocos de selo](/pt-BR/editor/badge-blocks)