# Кнопки з посиланням

## Як створити кнопку з посиланням

Щоб бот показував клієнтам кнопки з посиланнями, під час створення (або редагування) кнопки потрібно:

Крок 1. Створіть кнопку та виберіть тип **"За замовчуванням"**:

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

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

Крок 2. У **URL** полі введіть:

а) пряме посилання:

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

б) змінну, що містить посилання:

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

Після натискання кнопки відкриється URL, зазначений у її налаштуваннях.

{% hint style="warning" %}
Увага!&#x20;

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

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

## Сповіщення про натискання

Щоб відстежувати, коли клієнт натискає посилання або кнопку, і налаштувати подальші дії, використовуйте **прапорець "Сповіщення про натискання"** у налаштуваннях кнопки.

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

Установіть прапорець, щоб отримувати зворотні виклики (сповіщення про подію), коли клієнт натискає кнопку:

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

Далі натисніть **«Редагувати»** або **"Додати"** (залежно від того, чи редагуєте ви наявну кнопку, чи створюєте нову).

### Приклад

Давайте перевіримо кнопку. Після натискання на неї ви маєте побачити запит перейти за посиланням.

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

{% hint style="info" %}
Зворотний виклик не буде отримано, доки клієнт не натисне **"дізнатися більше"**.
{% endhint %}

Якщо клієнт перейде за посиланням, у **Клієнти** розділі в діалозі з клієнтом з’явиться зворотний виклик такого вигляду:\
`link_was_pressed #{URL}`, де `link_was_pressed` — це тіло зворотного виклику (подія в проєкті), а `#{URL}` — це ваше посилання.

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

Щоб налаштувати реакцію на зворотний виклик, створіть блок-тригер, у якому вкажіть зворотний виклик у полі тригера, або вкажіть зворотний виклик у тригері з’єднання:

**Варіант 1.** Створіть блок-тригер, який спрацьовуватиме лише якщо буде отримано зворотний виклик:

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

{% hint style="info" %}
У цьому прикладі ми використали **"Trigger"** блок — він також спрацьовуватиме лише якщо буде отримано вказаний зворотний виклик, але не видалятиме клієнта з основної воронки.<br>

Ви також можете використати інший блок-тригер.
{% endhint %}

{% hint style="success" %}
Зверніть увагу!

У конструкторі є ліміт: 500 блоків-тригерів на проєкт.
{% endhint %}

**Варіант 2:** Використайте тригер з’єднання

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

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

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

Хоча в обох випадках для спрацювання потрібен зворотний виклик, вони по-різному впливають на потік:

* **Варіант 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/uk/chatbot/builder/knopki/knopki-z-posilannyam.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.