Как подключить виджет онлайн-записи на сайт автошколы

Что это даёт

Виджет — форма записи прямо на странице вашего сайта. Поля: имя, телефон, email (необязательно), категория (B, A, C, D, BE, CE) и комментарий. Внизу обязательная галочка согласия на обработку персональных данных и отдельная, необязательная — на новости и акции школы по email. Кнопка — «Записаться».

Заявка попадает в раздел CRM с источником «Сайт». Вместе с ней сохраняются UTM-метки, если человек пришёл с рекламы, и код ученика, если пришёл по реферальной ссылке.

Посетитель после отправки видит «Заявка принята ✓» и обещание перезвонить в течение 30 минут. Держите менеджера наготове.

Шаг 1. Скопируйте код

1. Войдите в Drivli как директор.
2. Меню Настройки → Реквизиты.
3. Прокрутите вниз до карточки «Виджет онлайн-записи на сайт».
4. Нажмите «Скопировать». Кнопка сменится на «Скопировано».

Код — две строки. Адрес вашей школы (slug) уже подставлен:

<div data-drivli-widget data-school="ВАШ_SLUG"></div>
<script src="https://drivli.ru/widget.js" defer></script>

В карточке вместо кода кнопка «Сменить тариф»? Виджет открывается на тарифе «Стандарт» и выше.

Шаг 2. Вставьте на сайт

Форма появится ровно там, где стоит строка с data-drivli-widget. Выберите место, где запись нужнее всего: главная, «Цены», «Контакты».

Tilda

1. В редакторе страницы добавьте блок «HTML-код» (раздел «Другое»).
2. Вставьте в него код, сохраните и опубликуйте страницу.

WordPress

1. Откройте страницу в редакторе.
2. Добавьте блок «Произвольный HTML» и вставьте код.
3. Обновите страницу.

Самописный сайт

Вставьте обе строки в HTML-шаблон — в тот блок, где должна стоять форма.

Шаг 3. Проверьте

1. Откройте свой сайт в режиме инкогнито.
2. Найдите форму «Запись в автошколу».
3. Отправьте тестовую заявку со своим телефоном.
4. В Drivli откройте CRM. Заявка появится в первой стадии воронки. В виде «Список» её легко найти фильтром по источнику.

Посмотреть форму до установки на сайт — кнопка «Превью →» рядом со «Скопировать». Или адрес https://drivli.ru/widget-preview?school=ВАШ_SLUG.

Свой заголовок

По умолчанию заголовок формы — «Запись в автошколу», подзаголовок — «Оставьте заявку — мы перезвоним в течение 30 минут.» Свои тексты задайте атрибутами data-title и data-subtitle:

<div
  data-drivli-widget
  data-school="ВАШ_SLUG"
  data-title="Запишитесь на категорию B"
  data-subtitle="Перезвоним сегодня до 20:00"
></div>
<script src="https://drivli.ru/widget.js" defer></script>

Цвета, текст кнопки и набор полей не настраиваются. Нужно иначе — напишите на support@drivli.ru.

UTM-метки и реклама

Человек пришёл по ссылке с ?utm_source=yandex&utm_campaign=zima-2026 — метки сохранятся вместе с заявкой.

Смотреть результат: Отчёты → карточка «Источники заявок и конверсия». Переключатель «По источнику» / «По кампании». В таблице — сколько заявок, сколько из них стали учениками и конверсия. Период задаётся вверху страницы «Отчёты».

Реферальная программа

У каждого ученика есть реферальный код. В кабинете ученика — блок «Приведите друга — скидка обоим» со ссылкой вида https://drivli.ru/r/ВАШ_SLUG/КОД. Ссылка открывает страницу Drivli с той же формой и обещанием скидки 1 000 ₽. Заявка придёт в CRM с кодом ученика. Скидку обоим школа даёт вручную, при оформлении договора.

Реферальная ссылка работает на любом тарифе, даже без виджета на сайте.

Кто приводит больше друзей: Отчёты → карточка «Ещё отчёты» → вкладка «Топ-рефереров». Там же директор включает и выключает программу переключателем.

Защита от спама

В форме есть скрытое поле-ловушка. Человек его не видит, бот заполняет — такая заявка молча отбрасывается. Плюс лимит: с одного адреса не больше 20 заявок за 10 минут. Живым посетителям это не мешает.