Класична форма (покрокова форма бронювання)

Ця стаття пояснює, як налаштувати класичну покрокову форму бронювання.

Якщо не впевнені, яку форму бронювання використовувати, перегляньте Типи форм бронювання / Виберіть форму бронювання.

Як налаштувати класичну форму бронювання

Ви можете налаштувати макет, кольори, підписи, поля та тексти кроків вашої форми бронювання. Щоб редагувати форму:

1. Перейдіть у Bookly > Зовнішній вигляд.

2. Виберіть Покрокова форма.

3. Налаштуйте параметри форми на доступних вкладках.

4. Натисніть Зберегти.

Налаштування кольорів

Скористайтеся вибором кольору, щоб налаштувати основні кольори класичної форми бронювання відповідно до дизайну вашого сайту.

Після оновлення кольорів натисніть Зберегти.

Редагування текстів і додавання деталей бронювання

Ви можете редагувати текст, що показується на кожному кроці бронювання.

Натисніть підкреслений текст, щоб відкрити вікно редагування. Введіть свій текст і додайте коди, такі як {service_name}, {staff_name} або {total_price}, щоб динамічно показувати деталі бронювання.

Почніть вводити { і виберіть код із підказок редактора. Натисніть Застосувати, потім Зберегти.

Приклад:

Ви вибрали запис на {service_name} до {staff_name} на {service_time} {service_date}.
Ціна послуги — {service_price}.
Будь ласка, вкажіть свої дані у формі нижче, щоб продовжити бронювання.

Описи кодів дивіться в розділі Усі плейсхолдери. Не всі перелічені там коди доступні в розділі «Зовнішній вигляд»; перевіряйте за підказками редактора, які коди можна вставити.

Розширено: умовний та повторюваний контент

Використовуйте умовні блоки, щоб показувати текст лише за наявності певної інформації про бронювання.

У наведеному нижче прикладі вибрані доповнення показуються лише за їх наявності. Для коду {extras} потрібен Service Extras Add-on.

{#if extras} Додаткові товари: {extras}{/if}

Якщо ви використовуєте add-ons, що дозволяють кілька записів в одній сесії бронювання, використовуйте повторюваний блок, щоб показувати деталі кожного запису в бронюванні. Вміст блоку повторюється один раз для кожного запису.

Приклад:

{#each appointments as appointment}
Сервіс: {appointment.service_name}
Співробітник: {appointment.staff_name}
Дата та час: {appointment.appointment_date} о {appointment.appointment_time}
{/each}

Перевірте мобільну версію

Якщо ви змінюєте або перекладаєте назви кнопок, також перевірте мобільну версію форми. Відкрийте Зовнішній вигляд Bookly у мобільному вигляді, оновіть тексти кнопок для кожного кроку та збережіть зміни.

Приховати кроки або поля

Щоб приховати поля «Категорія», «Сервіс» або «Співробітник», налаштуйте параметри блоку форми бронювання або шорткоду під час додавання форми на сторінку. Якщо ви приховуєте обовʼязкове поле, виберіть для нього значення за замовчуванням.

Можливість приховати крок бронювання залежить від самого кроку та налаштувань Bookly. Наприклад, щоб приховати крок «Оплата», вимкніть всі способи оплати, зокрема оплату на місці, у Bookly > Налаштування > Платежі. Див. Як прибрати крок оплати з форми бронювання?.

Дізнатися більше: Публікація форми бронювання

Перегляньте поширені запитання

Як змінити колір або розмір шрифту попереджувального повідомлення?

Як приховати поля категорії / сервісу / співробітника у формі бронювання?

Як змінити колір тексту у формі бронювання Bookly?

Як прибрати крок оплати з форми бронювання?

Кнопка «Далі» не працює у формі бронювання