Как установить виджет OGNEMET на Tilda, WordPress и Битрикс

Виджет OGNEMET — будь то обратный звонок, квиз или онлайн-чат — работает по одному принципу: в личном кабинете вы получаете один JS-код, и этот код нужно один раз вставить в код сайта. Дальше виджет настраивается уже из кабинета, без повторной правки кода. Разница только в том, куда именно вставлять код на конкретной платформе — на Tilda, WordPress и в 1С-Битрикс это делается по-разному.

Один код виджета — три способа его добавить

Официальная инструкция OGNEMET по установке описывает общий процесс: регистрация → добавление сайта и виджета → настройка → установка кода → «Начать работу». Сам код универсален и вставляется перед закрывающим тегом </head> на любом сайте. Дальше — где именно искать это поле на Tilda, WordPress и Битрикс.

Как получить код виджета в личном кабинете

После регистрации на ognemet.com вы попадаете в личный кабинет (lk.ognemet.com), добавляете сайт, добавляете нужный виджет — например, обратный звонок — и проходите его настройки: номер или SIP для звонков, email- и Telegram-уведомления, график работы. После сохранения настроек кабинет выдаёт код установки — именно его нужно перенести на сайт одним из способов ниже.

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

Tilda: куда вставить код

В Tilda код вставляется не на отдельной странице, а на уровне всего сайта, чтобы виджет показывался везде. В панели управления проектом откройте раздел настроек сайта, вкладку «Ещё» — там есть поле для кода, который подключается в <head> всех страниц проекта. Вставьте туда код из личного кабинета OGNEMET и сохраните настройки сайта. Если нужно, чтобы виджет появился только на одной странице, а не на всём сайте, код добавляют через блок T123 (HTML-код) на нужной странице — но для виджета обратной связи логичнее ставить его сайтвайд.

После сохранения настроек Tilda публикует страницы заново — код применится не мгновенно, а после публикации сайта (кнопка «Опубликовать» вверху редактора). Если виджет не появился сразу, сначала проверьте, что сайт опубликован повторно после изменения кода в «Ещё», а затем уже ищите проблему в настройках самого виджета.

WordPress: куда вставить код

В WordPress три рабочих варианта, от простого к более контролируемому. Проще всего — плагин для вставки кода в шапку и подвал сайта (например «Insert Headers and Footers» или аналог в конструкторе темы), который добавляет произвольный HTML/JS перед </head> без правки файлов темы. Вариант для тех, кто работает с темой напрямую, — вставить код в файл header.php активной дочерней темы перед закрывающим тегом </head>. Правка родительской темы напрямую не рекомендуется: обновление темы сотрёт изменения. Третий вариант — через конструкторы сайтов на WordPress (Elementor, Divi и подобные), у которых обычно есть собственный раздел настроек «Custom Code» или «Header & Footer Scripts» в настройках темы/сайта — принцип тот же: код вставляется в область <head>, применяется ко всем страницам сайта.

После вставки кода любым из способов рекомендуется сбросить кэш страницы — многие WordPress-сайты используют кэширующие плагины (например, для ускорения загрузки), и без сброса кэша браузер может какое-то время показывать старую версию страницы без виджета.

1С-Битрикс: куда вставить код

В Битрикс код обычно добавляют в шаблон сайта — в файл header.php используемого шаблона (Контент → Шаблоны сайта, либо структура /bitrix/templates/ваш_шаблон/header.php) перед </head>, чтобы виджет подключался на всех страницах, использующих этот шаблон. Если сайтов или шаблонов несколько, код нужно продублировать в каждом — иначе виджет появится только там, где вставлен код.

У сайтов на Битрикс часто настроено серверное кэширование страниц (композитный режим или кэш компонентов), поэтому после правки header.php изменения могут не отобразиться сразу для всех посетителей — стоит сбросить кэш сайта в административной панели (Настройки → Производительность → Управление кэшем), а не только кэш браузера.

Как проверить, что виджет заработал

После вставки кода откройте сайт в браузере (в режиме инкогнито, чтобы исключить кэш) и убедитесь, что иконка виджета появилась на странице. Затем в личном кабинете нажмите «Начать работу» — без этого шага виджет может быть технически установлен, но не активирован. Проверьте тестовый звонок, сообщение в чате или заполнение квиза и убедитесь, что заявка дошла на указанные email/Telegram.

Частые вопросы по установке

Нужно ли вставлять код заново при каждом изменении настроек виджета? Нет. Код в head — это разовая техническая вставка, которая подключает скрипт OGNEMET к сайту. Всё остальное — номер для звонков, вопросы квиза, часы работы, внешний вид — настраивается только в личном кабинете и применяется без повторной правки кода сайта.

Можно ли поставить несколько виджетов OGNEMET одним и тем же кодом? Каждый виджет, добавленный в личном кабинете, получает собственный код установки. Если на сайте уже стоит код одного виджета (например, обратного звонка) и вы добавляете второй (например, квиз), потребуется вставить и его код тем же способом — оба кода могут стоять в head одновременно.

Что делать, если после установки кода виджет так и не появился? Проверьте по порядку: код вставлен именно в head (а не в body), сайт опубликован/пересобран заново после правки (актуально для Tilda и кэширующих CMS), кэш сайта и браузера сброшен, а в личном кабинете нажата кнопка «Начать работу». Если после этого виджета всё ещё нет — по официальной инструкции можно обратиться в поддержку OGNEMET, которая поможет с установкой кода.

Когда лучше доверить установку студии

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