phone
Автоматизация процессов
B2B

Автоматизация проверки форм на сайте

Как мы убрали рутину, сократили проверку с 2,5 часов до 30 минут и перестали терять заявки
Сайт проекта: manao-team.com
Время внедрения: ~3 часа
Технологии MySQL React REST API

Клиент

Этот кейс мы сделали для себя — для команды Manao Dev. Но сама задача хорошо знакома маркетологам, агентствам и компаниям с активным сайтом, где формы — основной источник лидов и заявок.

Задача

У нас на сайте много форм. И чтобы не терять клиентов, важно, чтобы каждая работала. Раньше мы проверяли их вручную — открывали страницы, заполняли формы и сверяли отправки с лидами в CRM.

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

Почему это важно

Форма на сайте — это последняя точка контакта между пользователем и бизнесом. Если она не работает, компания теряет не данные, а реальные заявки и деньги.

Проблема в том, что ошибки в формах редко заметны сразу. Сайт может выглядеть нормально, кнопка «Отправить» нажимается, сообщение об успехе показывается — а в CRM при этом ничего не появляется. Особенно критично это в моменты, когда на сайт идёт платный трафик или активные рекламные кампании.

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

Первые попытки автоматизации

Перед тем как привлекать разработчиков, мы пытались упростить процесс своими силами. Но довольно быстро стало понятно, что простые решения здесь не работают.
Мария Санталова
Мария Санталова Маркетолог Manao Dev

Сначала мы пробовали автокликер — записывали клики и запускали проверку как сценарий. Но малейшее изменение экрана ломало всю логику: клики смещались, программа зависала, а времени тратилось столько же, если не больше.

Потом попробовали Selenium IDE — хотели написать простой скрипт для проверки. Но он то не запускался, то не сохранял результаты.

В какой-то момент я просто вспомнила, что мы вообще-то работаем в компании разработчиков, и попросила коллег написать нормальный автотест.

Техническое задание

Техническое задание мы писали так, чтобы можно было получить понятный результат и надёжный процесс. Нам было важно сразу описать, как должна выглядеть проверка с точки зрения пользователя, а не просто перечислить технические требования.
  1. Какие формы проверять
    Мы собрали список всех форм на сайте и описали их поведение: обязательные и необязательные поля, валидацию, сообщения об ошибках и успешной отправке. Это нужно, чтобы скрипт корректно повторял действия реального пользователя, а не просто «нажимал кнопки».
  2. Какие данные использовать
    Мы подготовили тестовые данные, которые отправляются в CRM в отдельную категорию и не попадают менеджерам. Так мы проверяем реальные процессы, не мешая работе отдела продаж.
  3. Как должен работать процесс

    Мы хотели максимально простой сценарий:

    • запускаем проверку одной командой;
    • система сама открывает страницы;
    • заполняет формы по двум сценариям (полное и минимальное заполнение);
    • отправляет данные;
    • фиксирует результат;
    • формирует единый HTML-отчёт.

    Без ручных сверок, таблиц и дополнительной обработки.

  4. Каким должен быть отчёт

    Отчёт должен быть понятным маркетологу, а не только разработчику. Мы сразу заложили, что в нём должно быть видно:

    • какую форму проверяли;
    • на какой странице;
    • по какому сценарию;
    • успешно ли отправилась заявка;
    • есть ли ошибка и в чём она.
Обсудить с нами ваши задачи
Оставьте нам заявку и мы свяжемся с вами, чтобы определить задачи, фронт работы и стоимость будущего проекта
Оставить заявку

Создание автотестов: как мы реализовали решение

Когда техническое задание было сформировано, мы перешли к реализации. Наша цель была не просто «написать автотесты», а построить понятный и устойчивый процесс, который можно использовать регулярно, без участия разработчиков и без ручных проверок.

Мы двигались по шагам — от общей логики к деталям, постоянно проверяя, что решение остаётся удобным именно для маркетинга, а не только технически корректным.

Шаг 1. Проверка должна выглядеть как действия реального пользователя

Первое, с чего мы начали, — отказались от абстрактной проверки «работает / не работает».

Нам было важно, чтобы система повторяла поведение живого посетителя сайта: открывала страницы, закрывала всплывающие окна, заполняла поля и нажимала кнопки так же, как это делает обычный пользователь.

Поэтому в качестве основы мы выбрали Playwright.

Он позволяет эмулировать реальные пользовательские действия и стабильно работает с современными интерфейсами. Это критично, когда формы отличаются по дизайну, расположению и логике работы.

Зачем это было нужно: если форма проходит такую проверку — с высокой вероятностью она работает и для реальных клиентов.

Шаг 2. Разделили логику проверки и сами формы

