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

Представьте: нужно срочно обновить каталог, протестировать оплату или убрать сломанную интеграцию, но сайт открыт и посетители видят незавершённые изменения. «Контроль фронтенда» закрывает любой сайт на Webasyst одним переключателем — красивая страница «Сайт на обслуживании» появляется мгновенно, а администраторы продолжают работать как обычно. А если вам нужно привести интерфейс в соответствие с требованиями закона 168-ФЗ, премиум-функции заменят английские слова на русские и уберут лишние элементы прямо в браузере посетителя — без правки шаблонов и перевода тем.

Постановка сайта на обслуживание

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

Настраиваемый HTML-шаблон страницы заглушки

Ответ с кодом 503 — поисковики не понижают позиции

Опция «Закрыть только для гостей» — администраторы видят сайт

Управление заглушкой отдельно для каждой витрины (settlement) Премиум

Вкладка «Основные настройки»

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

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

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

Редактор кода с подсветкой синтаксиса HTML/CSS

Кнопка «Сбросить» возвращает шаблон к исходному состоянию

Изменения вступают в силу мгновенно

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

Управление заглушкой по витринам Премиум

Вкладка «Витрины» позволяет управлять заглушкой для каждой витрины (settlement) сайта отдельно. Закройте одну витрину на обновление каталога или тестирование оплаты, пока остальные продолжают работать и приносить заказы.

Включение заглушки отдельно для каждой витрины

Групповой переключатель «Закрыть все / Открыть все» для витрин одного домена

Наглядный список всех витрин с текущим статусом

Вкладка «Витрины»: управление заглушкой для каждой витрины и групповые переключатели

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

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

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

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

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

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

Любые слова и фразы: «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 ₽ за каждое нарушение и сэкономьте часы ручной работы разработчика.

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

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