# Кнопки со ссылкой

## Как создать кнопку со ссылкой

Чтобы бот отображал кнопки со ссылками для клиентов, при создании (или редактировании) кнопки вам нужно:

Шаг 1. Создайте кнопку и выберите тип **"По умолчанию"**:

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

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

Шаг 2. В поле **URL** введите:

а) прямую ссылку:

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

б) переменную, содержащую ссылку:

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

Нажатие на кнопку откроет URL, указанный в её настройках.

{% hint style="warning" %}
Примечание!&#x20;

У каждого мессенджера есть свои особенности. Например, в Telegram и Instagram можно добавить ссылку только в **inline-кнопку** (кнопки в тексте).

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

## Уведомление о клике

Чтобы отслеживать, когда клиент нажимает на ссылку или кнопку, и настраивать последующие действия, используйте **флажок "Уведомление о клике"** в настройках кнопки.

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

Установите флажок, чтобы получать callbacks (уведомления о событии), когда клиент нажимает кнопку:

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

Далее нажмите **«Редактировать»** или **"Добавить"** (в зависимости от того, редактируете ли вы существующую кнопку или создаёте новую).

### Пример

Давайте протестируем кнопку. После нажатия на неё вы должны увидеть запрос на переход по ссылке.

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

{% hint style="info" %}
Callback не будет получен, пока клиент не нажмёт **«узнать больше»**.
{% endhint %}

Если клиент перейдёт по ссылке, в разделе **Клиенты** в диалоге с клиентом появится callback в следующем виде:\
`link_was_pressed #{URL}`, где `link_was_pressed` — это тело callback (событие в проекте), а `#{URL}` — это ваша ссылка.

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

Чтобы настроить реакцию на callback, создайте блок-триггер, где укажите callback в поле триггера, или укажите callback в триггере соединения:

**Вариант 1.** Создайте блок-триггер, который сработает только при получении callback:

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

{% hint style="info" %}
В этом примере мы использовали **«Trigger»** блок — он тоже сработает только при получении указанного callback, но не удалит клиента из основной воронки.<br>

Вы также можете использовать другой блок-триггер.
{% endhint %}

{% hint style="success" %}
Обратите внимание!

В конструкторе есть ограничение: не более 500 блоков-триггеров на проект.
{% endhint %}

**Вариант 2:** Используйте триггер соединения

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

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

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

Хотя в обоих случаях для срабатывания нужен callback, они по-разному влияют на поток:

* **Вариант 1 (блок Fallback):** Оставляет пользователя в том же состоянии.
* **Вариант 2 (соединение):** Переводит пользователя к следующему состоянию воронки.


---

# 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/ru/chatbot/builder/knopki/knopki-so-ssylkoi.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.