Следующий шаг — сделать решение масштабируемым. Мы понимали, что формы будут добавляться, удаляться и меняться, поэтому нельзя было «зашивать» логику проверки в каждый тест отдельно.

Мы вынесли всю повторяющуюся логику работы с формами в общий слой:
  • заполнение полей;
  • отправка формы;
  • ожидание результата;
  • проверка успешной отправки.

Так появился универсальный класс GenericForm — шаблон поведения формы. Теперь, чтобы добавить новую форму в проверку, не нужно писать новый тест — достаточно передать параметры конкретной формы.

Почему это важно: маркетологу не нужен «уникальный код под каждую форму». Ему нужен инструмент, который легко поддерживать и расширять.

Мы можем сделать то же самое для вас

Напишите, а мы подготовим ТЗ, план работ и диапазон бюджета со сроками

Оставить заявку

Шаг 3. Зафиксировали элементы форм, чтобы изменения дизайна не ломали проверки

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

Чтобы этого избежать, мы вынесли все элементы форм в отдельный слой — класс Locators. Он хранит локаторы кнопок, полей и сообщений.

Что это даёт на практике: если на сайте меняется дизайн, достаточно обновить локатор в одном месте, а не переписывать всю логику тестов.

Шаг 4. Описали сценарии проверки так, как ведут себя реальные пользователи

На этом этапе мы перешли к сценариям тестирования. Мы сознательно отказались от одного «универсального» сценария и реализовали два отдельных варианта.

Первый сценарий — полное заполнение формы.

Он помогает выявить ошибки, связанные с необязательными полями, дополнительной валидацией и сложной логикой.

Второй сценарий — минимальное заполнение, только обязательные поля.

Именно здесь чаще всего возникают проблемы: неправильно размеченные поля, сломанные проверки, ошибки отправки. На практике оказалось, что большинство критичных багов мы ловим именно в этом сценарии.

Оба сценария были заложены как обязательные — без возможности «пропустить».

Шаг 5. Сделали запуск и отчёты понятными не только разработчикам

Когда логика проверки была готова, мы сосредоточились на том, как пользователь будет работать с результатом.

Для запуска тестов мы использовали файл Pytest — он позволил структурировать проверки и запускать их одной командой из консоли, без лишних настроек. Для отчётности подключили Pytest-html.

В результате каждый запуск формирует наглядный HTML-отчёт, который можно открыть в браузере и сразу увидеть:

  • какая форма проверялась;
  • на какой странице;
  • по какому сценарию;
  • успешно ли отправилась заявка;
  • есть ли ошибка и где именно она возникла.

Важно: этот отчёт понятен маркетологу и руководителю, а не только разработчику.

Также мы подумали о том, как этим инструментом будут пользоваться на практике.

Нам было важно, чтобы автопроверка форм не осталась «решением для разработчиков», которое страшно трогать без технического бэкграунда. Поэтому мы подготовили пошаговую инструкцию по использованию.

Шаг 6. Проверили устойчивость решения в реальных условиях

На финальном этапе мы прогнали проверки в условиях, максимально приближённых к реальным:

  • с всплывающими баннерами;
  • с разными типами страниц;
  • с реальными сценариями заполнения.

Дополнительно мы предусмотрели обработку тестовых заявок в CRM так, чтобы они не мешали отделу продаж и не попадали менеджерам в работу.

Это позволило превратить автотесты не в разовую разработку, а в рабочий инструмент для регулярного использования.

Как выглядит отчёт

Каждый запуск проверки формирует HTML-отчёт, который можно открыть в браузере. В нём собрана вся ключевая информация по проверке — без ручных сверок и повторных прогонов.

В отчёте видно, какую форму проверяли, на какой странице и по какому сценарию. Для каждой формы фиксируется результат отправки, сообщение сайта и наличие ошибки, если она возникла. После этого достаточно зайти в CRM и убедиться, что тестовые лиды дошли.

Как теперь проходит проверка

Процесс, который раньше занимал до 2,5 часов ручной работы, теперь занимает около 30 минут в месяц, включая просмотр отчёта.

Проверка запускается несколькими командами в консоли. Дальше система работает сама: обходит страницы, отправляет тестовые заявки, фиксирует результаты и формирует отчёт. А если на сайте появляется новая форма, она просто добавляется в конфигурацию. Если форму убрали — исключается из проверки. Решение спокойно масштабируется вместе с сайтом.

Следующий шаг — интеграция отчётов с Bitrix24, чтобы в одном месте видеть не только факт отправки формы, но и факт создания лида в CRM. Это позволит полностью отказаться от ручных проверок и сверок.

Заключение

