Интеграции Кейсы

Дизайн форм Битрикс24: как сделать CRM-форму в фирменном стиле сайта

Формы работали идеально, но заказчик не мог на них смотреть: три-четыре стандартных шаблона ломали эстетику сайта. Рассказываем, как сохранить функции CRM и сделать форму красивой.

Дизайн форм Битрикс24: как сделать CRM-форму в фирменном стиле сайта

Коротко

  • Дизайн форм Битрикс24 можно адаптировать под сайт, но сохранить сбор заявок, автоматизацию и передачу данных.
  • Однако стандартных вариантов оформления CRM-форм всего несколько, и они часто не вписываются в стиль сайта.
  • Клиенту важно было сохранить фирменный стиль, но оставить всю логику работы на платформе Битрикс24.
  • Решение — кастомизация через HTML, CSS и JS по макетам или брендбуку. Причем автозаполнение, источники и метки сохраняются.
  • Сразу после первого проекта пришёл второй такой же запрос, так что кастомизация форм стала отдельной услугой.

CRM-формы Битрикс24 — отличный инструмент. Например, их можно встроить на сайт, в блог или маркетинговые материалы. Они собирают заявки, лиды и резюме, а также сразу передают данные в CRM. Но у них есть слабое место — внешний вид. Эта история о том, как дизайн форм Битрикс24 стал отдельной задачей и отдельной услугой.

Проблема: функции отличные, оформление — нет

К сожалению, выбор оформления у стандартных CRM-форм — лишь три-четыре варианта. Если сайту важны современный стиль и визуальная целостность, такие формы заметно выбиваются из дизайна.

Один из заказчиков сказал прямо: всё работает идеально, но смотреть на эти формы невозможно. Функционал в порядке, а внешний вид портит впечатление от сайта.

Не все в нашей команде сразу восприняли это всерьёз, ведь форма простая, но заявки идут. Но нашёлся фронтенд-разработчик, который верил, что рабочее может быть и красивым, и занялся поиском решения.

Задача клиента

  • сохранить фирменный стиль сайта;
  • оставить сбор заявок и автоматизацию на платформе Битрикс24;
  • не потерять данные об источниках и метках;
  • не переделывать процессы обработки лидов.

Как мы сделали дизайн форм Битрикс24 под сайт

Что делаемРезультат
Адаптируем форму по макетам или брендбукуФорма выглядит как часть сайта
Согласовываем дизайн с клиентомСтиль совпадает с остальными элементами страницы
Кастомизируем через HTML, CSS и JSСнаружи — фирменный вид, внутри — логика Битрикс24
Подключаем автозаполнение, источники, UTM-меткиЛиды приходят в CRM со всей нужной информацией

Почему это стало услугой

Не успели мы сдать первый проект, как пришёл второй такой же запрос. Значит, проблема не единичная. Компаниям нужны формы, которые не только работают как CRM-инструмент, но и не портят дизайн сайта.

Когда стоит заказывать кастомизацию форм

  1. у сайта строгий фирменный стиль или брендбук;
  2. форма — ключевой элемент конверсии, например на лендинге;
  3. маркетинг проводит A/B-тесты и следит за визуальной целостностью;
  4. нужны нестандартные поля или логика отображения;
  5. важно сохранить передачу источников и меток в CRM.

Как мы переводили формы двух сайтов на CRM-формы Битрикс24 и перестали терять заявки, — в кейсе «Интеграция сайта с Битрикс24».

Вывод

Сайт не должен страдать от форм, так же как маркетологи — от их внешнего вида. Дизайн форм Битрикс24 можно сделать фирменным и сохранить всё, за что их ценят. Прежде всего сбор заявок, автоматизацию и данные для аналитики. Мы это уже проверили на реальных проектах.

Если хотите красивые и функциональные формы на своём сайте, команда «Тамплиера» покажет примеры, оценит объём и сделает форму под ваш стиль.

Частые вопросы

Можно ли изменить дизайн CRM-формы Битрикс24?

Да. Помимо стандартных вариантов оформления, форму можно кастомизировать через HTML, CSS и JS под брендбук.

Сохранится ли передача заявок в CRM после кастомизации формы?

Да, если всё сделать правильно, форма продолжает работать на логике Битрикс24. Заявки, источники, метки и автоматизация сохраняются.

Зачем кастомизировать форму, если стандартная работает?

Чтобы форма не выбивалась из дизайна сайта: визуальная целостность влияет на доверие посетителей и конверсию.

Что нужно для кастомизации формы Битрикс24?

Макет или брендбук сайта, список полей и требования к передаче данных в CRM. Например, источники, метки и автозаполнение.

Обсуждение

Оставить комментарий