# Botones con un enlace

## Cómo crear un botón con un enlace

Para que el bot muestre botones con enlaces a los clientes, al crear (o editar) un botón, debe:

Paso 1. Cree un botón y seleccione el tipo a **"Predeterminado"**:

<div data-with-frame="true"><figure><img src="/files/a1382f865f1047dbb12e5ea5cf5ee49360a6b487" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/fa0c7b0de884fcf5140f59308acb74025a3d4ea5" alt="" width="563"><figcaption></figcaption></figure></div>

Paso 2. En el **URL** campo, ingrese:

a) un enlace directo:

<div data-with-frame="true"><figure><img src="/files/c90bd6bf44dd1f50b32f9e1c7416e10abb90f27e" alt="" width="563"><figcaption></figcaption></figure></div>

b) Una variable que contiene un enlace:

<div data-with-frame="true"><figure><img src="/files/b2eb92a6bb506eb54fb8317adf39dc060a69ba1e" alt=""><figcaption></figcaption></figure></div>

Al hacer clic en el botón se abrirá la URL especificada en su configuración.

{% hint style="warning" %}
¡Nota!&#x20;

Cada mensajero tiene sus propias particularidades. Por ejemplo, en Telegram e Instagram, solo puede agregar un enlace a un **botón inline** (botones en el texto).

<img src="/files/c62e332a3073a6226fb6abd5cc02988f1164dc81" alt="" data-size="original">
{% endhint %}

## Notificación de clic

Para rastrear cuándo un cliente hace clic en un enlace o botón y configurar acciones posteriores, use la **"Notificación de clic"** casilla de verificación en la configuración del botón.

<div data-with-frame="true"><figure><img src="/files/8dd4ed9d5ee7a82f7870d25a30fa2e609ea0b3f7" alt="" width="563"><figcaption></figcaption></figure></div>

Marque la casilla para recibir callbacks (notificaciones de eventos) cuando un cliente haga clic en el botón:

<div data-with-frame="true"><figure><img src="/files/2700c4fa0876c6633367ffe42218c7752674db90" alt="" width="563"><figcaption></figcaption></figure></div>

A continuación, haz clic en **"Editar"** o **"Añadir"** (según si está editando un botón existente o creando uno nuevo).

### Ejemplo

Probemos el botón. Después de hacer clic en él, debería ver un aviso para seguir el enlace.

<div data-with-frame="true"><figure><img src="/files/1ab26dde5faed5a45b07e195364c4b314d8fe98f" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="info" %}
El callback no se recibirá hasta que el cliente haga clic **"saber más"**.
{% endhint %}

Si el cliente sigue el enlace, aparecerá un callback con el siguiente formato en la **Clientes** sección en el diálogo del cliente:\
`link_was_pressed #{URL}`, donde `link_was_pressed` es el cuerpo del callback (evento en el proyecto), y `#{URL}` es su enlace.

<div data-with-frame="true"><figure><img src="/files/8af5f7f654dc97f852b0aa88279cb3c16ee12295" alt=""><figcaption></figcaption></figure></div>

Para configurar una reacción al callback, cree un bloque de disparador donde especifique el callback en el campo del disparador, o especifique el callback en el disparador de conexión:

**Opción 1.** Cree un bloque de disparador que se activará solo si se recibe el callback:

<div data-with-frame="true"><figure><img src="/files/635e90e9506d8c5169909d4c48ed2c09c006c83b" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
En este ejemplo, usamos el **"Disparador"** bloque — también se activará solo si se recibe el callback especificado, pero no eliminará al cliente del embudo principal.<br>

También puede usar otro bloque de disparador.
{% endhint %}

{% hint style="success" %}
¡Ten en cuenta!

El constructor tiene un límite de 500 bloques de disparador por proyecto.
{% endhint %}

**Opción 2:** Usar un disparador de conexión

<div data-with-frame="true"><figure><img src="/files/9f6391906f8b733bd5441b62bc2f582ed98c78ed" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/1e57aa0b5d0c8af8269ebe4022c3815104bc458f" alt="" width="563"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/40fe4d1e0fa30abba642d1ec278c0d1b530bdcd6" alt="" width="563"><figcaption></figcaption></figure></div>

Aunque ambos requieren el callback para activarse, afectan al flujo de manera diferente:

* **Opción 1 (Bloque de fallback):** Mantiene al usuario en el mismo estado.
* **Opción 2 (Conexión):** Avanza al usuario al siguiente estado del embudo.


---

# 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/chatbot/builder/botones/botones-con-un-enlace.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.