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

# Bloques de botón

> Añade botones de llamada a la acción en los que se pueda hacer clic a tu firma de correo electrónico, configura la etiqueta y el enlace, y dales estilo con tipos plano o trazo, colores y esquinas redondeadas.

Los botones son llamadas a la acción en las que se puede hacer clic, como «[Reservar una demo](/es/can-i-add-a-book-a-demo-call-to-action-for-my-sales-team-email-signatures)», «Visita nuestro sitio web» o «Descarga nuestra aplicación». Destacan visualmente y dirigen clics a tus enlaces más 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="Lienzo del editor de firma de correo electrónico" 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="Panel de ajustes del bloque de botón con opciones de estilo y tamaño" title="Panel de ajustes del bloque de botón con opciones de estilo y tamaño" className="mx-auto" style={{ width:"40%" }} width="688" height="1754" data-path="images/button-block-settings-panel.png" />
</Frame>

## Contenido del botón

| Ajuste     | Qué hace                                      |
| ---------- | --------------------------------------------- |
| **Texto**  | La etiqueta que se muestra en el botón        |
| **Enlace** | La URL a la que enlaza el botón al hacer clic |

## Estilo

| Ajuste                   | Qué hace                                                                                            |
| ------------------------ | --------------------------------------------------------------------------------------------------- |
| **Tipo**                 | **Plano** (fondo sólido) o **Trazo** (solo contorno con fondo transparente)                         |
| **Color**                | Color de fondo del botón (para Plano) o color del borde (para Trazo)                                |
| **Radio del borde**      | Redondeo de las esquinas: `0` para esquinas rectas, valores más altos para esquinas redondeadas     |
| **Colores predefinidos** | Selección rápida entre degradados y colores sólidos predefinidos para aplicar estilo en un instante |

<Tip>
  Usa **Tipo → Plano** con el color de tu marca para llamadas a la acción principales, como «Reservar una demo». Usa **Tipo → Trazo** para acciones secundarias que deban verse pero con menos protagonismo.
</Tip>

## Estilo del texto

Opciones de fuente, tamaño, color, opacidad, interlineado y formato para el texto de la etiqueta del botón.

## Tamaño

Define la **Anchura** y la **Altura** del botón en píxeles.

## Diseño

El relleno controla el espacio alrededor del bloque de botón.

## Artículos relacionados

* [Añadir bloques](/es/editor/add-blocks)
* [Iconos sociales](/es/editor/social-icons)
* [Bloques de insignias](/es/editor/badge-blocks)