CMS-инструкции: как установить cookie-баннер на сайт

Раздел “CMS-инструкции” помогает владельцам сайтов, разработчикам, веб-студиям и SEO-специалистам подключить cookie-баннер на разные платформы без отдельной разработки под каждую CMS.

CookieФЗ подключается через универсальный JavaScript-код, поэтому его можно установить на OpenCart, WordPress, Bitrix, Tilda, HTML-сайты и самописные проекты. В инструкциях мы показываем, куда вставлять код, как проверить отображение баннера и как убедиться, что необязательные скрипты аналитики и маркетинга не загружаются до согласия пользователя.

Если вы еще не создали виджет, начните с cookie-баннера CookieФЗ: добавьте сайт в личном кабинете, настройте категории cookie, укажите ссылки на документы и получите готовый код для установки.

Какие инструкции будут в этом разделе

OpenCart

Разбираем, куда вставить JS-код в шаблоне OpenCart, как проверить работу баннера и где разместить ссылку на повторную настройку cookie.

WordPress

Показываем варианты установки cookie-баннера через тему, виджеты, HTML-блоки или специальные области для вставки кода.

Bitrix и самописные сайты

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

Tilda, HTML и лендинги

Рассказываем, как добавить код на лендинг, в HTML-блок или перед закрывающим тегом body, если сайт собран без классической CMS.

Почему универсальный JS-код удобнее отдельного модуля

У сайтов на разных CMS отличается структура шаблонов, способы подключения скриптов и расположение файлов темы. Поэтому отдельные модули под каждую систему часто усложняют поддержку: один сайт работает на OpenCart, второй на WordPress, третий на Tilda, а клиенту или веб-студии нужно настраивать cookie-согласие везде одинаково.

CookieФЗ решает эту задачу через универсальный JS-код. Владелец сайта настраивает баннер в личном кабинете, получает код и вставляет его на сайт. После этого внешний вид, тексты, категории cookie, ссылки на документы и подключенные сервисы можно менять без правки шаблона сайта.

Такой подход особенно удобен для веб-студий и SEO-команд: можно вести несколько проектов в одном кабинете, не устанавливать отдельные расширения под каждую CMS и быстрее подключать cookie-баннеры на клиентских сайтах.

Что нужно подготовить перед установкой

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

  • Домен сайта. Добавьте сайт в личном кабинете CookieФЗ, чтобы получить персональный код виджета.
  • Категории cookie. Проверьте описания необходимых cookie, предпочтений, статистики и маркетинга.
  • Сервисы аналитики и маркетинга. Добавьте Яндекс.Метрику, пиксели, чаты, коллтрекинг и другие скрипты в нужные категории.
  • Ссылки на документы. Подготовьте политику cookie, политику обработки персональных данных и согласия, если они нужны для вашего сайта.
  • Место для ссылки “Настроить cookie”. Ее удобно разместить в футере, чтобы пользователь мог повторно открыть настройки.

Если документы еще не готовы, можно использовать генератор политики cookie и генератор политики обработки персональных данных, а затем добавить ссылки на созданные страницы в настройках cookie-баннера.

Чек-лист установки cookie-баннера на CMS

  1. Создайте аккаунт CookieФЗ. Зарегистрируйтесь, добавьте сайт и выберите нужные настройки баннера.
  2. Получите JS-код. В личном кабинете скопируйте код виджета для конкретного домена.
  3. Вставьте код перед закрывающим тегом body. На большинстве CMS код лучше размещать в общем шаблоне, который подключается на всех страницах.
  4. Очистите кэш сайта. После изменения шаблона обновите кэш CMS, темы, модификаторов или CDN, если они используются.
  5. Откройте сайт в режиме инкогнито. Проверьте, что баннер появляется для нового пользователя.
  6. Проверьте категории cookie. Убедитесь, что кнопки “Принять все”, “Только необходимые” и “Сохранить выбор” работают корректно.
  7. Проверьте загрузку скриптов. Аналитика и маркетинговые сервисы должны запускаться только после выбора соответствующей категории.
  8. Добавьте ссылку повторной настройки. Разместите ссылку “Настроить cookie” в футере или другом доступном месте сайта.

Особенности установки на разные платформы

OpenCart

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

WordPress

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

Bitrix

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

Tilda и HTML-сайты

На Tilda, лендингах и HTML-сайтах код чаще всего вставляют в специальный блок для пользовательского HTML или перед закрывающим тегом body. После публикации страницы нужно проверить, что баннер отображается в опубликованной версии сайта, а не только в редакторе.

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

Инструменты, которые пригодятся при установке

Для корректной настройки cookie-баннера на CMS важно не только вставить JS-код, но и подготовить документы, ссылки и понятные тексты для пользователя.

Важная оговорка

Материалы раздела “CMS-инструкции” помогают с технической установкой cookie-баннера и настройкой сайта. CookieФЗ не оказывает юридические консультации и не гарантирует полное соответствие требованиям законодательства. Документы и настройки нужно проверять с учетом фактической работы сайта, используемых сервисов и состава обрабатываемых данных.

Хотите установить cookie-баннер на свой сайт?

Создайте аккаунт CookieФЗ, добавьте сайт, настройте категории cookie и получите JS-код для установки на OpenCart, WordPress, Bitrix, Tilda или любой другой сайт.

Попробовать бесплатно Посмотреть тарифы

Cookie-баннер для Bitrix: как подключить через JS-код

Cookie-баннер для Bitrix: как подключить через JS-код

14.07.2026
Cookie-баннер помогает информировать посетителей сайта о использовании файлов cookie и получать их согласие. Это важный элемент для соблюдения требований законодательства и повышения доверия пользователей.Что должен сделать владелец сайтаВладелец сайта должен подк...
Как подключить Яндекс.Карты после согласия на cookie

Как подключить Яндекс.Карты после согласия на cookie

07.07.2026
Яндекс.Карты часто используются на сайтах компаний: в разделе «Контакты», на странице офиса, магазина, пункта выдачи или схемы проезда. Но если сайт использует cookie-баннер и блокирует сторонние скрипты до выбора пользователя, карту нельзя просто оставить подключенной как обычный JavaScript-код.
Cookie-баннер для WordPress: как подключить без плагина

Cookie-баннер для WordPress: как подключить без плагина

26.06.2026
Cookie-баннер помогает информировать посетителей сайта о использовании файлов cookie и получать их согласие на обработку персональных данных. Это важно для владельцев сайтов, интернет-магазинов, веб-студий, SEO-специалистов и маркетологов, которые стремятся...
Cookie-баннер для OpenCart: установка и настройка

Cookie-баннер для OpenCart: установка и настройка

09.06.2026
Cookie-баннер помогает владельцам интернет-магазинов на платформе OpenCart соблюдать требования законодательства, связанные с обработкой персональных данных и использованием cookie-файлов. Он позволяет информировать посетителей о сборе данных, получать их соглас...
Как подключить cookie-баннер на сайт за 5 минут

Как подключить cookie-баннер на сайт за 5 минут

24.04.2026
Для владельцев сайтов, интернет-магазинов, веб-студий и маркетологов настройка cookie-баннера становится необходимой частью соблюдения требований по обработке персональных данных и обеспечения прозрачности для пользователей. Правильная реализация помогает с...