# Sección de botones

Usando el bloque "Botones", puedes añadir botones con la posibilidad de llamar o enviar correo electrónico a través de las aplicaciones integradas del dispositivo, así como botones con enlaces a páginas adicionales y la posibilidad de aceptar pagos en la página del sitio.

{% hint style="success" %}
Puedes añadir una política de privacidad y una oferta a los botones personalizados (personalizables).

Para hacerlo, solo marca las casillas correspondientes y adjunta los enlaces.
{% endhint %}

<figure><img src="/files/5ce5bab19758853fe893ace71c7edb9354cf0944" alt=""><figcaption></figcaption></figure>

## Cómo crear un botón

En el modo de edición del sitio, haz clic en "+", y luego se abrirá un menú lateral para añadir secciones.:

<figure><img src="/files/84908b760df60eff0c2efbad3ad9bd074706fbf4" alt=""><figcaption></figcaption></figure>

Al hacer clic en la sección de botones, se añadirá una plantilla estándar con dos botones, en cuyos ajustes puedes editar, añadir o eliminar los botones, añadir un enlace a la política de privacidad y (o) a las ofertas:

<figure><img src="/files/3926904150a4896c6a13c27d77f862092a1dbbc4" alt=""><figcaption></figcaption></figure>

Para abrir los ajustes internos del botón, haz clic en el propio botón:

<figure><img src="/files/56ac303d0c1b73bdc800bafa1c46037dabcf8282" alt=""><figcaption></figcaption></figure>

A continuación, se abre una ventana modal con la configuración del botón:

<figure><img src="/files/9e7753c94ae9848115212d8999870e707a3cc3bf" alt=""><figcaption></figcaption></figure>

En la ventana de creación de botones, puedes seleccionar su función:

<figure><img src="/files/821b97d764216ba4ff1e7ca8706782a27f8755cc" alt=""><figcaption></figcaption></figure>

Describiremos las funciones de cada botón a continuación.

También puedes seleccionar el color del botón (el color del texto, el color de fondo al pasar el cursor y el fondo y texto generales en estado normal, etc.), cargar el icono del botón en la misma ventana:

<figure><img src="/files/2f68a124454109bfe56c27b43cb9a2fab1355192" alt=""><figcaption></figcaption></figure>

Además, los botones pueden configurarse en anchura y redondeo. Para configurar el botón, debes introducir valores numéricos en estos campos.

### Cómo añadir botones

Para añadir botones situados en la misma línea, haz clic en el "+" a la derecha del botón:

<figure><img src="/files/60726ac378d03529ada092de68a716e9fab69b33" alt=""><figcaption></figcaption></figure>

Si necesitas añadir un botón debajo del botón añadido previamente, haz clic en "+ Añadir botón":

<figure><img src="/files/5bd4c409795f602b7179550372dea84bd5718723" alt=""><figcaption></figcaption></figure>

### Un botón con función de pago

Para crear botones de pago en el sitio web, primero debes conectar los sistemas de pago a la plataforma en el proyecto.

{% hint style="info" %}
Lee cómo conectar el sistema de pago al proyecto [aquí. ](/doc/es/integrations/payment.md)
{% endhint %}

Un botón con función de pago te ayudará a aceptar pagos por bienes o servicios presentados en tu sitio web, sin conectar el chatbot con mensajeros.

<figure><img src="/files/35e413851ae3e5605f53a7234da5ea2b499c9900" alt=""><figcaption></figcaption></figure>

Usando este botón, es posible añadir una función de pago al sitio a través de un sistema de pago que te resulte conveniente. A continuación, especifica el importe del producto, su nombre y el enlace de redirección tras el pago exitoso.

{% hint style="info" %}
¡Atención!

En el menú desplegable de la línea de sistemas de pago, solo estarán disponibles aquellas integraciones que hayas habilitado en la sección "Sistemas de pago" del proyecto.
{% endhint %}

#### Botón de función de teléfono

Crea un nuevo botón, selecciona la función Teléfono y especifica el número de teléfono al que se debe realizar la llamada al hacer clic en el botón:

Al hacer clic en el botón en dispositivos móviles, se abre una ventana para seleccionar una aplicación:

<figure><img src="/files/b9a03bd8924cfc5a9e391b4cd918e87631ac5ce9" alt=""><figcaption></figcaption></figure>

### Botón de función de correo

Crea un nuevo botón con la función Correo y especifica la dirección de correo electrónico en los ajustes:

<figure><img src="/files/c7e762f37fff04368cd0cd1f56aa59fa3772f504" alt=""><figcaption></figcaption></figure>

Al hacer clic en el botón, se abrirán automáticamente aplicaciones para enviar correos electrónicos, y el correo de los ajustes del botón se insertará automáticamente en el campo Destinatario.

### Botón de función de enlace

{% hint style="danger" %}
¡Para transferir datos y lanzar el bot, usa la sección "Formulario de solicitud con botones de mensajería"!
{% endhint %}

Crea un nuevo botón y selecciona la función Enlace. Al hacer clic en el botón, se abre la página especificada en los ajustes del botón.

<figure><img src="/files/48a688211b74332c9f27dc6883fbaa5539c87d40" alt=""><figcaption></figcaption></figure>

### Función de plan de precios del botón del curso

También puedes añadir tarifas de pago para cursos en línea configurados en MaviBot en las funciones del botón:

<figure><img src="/files/7815cfefcfb495733ea5b6b0755e265dda7f2498" alt=""><figcaption></figcaption></figure>

Selecciona el curso y luego el plan de precios con el que se realizará el pago al hacer clic en el botón.

{% hint style="info" %}
Todos los ajustes de pago, sistema de pago y coste del plan de precios del curso se realizan en la sección Cursos.

Para obtener más información sobre cómo configurar las tarifas del curso, consulta el artículo "[Planes de cursos en línea](/doc/es/lms/builder/plans.md)".
{% endhint %}

### Botón de función de reserva en línea

El botón tiene la función de abrir un widget de registro en línea para que tus clientes reserven plazas libres para servicios.

Para ello, primero debes configurar la sucursal y los servicios para la reserva en línea, así como el widget de reserva en línea.&#x20;

{% hint style="info" %}
Hablamos sobre la configuración de la sección de servicios en el [ "Reserva en línea"](/doc/es/booking/settings.md) artículo.
{% endhint %}

En los ajustes del botón, selecciona la función "Reserva en línea" y, en el menú desplegable, elige el widget que quieres mostrar al hacer clic en el botón.

### Botón de función de enlace a mensajeros

Para que un cliente cambie de tu sitio web a un bot en mensajeros, por ejemplo, Telegram o WA, puedes usar la función de botón "enlace al mensajero" o usar la sección "Formulario".

<figure><img src="/files/fd25c7aab3bde1c392ea610e8f07b1b41c9022ac" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Lee más sobre la ["Formulario](/doc/es/websites/sitios/blocks/forms.md)" sección en el artículo del mismo nombre.&#x20;
{% endhint %}

Después de seleccionar la función del botón, elige el mensajero al que el cliente cambiará después de hacer clic en el botón de cliente.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/es/websites/sitios/blocks/buttons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.