# Кнопка з блоку або тригера з’єднання

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

Кнопки клавіатури можна створювати за допомогою з’єднувачів. Для цього перетягніть з’єднувач і відкрийте редактор:

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

Щоб створити кнопки зі з’єднань:

1. Увімкніть цей перемикач.
2. Для кожного з’єднання введіть потрібний текст кнопки в його **"Trigger"** .

{% hint style="warning" %}
Увага!

Це працює лише в месенджерах, які підтримують кнопки.
{% endhint %}

{% hint style="warning" %}
Ви можете створювати **ЛИШЕ кнопки клавіатури** за допомогою з’єднань.
{% endhint %}

**Потім застосуйте таку саму конфігурацію до інших з’єднань:**

1. **Відкрийте налаштування з’єднання:** натисніть на з’єднувач, щоб відкрити його налаштування.
2. **Встановіть текст кнопки:** у полі **Тригер** у полі введіть текст, який ви хочете показати на кнопці.
3. **Виберіть тип збігу:** встановіть тип порівняння на **"Точний збіг"**.
4. **Увімкніть відображення кнопки:** активуйте **"Відображати як кнопку"** опцію.
5. **Збережіть конфігурацію:** натисніть **«Зберегти»** щоб застосувати налаштування.

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

**Рядок і позиція:** кнопки, створені зі з’єднань, за замовчуванням розташовуються вертикально. Використайте це поле, щоб вказати номер рядка та керувати вертикальним розташуванням кнопки в макеті.

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

{% hint style="warning" %}
Нумерація РЯДКА і позиції ПОЧИНАЄТЬСЯ З 0.
\
Перша кнопка у верхньому рядку матиме значення 0 і 0.
{% endhint %}

**Колір кнопки:** За потреби ви можете вказати колір кнопки — це працює в онлайн-чаті та Viber.

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

Результат:

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

## **Кнопка з тригера блоку**

Тепер розглянемо більш просунутий спосіб створення кнопок за допомогою **"Додаткові налаштування кнопок"** у **Кнопки** розділ.

редакторі блоків. Раніше ми створювали кнопки за допомогою з’єднань і тригерів на з’єднувачах. Альтернативний спосіб — використовувати спеціальні тригерні блоки, такі як **Блок старту** (точка входу в воронку) або **Тригерний блок**.

**Крок 1: Створіть структуру блоку**

1. Створіть **Блок старту** (точку входу в воронку).
2. Створіть кілька додаткових блоків нижче нього. Кількість блоків має відповідати кількості потрібних вам кнопок.

**Приклад:** У наведеному нижче сценарії створено три блоки, що відповідають трьом кнопкам.

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

**Крок 2.** Налаштуйте умови тригера в наступних блоках (у цьому прикладі — три блоки Start).

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

**Крок 3.** Перейдіть до основного блоку (точки входу в воронку) і натисніть вкладку Buttons.

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

**Крок 4.** У **Кнопки** розділі редактора блоків переключіться на **Додаткові налаштування** і вставте код вашої власної кнопки.

`[{"line":0,"index_in_line":0,"text":"Згоден","type":"reply"},{"line":1,"index_in_line":0,"text":"Ні","type":"reply"},{"line":2,"index_in_line":0,"text":"Наступного разу","type":"reply"}]`

Ви побачите ідентичне меню, але без з’єднань. Якщо все налаштовано правильно, натискання кнопки змусить бота надіслати повідомлення з відповідного блоку відповіді.

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

**Крок 5.** Збережіть налаштування блоку та переключіться в режим тестування бота.

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

Під час тестування бота він відобразить кнопки клавіатури, які функціонально та візуально ідентичні тим, що створені за допомогою опції "Додати кнопку".

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

Натискання кнопки доставить повідомлення з пов’язаного з нею блока Start (створеного на Кроці 1).

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


---

# 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/trigger.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.