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

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

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

circle-check

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

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

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

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

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

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

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

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

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

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

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

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

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

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

circle-info

Читайте, как подключить платёжную систему к проекту здесь.

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

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

circle-info

Внимание!

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

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

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

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

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

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

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

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

triangle-exclamation

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

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

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

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

circle-info

Все настройки оплаты, платёжной системы и стоимости тарифного плана курса выполняются в разделе «Курсы».

Подробнее о том, как настроить тарифы курса, читайте в статье «Тарифы онлайн-курса".

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

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

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

circle-info

О настройке раздела услуг мы рассказывали в статье «Онлайн-бронирование» статье.

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

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

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

circle-info

Подробнее о разделе «Форма» читайте в статье с таким же названием.

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

Последнее обновление