# Раздел кнопок

С помощью блока «Кнопки» вы можете добавлять кнопки с возможностью звонка или отправки письма через встроенные приложения устройства, а также кнопки со ссылками на дополнительные страницы и возможностью принимать платежи на странице сайта.

{% hint style="success" %}
К настраиваемым (кастомным) кнопкам можно добавить политику конфиденциальности и оферту.

Для этого просто отметьте соответствующие чекбоксы и прикрепите ссылки.
{% endhint %}

<figure><img src="/files/169819a5d79be2933c9edb8c1960e28696d0d9f0" alt=""><figcaption></figcaption></figure>

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

В режиме редактирования сайта нажмите «+», после чего откроется боковое меню для добавления разделов.:

<figure><img src="/files/a1ddcb94657dde25a9b16ebf4e4a37acab078851" alt=""><figcaption></figcaption></figure>

При нажатии на раздел с кнопками будет добавлен стандартный шаблон с двумя кнопками, в настройках которого вы можете редактировать, добавлять или удалять кнопки, добавлять ссылку на политику конфиденциальности и (или) оферту:

<figure><img src="/files/08634d49400b824a5f402cbe8578211435918b0e" alt=""><figcaption></figcaption></figure>

Чтобы открыть внутренние настройки кнопки, нажмите на саму кнопку:

<figure><img src="/files/a770251319cbf0ce59f70dfb443f99bc59038685" alt=""><figcaption></figcaption></figure>

Далее откроется модальное окно с настройками кнопки:

<figure><img src="/files/5313567d4362c96ee1b18f586a34217c19dc005d" alt=""><figcaption></figcaption></figure>

В окне создания кнопки вы можете выбрать её функцию:

<figure><img src="/files/e4ef280ef574213ca6be61ad48544856c44b0164" alt=""><figcaption></figcaption></figure>

Ниже мы опишем функции каждой кнопки.

Также в этом же окне можно выбрать цвет кнопки (цвет текста, цвет фона при наведении, а также общий фон и цвет текста в обычном состоянии и т. д.), загрузить иконку кнопки:

<figure><img src="/files/bc4eeed9a14e65d6f207b473a3e60637508436b2" alt=""><figcaption></figcaption></figure>

Кроме того, для кнопок можно задать ширину и скругление. Для настройки кнопки в эти поля необходимо ввести числовые значения.

### Как добавить кнопки

Чтобы добавить кнопки, расположенные в одной строке, нажмите на «+» справа от кнопки:

<figure><img src="/files/dcff613783f2f48e2a645a941a569cfba32ea88d" alt=""><figcaption></figcaption></figure>

Если нужно добавить кнопку под ранее добавленной кнопкой, нажмите «+ Добавить кнопку»:

<figure><img src="/files/a1c24bb02cd4a4809beef5e841f8d3c8b4f5c833" alt=""><figcaption></figcaption></figure>

### Кнопка с функцией оплаты

Чтобы создать кнопки оплаты на сайте, сначала необходимо подключить платёжные системы к платформе в проекте.

{% hint style="info" %}
Читайте, как подключить платёжную систему к проекту [здесь. ](/doc/ru/integrations/payment.md)
{% endhint %}

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

<figure><img src="/files/62c2a4163c77543edc67c938d971aa0fa020a761" alt=""><figcaption></figcaption></figure>

С помощью этой кнопки можно добавить на сайт функцию оплаты через удобную для вас платёжную систему. Далее укажите стоимость товара, его название и ссылку для перенаправления после успешной оплаты.

{% hint style="info" %}
Внимание!

В выпадающем меню строки платёжных систем будут доступны только те интеграции, которые вы включили в разделе проекта «Платёжные системы».
{% endhint %}

#### Кнопка с функцией телефона

Создайте новую кнопку, выберите функцию «Телефон» и укажите номер телефона, на который должен быть совершён звонок при нажатии на кнопку:

Нажатие на кнопку на мобильных устройствах открывает окно выбора приложения:

<figure><img src="/files/5de63893b7e5de3b14102bd907fa43103589f488" alt=""><figcaption></figcaption></figure>

### Кнопка с функцией почты

Создайте новую кнопку с функцией «Почта» и укажите в настройках адрес электронной почты:

<figure><img src="/files/55fda479b98df8f50f43b14de838dfe0aa66de83" alt=""><figcaption></figcaption></figure>

При нажатии на кнопку автоматически откроются приложения для отправки электронных писем, а почта из настроек кнопки будет автоматически подставлена в поле «Получатель».

### Кнопка с функцией ссылки

{% hint style="danger" %}
Для передачи данных и запуска бота используйте раздел «Форма заявки с кнопками мессенджеров»!
{% endhint %}

Создайте новую кнопку и выберите функцию «Ссылка». Нажатие на кнопку открывает страницу, указанную в настройках кнопки.

<figure><img src="/files/c0119dfe1b1f34a8ce19477379b526ab43bcd4cf" alt=""><figcaption></figcaption></figure>

### Функция кнопки тарифного плана курса

В функциях кнопки в MaviBot также можно добавить платёжные сборы для настроенных онлайн-курсов:

<figure><img src="/files/df85522b4f463e0bb97282a154368365457b03e1" alt=""><figcaption></figcaption></figure>

Выберите курс, а затем тарифный план, по которому будет производиться оплата при нажатии на кнопку.

{% hint style="info" %}
Все настройки оплаты, платёжной системы и стоимости тарифного плана курса выполняются в разделе «Курсы».

Подробнее о том, как настроить тарифы курса, читайте в статье «[Тарифы онлайн-курса](/doc/ru/lms/builder/plans.md)".
{% endhint %}

### Кнопка с функцией онлайн-бронирования

Кнопка имеет функцию открытия виджета онлайн-записи для онлайн-бронирования свободных слотов для услуг вашими клиентами.

Для этого заранее необходимо настроить филиал и услуги для онлайн-бронирования, а также виджет онлайн-бронирования.&#x20;

{% hint style="info" %}
О настройке раздела услуг мы рассказывали в статье [ «Онлайн-бронирование»](/doc/ru/booking/settings.md) статье.
{% endhint %}

В настройках кнопки выберите функцию «Онлайн-бронирование» и в выпадающем меню выберите виджет, который хотите отображать при нажатии на кнопку.

### Кнопка с функцией ссылки на мессенджеры

Чтобы клиент мог перейти с вашего сайта в бот в мессенджере, например в Telegram или WA, можно использовать функцию кнопки «ссылка на мессенджер» или раздел «Форма».

<figure><img src="/files/c9df196767db55c8f898a54f6a6478a577a5f9f6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Подробнее о [разделе «Форма](/doc/ru/websites/saity/blocks/forms.md)» читайте в статье с таким же названием.&#x20;
{% endhint %}

После выбора функции кнопки выберите мессенджер, на который клиент перейдёт после нажатия на кнопку клиента.


---

# 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/websites/saity/blocks/buttons.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.