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 минут
Качество и гарантия
Соблюдаем стандарты кода, даём гарантию и успеваем в сроки
Личный менеджер
За каждым проектом закрепляем менеджера, который всё курирует
поддержка
поддержка

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

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

Рекомендуем

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

Наши клиенты

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

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

Наши услуги

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

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