В результате мы получили удобный и надёжный инструмент для регулярной проверки форм на сайте. Он снимает рутинную нагрузку с команды, снижает риск потери заявок и даёт понятный контроль над тем, как сайт принимает лиды.

Этот кейс хорошо отражает наш подход: мы делаем решения, которые можно использовать на практике, а не просто «один раз внедрить и забыть». Если на сайте много форм и важно быть уверенными, что каждая из них работает корректно, такую систему проверки можно внедрить и в вашем проекте.

Почему мы?

Мы — исполнители
Все задачи делаем своими силами. Никаких посредников и аутсорса
Опыт и доверие
85 % клиентов продлевают сотрудничество. Мы умеем работать в долгую
Официальный статус
Резиденты ПВТ, сертифицированы Битрикс24 и 1С‑Битрикс
Прозрачность
Вы всегда знаете, что мы делаем и зачем. Отвечаем в течение 30 минут
Качество и гарантия
Соблюдаем стандарты кода, даём гарантию и успеваем в сроки
Личный менеджер
За каждым проектом закрепляем менеджера, который всё курирует
поддержка
поддержка

Хотите пообщаться о задаче?

Оставьте нам заявку и мы свяжемся с вами, чтобы определить задачи, фронт работы и стоимость будущего проекта
Оставить заявку

Рекомендуем

Система онлайн-заказов выпускных альбомов
  • Заказ без менеджера
  • Понятная цена сразу
  • Без сбоев и лишних действий
Подробнее
Система онлайн-заказов выпускных альбомов
Отложенные письма для клиентов в Bitrix24 за 30 минут
  • Контроль сотрудников
  • Анализ продуктивности
  • Упрощение отчетности
Подробнее
Отложенные письма для клиентов в Bitrix24  за 30 минут
Разработка сайта для логистической компании
  • Разработка фирменного стиля
  • Дизайн сайта
  • Верстка и разработка на 1С-Битрикс
Подробнее
Разработка сайта для логистической компании
Интернет-магазин автозапчастей
  • Верстка и разработка React + Laravel
  • Дизайн
Подробнее
Интернет-магазин автозапчастей
Редизайн сайта интернет-магазина кофе
  • Интернет-магазин
  • Удобный интерфейс
  • Личный кабинет
Подробнее
Редизайн сайта интернет-магазина кофе
Автоматизация проверки форм на сайте
  • Автопроверка форм
  • Снижение рутины
  • Контроль лидов
Подробнее
Автоматизация проверки форм на сайте
Разработка парсинга телеграм-каналов в Битрикс24
  • Мониторинг сообщений
  • Выявление лидов
  • Авто-добавление в CRM
Подробнее
Разработка парсинга телеграм-каналов в Битрикс24
Интеграция интернет-магазина с Яндекс Go
  • Оптимизация логистики
  • Синхронизация с CRM
  • Экономия времени
Подробнее
Интеграция интернет-магазина  с Яндекс Go
Автоматизация работы с тендерами в Битрикс24
  • Автоматизация тендеров
  • CRM-интеграция
  • Экономия времени
Подробнее
Автоматизация работы с тендерами в Битрикс24
Интеграция “Европочты” на сайт
  • Автообновление данных
  • Карта доставки
  • Упрощенный интерфейс
Подробнее
Интеграция  “Европочты” на сайт
Интеграция сайта, Битрикс24 и 1С с Onliner
  • Автообновление каталога
  • Синхронизация CRM и 1С
  • Корректный учет заказов
Подробнее
Интеграция сайта, Битрикс24 и 1С  с Onliner
Спам в открытых линиях Битрикс24
  • Анти-спам бот
  • Автоматизация защиты
  • Автоудаление спама
Подробнее
Спам в открытых линиях Битрикс24
Внедрение на сайт функции предзаказа
  • Автоматизация закупок
  • Повышение продаж
  • Интеграция с 1С
Подробнее
Внедрение на сайт функции предзаказа
Оптимизация через автоматизацию
  • Автоматизация задач
  • Ускорение работы
  • Минимизация ошибок
Подробнее
Оптимизация через автоматизацию
Валидация ввода в форме регистрации
  • Корректный ввод данных
  • Защита от ботов
  • Настройка под бизнес
Подробнее
Валидация ввода в форме регистрации
Доработки для интернет-магазина дизайнерской мебели
  • Исправление багов
  • Доработка интерфейса
  • Мониторинг сайта
Подробнее
Доработки для интернет-магазина дизайнерской мебели
Внедрение приоритета для изображений
  • Массовая обработка
  • Упрощение интерфейса
  • Алгоритм сортировки
Подробнее
Внедрение приоритета для изображений
Внедрение калькулятора для грузоперевозок
  • Доработка ТЗ от клиента
  • Упрощение заказов
  • Интуитивный интерфейс
