Віджет допоможе клієнтам бронювати ваші послуги через Telegram та на вашому вебсайті.

Віджет можна інтегрувати як на вебсайт, створений за допомогою MaviBot, так і на лендінг, створений за допомогою інших конструкторів.

Як створити віджет

Спочатку потрібно створити філію та налаштувати послуги, призначивши їх співробітникам. Ми пояснили, як це зробити, у статті «Налаштування служби бронювання».

Щоб розпочати, перейдіть до розділу «Віджети», який можна знайти у верхньому меню.

Якщо в проєкті ще не створено жодних віджетів, у розділі «Віджети» ви побачите чотири кнопки в центрі екрана.

Натисніть кнопку «Віджет онлайн-бронювання», і ви перейдете до налаштувань віджета.

Основна інформація

У цій вкладці потрібно ввести назву віджета (яка відображатиметься на вебсайті) та домен сайту, на якому ви хочете, щоб з'явився віджет онлайн-бронювання (якщо сайт не створено за допомогою MaviBot).

Якщо сайт створено за допомогою конструктора MaviBot, відкрийте вкладку «Сайти» та скопіюйте посилання на ваш сайт MaviBot.

Далі виберіть філію, послуги та персонал якої будуть показані у віджеті.

Ви також можете додати посилання на політику конфіденційності та посилання на згоду на обробку даних.

Тепер ви можете перейти до налаштування зовнішнього вигляду віджета.

Аналітика

Ви також можете налаштувати події аналітики.

Для цього введіть ідентифікатор Facebook Pixel, Google Analytics або Metrica у відповідне поле та вкажіть значення події.

Налаштування зовнішнього вигляду

Логотип та назва віджета відображатимуться в його заголовку.

Далі ви можете ввести заголовок та підзаголовок у віджеті, які з'являться над кнопками вибору послуги або спеціаліста.

Колірна схема віджета

Ви можете вибрати колірну схему віджета на свій смак:

  1. Фон віджета:.
  2. Основна фірмова тема віджета відображатиме кнопки, ціни та іконки у вибраній колірній схемі.
  3. Колір тексту: змінює колір тексту кнопок або основного тексту залежно від вибраного варіанту.
  4. Текст кнопки.

За замовчуванням на кнопках відображається текст «Вибрати послуги» та «Вибрати спеціаліста», але ви можете налаштувати текст на свій розсуд:

Як вбудувати віджет на ваш вебсайт

Перейдіть у режим редагування сайту.

Далі знайдіть розділ «Онлайн-бронювання» у списку та додайте його.

У налаштуваннях вмісту виберіть, який віджет відображати на сайті (якщо у вас є кілька віджетів онлайн-бронювання).

За потреби ви можете змінити налаштування фону та відображення розділу віджета. Для цього наведіть курсор на розділ і натисніть вкладку «Розширені налаштування».

Встановіть потрібні налаштування фону та відображення.

Збережіть налаштування сайту.

Тепер ваші клієнти можуть бронювати послуги цілодобово, просто відвідавши ваш вебсайт.

Як вбудувати віджет на інший вебсайт

Після збереження віджета оновіть сторінку, щоб побачити наступний блок зі скриптом віджета та полем для введення назви розділу.

Якщо вам потрібно вбудувати код на ваш вебсайт, скопіюйте скрипт і вставте його на вашу лендінг-сторінку.

Якщо ви використовуєте віджет на власних сайтах, НЕ створених за допомогою MaviBot, обов'язково введіть назву класу елемента у відповідне поле.