# Кнопка из блока или триггера связи

## Как создать кнопку из соединения

Кнопки клавиатуры можно создавать с помощью коннекторов. Для этого перетащите коннектор и откройте редактор:

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

Чтобы создать кнопки из соединений:

1. Включите этот переключатель.
2. Для каждого соединения введите нужный текст кнопки в его **«Trigger»** .

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

Это работает только в мессенджерах, которые поддерживают кнопки.
{% endhint %}

{% hint style="warning" %}
Вы можете создавать **ТОЛЬКО кнопки клавиатуры** с помощью соединений.
{% endhint %}

**Затем примените ту же конфигурацию к другим соединениям:**

1. **Откройте настройки соединения:** нажмите на коннектор, чтобы открыть его настройки.
2. **Задайте текст кнопки:** в поле **Trigger** в поле введите текст, который вы хотите отображать на кнопке.
3. **Выберите тип совпадения:** установите тип сравнения на **"Точное совпадение"**.
4. **Включите отображение кнопки:** активируйте **"Показывать как кнопку"** опцию.
5. **Сохраните конфигурацию:** нажмите **"Сохранить"** чтобы применить настройки.

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

**Строка и позиция:** кнопки, созданные из соединений, по умолчанию располагаются вертикально. Используйте это поле, чтобы указать номер строки и управлять вертикальным положением кнопки в макете.

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

{% hint style="warning" %}
Нумерация СТРОКИ и позиции НАЧИНАЕТСЯ С 0.
\
Первая кнопка в верхней строке будет иметь значения 0 и 0.
{% endhint %}

**Цвет кнопки:** При необходимости вы можете указать цвет кнопки — это работает в онлайн-чате и Viber.

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

Результат:

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

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

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

Ранее мы создавали кнопки с помощью соединений и триггеров на коннекторах. Альтернативный способ — использовать специальные триггерные блоки, такие как **Стартовый блок** (точка входа в воронку) или **Триггерный блок**.

**Шаг 1: Создайте структуру блоков**

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

**Пример:** В рабочем процессе ниже созданы три блока, соответствующие трём кнопкам.

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

**Шаг 2.** Настройте условия срабатывания в последующих блоках (в этом примере — в трёх блоках Start).

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

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

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

**Шаг 4.** Во вкладке **Кнопки** разделе редактора блоков переключитесь на **Дополнительные настройки** и вставьте код своей пользовательской кнопки.

`[{"line":0,"index_in_line":0,"text":"Go","type":"reply"},{"line":1,"index_in_line":0,"text":"No","type":"reply"},{"line":2,"index_in_line":0,"text":"Next time","type":"reply"}]`

Вы увидите идентичное меню, но без соединений. Если всё настроено правильно, при нажатии на кнопку бот отправит сообщение из соответствующего блока ответа.

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

**Шаг 5.** Сохраните настройки блока и переключитесь в режим тестирования бота.

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

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

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

Нажатие на кнопку передаст сообщение из связанного с ней блока Start (созданного на шаге 1).

<div data-with-frame="true"><figure><img src="/files/e6388bb05ed64edcdfcd3c2d77764a451acb9a3a" 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/ru/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.