Классическая форма (пошаговая форма записи)
В этой статье рассказывается, как настроить классическую пошаговую форму записи.
Если не уверены, какую форму записи выбрать, см. Типы форм записи / Выбор формы записи.
Как настроить классическую форму записи
Можно настроить макет, цвета, подписи, поля и тексты шагов формы записи. Чтобы отредактировать форму:
1. Перейдите в Bookly > Appearance.
2. Выберите Пошаговая форма.
3. Настройте форму на доступных вкладках.
4. Нажмите Сохранить.
Настройка цветов
Используйте палитру цветов, чтобы подобрать основные цвета классической формы записи под дизайн вашего сайта.
После изменения цветов нажмите Сохранить.
Редактирование текстов и добавление деталей записи
Можно редактировать текст, который показывается на каждом шаге записи.
Нажмите на подчёркнутый текст, чтобы открыть окно редактирования. Введите свой текст и добавьте коды, такие как {service_name}, {staff_name} или {total_price}, чтобы динамически показывать детали записи.
Начните вводить `{`, чтобы увидеть доступные коды. Нажмите Применить, затем Сохранить.
Пример:
Вы записались на {service_name} к {staff_name} в {service_time} {service_date}. Стоимость сервиса — {service_price}. Пожалуйста, укажите свои данные в форме ниже, чтобы продолжить запись.
Полный список доступных кодов — в разделе Все плейсхолдеры.
Продвинутый уровень: условный и повторяющийся контент
Используйте условные блоки, чтобы показывать текст только при наличии определённой информации о записи.
Пример:
{#if extras} Дополнительные позиции: {extras}{/if}
Если вы используете add-ons, позволяющие оформить несколько записей за один сеанс бронирования, используйте повторяющиеся блоки, чтобы показать детали каждой записи.
Пример:
{#each appointments as appointment}
Сервис: {appointment.service_name}
Сотрудник: {appointment.staff_name}
Дата и время: {appointment.appointment_date} в {appointment.appointment_time}
{/each}
Проверьте мобильную версию
Заголовок раздела «Проверьте мобильную версию»Если вы меняете или переводите названия кнопок, проверьте также мобильную версию формы. Откройте Bookly Appearance в режиме мобильного просмотра, обновите тексты кнопок для каждого шага и сохраните изменения.
Скрытие шагов или полей
Чтобы скрыть шаги записи или поля, настройте параметры шорткода при добавлении формы на страницу.
Подробнее: Публикация формы записи
Частые вопросы
Как изменить цвет или размер шрифта предупреждающего сообщения?
Как скрыть поля категории, сервиса или сотрудника в форме записи?
Как изменить цвет текста в форме записи Bookly?