Оформление
Как поставить форму бронирования на свой сайт
Форма бронирования — отдельный виджет. Заявки из него попадают прямо в систему.
Встраивание — три вставки в вашу страницу: таблица стилей в <head>, скрипт перед закрытием <body> и сам тег виджета там, где форма должна появиться.
Порядок
- Получите токен компании — он лежит в профиле компании и копируется нажатием. Без него форма не покажет ни транспорта, ни цен.
- Вставьте на страницу все три части: стили, скрипт и тег виджета с этим токеном.
- Решите, что показывать: одно средство или выбор из всех.
- Настройте поля клиента — отдельно показ, отдельно обязательность. Это разные настройки.
- Задайте места выдачи с ценами.
- Приведите оформление к стилю сайта классами.
- Проверьте форму на живой странице: отправьте пробную заявку и убедитесь, что она пришла в систему.
Токен обязателен
Виджет узнаёт вашу компанию по токену. Без токена форма не покажет ни транспорта, ни цен: это не настройка внешнего вида, а способ привязки к компании.
Важно
Токен виден в исходном коде вашей страницы — так устроен любой встраиваемый виджет. Он даёт доступ к витрине и приёму заявок, но не к данным компании.
Что показывать
Форма может работать двумя способами: показывать одно конкретное средство или давать клиенту выбор из всех. Второй режим включается отдельно.
Режимы по-разному относятся к занятости
Форма, открытая на конкретном средстве, проверяет его свободу на выбранные даты. Режим «показать все» отдаёт весь доступный парк без учёта занятости — клиент увидит в списке и то, что уже забронировано.
Если заявки на занятый транспорт вам не нужны, оставляйте форму на конкретном средстве.
Есть и обратный случай: форма на странице конкретного средства. Тогда укажите его — форма откроется сразу на нём.
Отдельно скрываются год выпуска и подпись разработчика.
Поля клиента: два разных вопроса
Здесь легче всего запутаться, потому что вопросов два, и решаются они разными настройками:
| Вопрос | Настройка | По умолчанию |
|---|---|---|
| Показывать ли поле | Показ поля | Показывается |
| Обязательно ли заполнить | Обязательность | Необязательно |
Поэтому поле можно показать необязательным, можно сделать обязательным, а можно убрать совсем. Настраиваются так: почта, телефон, отчество, дата рождения, паспорт, водительское удостоверение, адрес.
Подсказка
Каждое лишнее обязательное поле — это отказы на форме. Обязательными делайте только то, без чего вы физически не выдадите транспорт.
Места выдачи
Список мест задаётся вместе с ценой за каждое: офис, доставка по городу, аэропорт. Клиент выбирает место, и его стоимость попадает в расчёт сразу на форме.
Согласие с условиями
К чекбоксу согласия можно добавить свою ссылку — на страницу с условиями аренды на вашем сайте. Задаются и текст, и подпись ссылки, и адрес.
Внешний вид
Оформление задаётся классами: кнопка, контейнер, заголовок, значки, тело формы.
Классы ограничены
Виджет использует собственный набор служебных классов — произвольные имена из вашей вёрстки в нём не подействуют. Правки отступов особенно осторожны: они легко ломают форму на узких экранах, где проверить её сложнее всего.
Меняйте оформление небольшими шагами и смотрите результат на телефоне, а не только на компьютере.
Аналитика
Форма отдаёт события в Яндекс Метрику — укажите номер счётчика.
Чтобы события считались, в Метрике нужно создать цели с теми идентификаторами, которые шлёт виджет: поиск средств и отправка заявки. Без созданных целей события уходят, но в отчётах их не видно.
Что ещё встроено
Форма защищена от роботов автоматически. Дополнительно подключать ничего не требуется, но если посетитель жалуется, что форма не отправляется, — проверьте, не блокирует ли её расширение браузера.