Установка виджета Моночата в WordPress: functions.php, WPCode, Elementor

Отдельного плагина Моночата для WordPress нет, и он не нужен. Виджет — один асинхронный скрипт, который выводится в подвале сайта на всех страницах. Ниже три стандартных способа его вставить: через тему, через плагин для вставки кода или через конструктор. Работает с любой темой, Gutenberg, Elementor и WooCommerce. Тариф «Старт» — 0 ₽.

Как установить

  1. Войдите на monochat.ru/login → «Каналы» → «Виджет». Укажите домен сайта и скопируйте ключ виджета.
  2. Выберите один из способов ниже и вставьте код с вашим ключом.
  3. Очистите кэш (плагин кэширования, CDN) и откройте сайт: кнопка чата появится справа внизу.
  4. Отправьте тестовое сообщение — оно придёт во «Входящие» Моночата.

Способ 1. functions.php дочерней темы

Код лучше добавлять в дочернюю тему (child theme), иначе он пропадёт при обновлении основной темы. Для WordPress 6.3 и новее:

// functions.php дочерней темы
add_action('wp_enqueue_scripts', function () {
    wp_enqueue_script(
        'monochat-widget',
        'https://monochat.ru/widget/ВАШ_WIDGET_KEY.js',
        [],
        null,
        ['in_footer' => true, 'strategy' => 'async']
    );
});

Способ 2. Плагин WPCode (Insert Headers and Footers)

Если не хотите трогать код темы, установите плагин WPCode. В разделе «Code Snippets» → «Header & Footer» вставьте в поле Footer:

<script src="https://monochat.ru/widget/ВАШ_WIDGET_KEY.js" async></script>

Способ 3. Elementor Pro

«Elementor» → «Custom Code» → «Add New»: вставьте ту же строку, выберите расположение «</body> - End» и условие «Весь сайт».

Промпт для ИИ-агента

Если сайт на WordPress правит агент (Cursor, Claude Code и другие) в репозитории темы:

Подключи онлайн-чат Моночат (monochat.ru) к сайту на WordPress.
В functions.php дочерней темы зарегистрируй скрипт через wp_enqueue_script в хуке wp_enqueue_scripts:
src https://monochat.ru/widget/ВАШ_WIDGET_KEY.js, без зависимостей, версия null, ['in_footer' => true, 'strategy' => 'async'].
Не правь файлы родительской темы и ядра WordPress, не добавляй скрипт второй раз.
Документация: https://monochat.ru/docs/wordpress.md

Частые вопросы

Есть ли плагин Моночата в каталоге WordPress?

Нет, такого плагина нет. Виджет ставится как обычный скрипт, одним из способов выше. В админке WordPress и в его базе данных ничего не появляется.

Работает ли с WooCommerce?

Да. Виджет работает на любой странице магазина, а оператор видит адрес страницы, с которой посетитель написал.

Чат не появился после вставки. Что проверить?

Очистите кэш сайта и CDN. Проверьте, что домен есть в настройках виджета. Если плагин оптимизации откладывает или объединяет JavaScript (например, «задержка JS»), добавьте monochat.ru/widget в исключения.

Замедлит ли виджет сайт?

Скрипт загружается асинхронно, внизу страницы, и не блокирует отрисовку.

Чем эта страница отличается от «Чат для WordPress»?

Здесь техническая инструкция по установке. Обзор возможностей для сайтов на WordPress — на странице Чат для WordPress.

Ещё по теме

Попробуйте Моночат бесплатно

Тариф «Старт» — 0 ₽: чат на сайте, Telegram, VK, MAX и почта в одном окне. Без карты.