Подробнее
Внедрение калькулятора для грузоперевозок
Интеграция банка Альфа-Банка (РБ) с Битрикс24
  • Автоматизация импорта
  • Контроль транзакций
  • Финансовый учет
Подробнее
Интеграция банка Альфа-Банка (РБ) с Битрикс24
Разработка сайта с интерактивными элементами
  • Панорамный тур
  • 3D-модели домов
  • Продуманный UX/UI
  • Каталог проектов
  • 3D-модель дома
Подробнее
Разработка сайта с интерактивными элементами

Наши клиенты

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

Artox Mitgroup Алло Филдс Глобал Инжиниринг Vizavi керамика Xistore Mulisport roast
Rulez Микроэлектроника 97 Уральский гранит Save carrency Стоматология Стомика mi by Garantis.trade Kudel Sante

Наши услуги

Мы компания, умеющая не только разрабатывать сайты, но и хорошо выполняем роль субподрядчика на средних и больших проектах. Разрабатываем и внедряем решения на базе 1С-Битрикс / Битрикс24. Всегда боремся за успешное доведение проекта до финала, гибко планируя производственный график.

Разработка сайтов на 1С‑Битрикс
Сделаем крутой сайт для вашего бизнеса с любым функционалом. Корпоративные сайты, сайты-визитки, интернет-магазины, порталы для B2B
Разработка сложных сайтов и проектов
Разрабатываем сложные сайты и веб-системы с индивидуальной архитектурой, интеграциями с 1С, CRM и ERP, а также расчётом на высокую нагрузку.
Разработка веб-приложений
Разрабатываем веб-приложения со сложной логикой, интеграциями и высокими требованиями к производительности.
Интеграция МойСклад и Битрикс24
Интегрируем МойСклад с Bitrix24 и сайтом так, чтобы заказы, остатки и статусы передавались автоматически — без ручной работы и ошибок.
Интернет-магазины
Создание интернет-магазина. Разработка с учетом UX/UI, обеспечиваем базовую SEO-оптимизацию.
Сайты-каталоги
Создание сайта-каталога. Разработка с учетом UX/UI, обеспечиваем базовую SEO-оптимизацию.
Корпоративные сайты
Реализация корпоративного сайта-визитки для компании. Эффективная презентация услуг или товаров климпании.
На шаблонах
Разработка сайта на шаблонных решениях 1С-Битрикс. Быстрее и дешевле, чем разработка с нуля.
Фронтенд разработка на React
Разработка web-приложений (SPA), личных кабинетов, административных панелей на React и Vue.
Перенос сайта с другой CMS/конструктора на Битрикс
Перенесем ваш сайт со всеми данными на CMS 1С-Битрикс. Без ошибок, с сохранением всех данных и с исправлением существующих ошибок.
Сайты на шаблонах АСПРО, разработка и кастомизация 
Использование шаблонов АСПРО позволяет создавать мощные, гибкие и функциональные интернет-магазины, корпоративные сайты и порталы.
Разработка и поддержка web-проектов на Laravel
Разработка и поддержка сайтов на Laravel — от MVP до сложных систем. Обеспечиваем стабильность, безопасность и надёжные интеграции.
Внедрение нейросетей на сайт
Нейросети позволяют использовать мощные алгоритмы для анализа поведения пользователей, автоматизации рутинных задач и персонализации контента.
Доработка сайтов на 1С-Битрикс
Сделаем CRM Битрикс24 удобнее: интеграции с сервисами, автоматизация процессов, разработка дополнительного функционала или приложений
Техническая поддержка сайтов на 1С-Битрикс
Быстро решаем задачи и устраняем ошибки. Следим за стабильной работой сайта, обновляем, улучшаем и защищаем его от сбоев. Ваш сайт работает — вы занимаетесь бизнесом
Техническая поддержка и сопровождение CRM Битрикс24
Быстро решаем задачи и устраняем ошибки. Следим за стабильной работой сайта, обновляем, улучшаем и защищаем его от сбоев. Ваш сайт работает — вы занимаетесь бизнесом
Обновление Битрикс
Обновление версии CMS 1С-Битрикс до последней версии и устранение уязвимостей Bitrix на вашем сайте.
Настройка web-аналитики
Установка и настройка систем веб-аналитики. Яндекс Метрика, Google Analytics, Pixel Facebook, Яндекс Вебмастер, Google Search Console и др.
Настройка модуля e-commerce
Установка и настройка модуля e-commerce для вашего сайта. Отслеживайте покупки через сайт.
Защита сайта, аудит безопасности
Аудит безопасности и обеспечение защиты от вирусов. Анализ работоспособности и поиск уязвимостей.