Далі надаємо огляд того, як додати онлайн-запис вашого салону на сайт, побудований на платформі Voog.

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

__wf_reserved_inherit

1. Додавання посилання на бронювання у верхнє меню Voog

__wf_reserved_inherit
  1. Увійдіть на свій сайт Voog і оберіть «Редагувати сайт».
  2. У налаштуваннях верхнього меню знайдіть місце, де можна додати новий елемент меню (кнопка: «Додати»).
  3. Оберіть «Додати посилання замість цього» і назвіть його «Забронювати час».
  4. Вставте раніше скопійоване з SalonLife посилання на бронювання в поле адреси.
  5. Збережіть зміни.
__wf_reserved_inherit

Тепер у верхньому меню сайту з'явилася кнопка бронювання, натиснувши на яку відвідувачів буде переведено прямо на вашу сторінку онлайн-запису SalonLife.

2. Додавання плаваючої кнопки бронювання

__wf_reserved_inherit

Якщо ви хочете, щоб вікно онлайн-запису відкривалося прямо на сайті, ідеальний варіант для цього — використати плаваючу кнопку. Вона залишається видимою на краю екрана, навіть коли відвідувач переглядає сайт і гортає сторінку вгору-вниз.

  1. Відкрийте в SalonLife сторінку Apps і оберіть там Online Booking.
  2. Перейдіть там на сторінку Website Integration.
  3. Оберіть потрібний дизайн кнопки бронювання та введіть текст кнопки (напр. «Забронювати час»).
  4. Скопіюйте отриманий з генератора код (він потрібен для додавання плаваючої кнопки).
  5. У Voog перейдіть на сторінку «Редагувати сайт», оберіть «Налаштування», а потім «Сайт».
  6. Відкриється нова вкладка. Поле «Зовнішній код статистики» — це місце, куди потрібно додати раніше скопійований фрагмент коду.
  7. Вставте код туди та, прогорнувши вниз, збережіть зміни.
__wf_reserved_inherit

‍
Якщо ви зберегли й знову відкрили сторінку, ви маєте побачити плаваючу кнопку в нижньому правому куті або з краю екрана (напр. «Забронювати час»). Натиснувши на неї, відкриється невелике спливаюче вікно бронювання, де відвідувач може завершити створення бронювання, не покидаючи сайт.
‍

ПОРАДА:
Колір, текст і стиль плаваючої кнопки можна в будь-який момент змінити на сторінці Online Booking та Website Integration, а потім просто оновити, знову скопіювавши код.

‍
Інтеграція системи онлайн-запису SalonLife з платформою сайтів Voog — простий і швидкий процес. Додавання кнопки в меню сайту або натомість додавання плаваючої кнопки в правий нижній кут дозволяє клієнтам зручно обрати для себе потрібний час. Успішного налаштування!