Контроль фронтенда

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

Закон 168-ФЗ: штрафы до 500 000 ₽ за каждое нарушение

С 1 марта 2026 года вступил в силу Федеральный закон № 168-ФЗ. Он обязывает все интернет-магазины, работающие с российскими покупателями, публиковать информацию исключительно на русском языке: названия кнопок, пункты меню, надписи на формах, описания товаров, фильтры, условия доставки и оплаты.

Каждый непереведённый элемент — отдельное нарушение. 50 товарных карточек с кнопкой «Add to cart» = 50 штрафов. Штраф для юридических лиц — от 100 000 до 500 000 ₽ за каждый случай нарушения законодательства о рекламе.

Приложение «Контроль фронтенда» решает эту проблему автоматически — без правки кода и шаблонов темы.

Страница технического обслуживания

Одним переключателем закройте любой сайт на Webasyst: Shop-Script, Blog, Site и другие приложения. Посетители видят красивую страницу «Сайт на обслуживании», а администраторы продолжают работу в обычном режиме.

Настраиваемый HTML-шаблон страницы заглушки
Ответ с кодом 503 — поисковики не понижают позиции
Опция «Закрыть только для гостей» — администраторы видят сайт

Вкладка «Основное»: включение заглушки одним переключателем

Страница «Сайт на обслуживании», которую видит посетитель

Редактор шаблона страницы

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

Редактор кода с подсветкой синтаксиса HTML/CSS
Кнопка «Сбросить» возвращает шаблон к исходному состоянию
Изменения вступают в силу мгновенно

Вкладка «Шаблон»: редактирование HTML-шаблона страницы заглушки

Автоматическая замена текста Премиум

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

Любые слова и фразы: «Email» → «Эл. почта», «Add to cart» → «В корзину»
Работает со всеми темами и приложениями Webasyst
Поддержка динамически подгружаемого контента (AJAX, Vue, React)
Поиск, сортировка, пагинация в удобном интерфейсе

Вкладка «Подмена слов»: управление парами слов для автозамены

Удаление и замена HTML-элементов Премиум

Вкладка «Подмена тегов» позволяет найти любой HTML-элемент страницы по уникальному фрагменту его кода — и удалить его целиком или заменить произвольным текстом. Работает без доступа к шаблонам темы.

Поиск по любой части элемента: значение атрибута, URL ссылки, текст кнопки
Удаление иконок Facebook, Instagram, TikTok, Twitter без правки темы
Замена целого блока на произвольный текст или HTML-фрагмент
Поддержка AJAX-контента через MutationObserver

Вкладка «Подмена тегов»: удаление или замена HTML-элементов по фрагменту кода

Как работает замена: алгоритм и безопасность

Приложение выполняет замену на стороне браузера — оригинальный HTML на сервере не изменяется. Понимание алгоритма поможет избежать ошибок при настройке.

Подмена слов: работа только с текстовыми узлами

Скрипт обходит DOM через TreeWalker и находит исключительно текстовые узлы — те, что содержат видимый текст, но не являются тегами. Замена происходит внутри текстового узла, структура HTML не затрагивается. Это абсолютно безопасный режим: теги, атрибуты, CSS-классы и JS-обработчики остаются нетронутыми.

Подмена тегов: поиск элемента по outerHTML

Скрипт перебирает все элементы страницы и проверяет, содержит ли outerHTML элемента заданный фрагмент. Из всех совпадений выбирается наиболее специфичный — тот, у которого ни один дочерний элемент уже не содержит этот фрагмент. Найденный элемент удаляется целиком или заменяется текстом.

Динамический контент: MutationObserver

После первичной обработки страницы скрипт запускает MutationObserver, который отслеживает появление новых узлов (AJAX, бесконечная прокрутка, Vue/React-компоненты). Каждый новый блок обрабатывается по той же логике.

Важно: необдуманные настройки могут сломать сайт

Оба режима выполняются в браузере каждого посетителя. Неправильно составленное правило может нарушить работу JavaScript, скрыть важные элементы или испортить вёрстку.

⚠️ Опасно	✅ Безопасно
Заменять короткие одиночные слова: `cart`, `buy`, `new` — они могут встречаться в URL, CSS-классах, значениях атрибутов, читаемых JavaScript	Заменять устойчивые фразы из 2+ слов: «Add to cart», «Read more», «Out of stock» — вероятность случайного совпадения минимальна
Удалять тег, задав слишком общий фрагмент: например `class="btn"` — под это правило попадут все кнопки на странице	Удалять тег по уникальному фрагменту: `href="instagram.com"`, `data-social="fb"` — такой фрагмент есть только у одного элемента
Заменять слова, которые JavaScript читает для принятия решений: например, текст кнопки «Add to cart» используется темой для обновления счётчика корзины	Заменять только визуальный текст — подписи, заголовки, статичные надписи, не участвующие в логике скриптов
Удалять тег «наугад», не проверив результат — элемент может быть структурным контейнером, и его удаление сломает раскладку страницы	После каждого нового правила проверять страницу в браузере, открыв её в режиме инкогнито (от имени гостя)

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

Стандартная и премиум версии

Возможность	Стандартная	Премиум
Страница технического обслуживания (заглушка)	✅	✅
Настройка шаблона страницы заглушки	✅	✅
Ответ 503 для поисковиков	✅	✅
Автоматическая замена слов (словарь)	—	✅
Удаление / замена HTML-элементов	—	✅
Поддержка AJAX / динамического контента	—	✅

Премиум-версия — это готовое решение для соответствия требованиям закона 168-ФЗ. Замените все непереведённые элементы интерфейса без правки кода, избегите штрафов до 500 000 ₽ за каждое нарушение и сэкономьте часы ручной работы разработчика.

Есть идея или пожелание?

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

< 10

ITFrogs

1 марта 2026