Виджет поможет клиентам бронировать ваши услуги через Telegram и на вашем сайте.
Виджет можно интегрировать как на сайт, созданный с помощью MaviBot, так и на лендинг, созданный с помощью других конструкторов.
Как создать виджет
Сначала необходимо создать ветку и настроить услуги, назначив их сотрудникам. Мы объяснили, как это сделать, в статье «Настройки услуги бронирования».
Для начала перейдите в раздел «Виджеты», который находится в верхнем меню.
Если в проекте еще не создано ни одного виджета, в разделе «Виджеты» в центре экрана вы увидите четыре кнопки.
Нажмите кнопку «Виджет онлайн-бронирования», и вы перейдете к настройкам виджета.
Основная информация
На этой вкладке необходимо ввести название виджета (которое будет отображаться на сайте) и домен сайта, на котором вы хотите разместить виджет онлайн-бронирования (если сайт не создан с помощью MaviBot).
Если сайт создан с помощью конструктора MaviBot, откройте вкладку «Сайты» и скопируйте ссылку на ваш сайт MaviBot.
Затем выберите ветку, услуги и сотрудники которой будут отображаться в виджете.
Вы также можете добавить ссылку на политику конфиденциальности и ссылку на согласие на обработку данных.
Теперь можно перейти к настройке внешнего вида виджета.
Аналитика
Вы также можете настроить события аналитики.
Для этого введите ID Facebook Pixel, Google Analytics или Метрики в соответствующее поле и укажите значение события.
Настройки внешнего вида
Логотип и название виджета будут отображаться в его заголовке.
Затем вы можете ввести заголовок и подзаголовок в виджете, которые будут отображаться над кнопками выбора услуги или специалиста.
Цветовая схема виджета
Вы можете выбрать цветовую схему виджета по своему усмотрению:
- Фон виджета:.
- Основная тема бренда виджета будет отображать кнопки, цены и значки в выбранной цветовой схеме.
- Цвет текста: изменяет цвет текста кнопок или основного текста в зависимости от выбранного параметра.
- Текст кнопки.
По умолчанию на кнопках отображается текст «Выбрать услуги» и «Выбрать специалиста», но вы можете настроить текст по своему усмотрению:
Как встроить виджет на свой сайт
Перейдите в режим редактирования сайта.
Затем найдите раздел «Онлайн-бронирование» в списке и добавьте его.
В настройках контента выберите, какой виджет отображать на сайте (если у вас несколько виджетов онлайн-бронирования).
При необходимости вы можете отредактировать фон и настройки отображения раздела виджета. Для этого наведите курсор на раздел и нажмите вкладку «Расширенные настройки».
Установите желаемые настройки фона и отображения.
Сохраните настройки сайта.
Теперь ваши клиенты могут бронировать услуги круглосуточно, просто заходя на ваш сайт.
Как встроить виджет на другой сайт
После сохранения виджета обновите страницу, чтобы увидеть следующий блок с кодом виджета и полем для ввода имени раздела.
Если вам нужно встроить код на свой сайт, скопируйте скрипт и вставьте его на свой лендинг.
Если вы используете виджет на своих сайтах, НЕ созданных с помощью MaviBot, обязательно введите имя класса элемента в соответствующее поле.
