# Widget de botón

Los botones son esenciales para guiar la interacción del usuario y crear una navegación fluida.

* **Ubicar el Widget de Botón** – Abre el **sección de widgets** y encontrar el **Widget de Botón** debajo de **"Widgets Básicos."**
* **Arrastrar y soltar** – Coloca el botón en cualquier lugar de tu **página o contenedor** para una integración rápida y sencilla.

Los botones pueden usarse para **acciones como navegación, envíos y participación**, asegurando un **experiencia de usuario fluida**!

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/RBPka82CE3LEi1McbfXF/sendly%20button%20widget.PNG" alt=""><figcaption></figcaption></figure>

Cuando hayas colocado tu botón en la ubicación deseada, podrás editar y modificar la configuración del botón.

<div align="left"><figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/QfV9NkOLWmBIrPPAi4rt/widget%20button%20edit.PNG" alt=""><figcaption></figcaption></figure></div>

1. Editar
2. Enlace
3. Estilo
4. Alineación
5. Animaciones y retrasos
6. Copiar
7. Eliminar

### **Edición**

En la pestaña Editar, puedes modificar el texto del botón, añadir una segunda línea de texto, agregar iconos antes o después del texto y adjuntar un enlace para redirigir al visitante después de hacer clic en el botón.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/fmv2veOAq9pNTSjbXs9r/widget%20button%20editing.PNG" alt=""><figcaption></figcaption></figure>

### **Estilo**

Puedes personalizar la apariencia visual del botón en tus páginas, incluyendo su color y animación.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/OglGOfuUHylLjHMiYDnI/widget%20button%20styling.PNG" alt=""><figcaption></figcaption></figure>

### Variaciones de botones

Con infinitas opciones de estilo para botones, tus posibilidades de diseño son ilimitadas. Aquí hay algunos ejemplos:

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/s4qhriTSTUKOgJpcdy6p/widget%20button%20options%20example.PNG" alt=""><figcaption></figcaption></figure>
