Как поставить онлайн-чат в WordPress: пошаговая инструкция

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

Что подготовить заранее

• WordPress 6.x и учётная запись администратора. Без этой роли не получится ни установить плагин, ни создать файл.
• Аккаунт в сервисе чата. В примере используется Tawk.to. JivoChat, Chatra и другие подключаются по той же схеме: плагин или скрипт в подвале страницы. Условия и тарифы смотрите на сайте сервиса, они меняются.
• Доступ к файлам сайта через FTP или файловый менеджер хостинга, если выбираете путь Б.
• Резервная копия сайта перед любыми правками файлов.
• Доступ к настройкам кэш-плагина, если он стоит: после установки кэш придётся очистить.

Пояснение: виджет чата не имеет отношения к виджетам WordPress в боковой панели. Это JavaScript-файл, который браузер посетителя загружает с сервера сервиса и рисует окно чата поверх вашей страницы.

Какие параметры понадобятся

Сервис выдаёт два идентификатора, на которых держится подключение. Найдите их до начала установки.

Пошаговая установка

Путь А: готовый плагин

1. Создайте аккаунт и виджет в сервисе. Зарегистрируйтесь, добавьте сайт и сохраните оформление по умолчанию. Проверка: в панели виден ваш виджет и раздел с кодом вставки.
2. Установите плагин. В админке откройте Плагины, затем Добавить новый (Plugins, Add New), найдите «Tawk.To Live Chat», нажмите «Установить», затем «Активировать». Проверка: плагин есть в списке установленных со статусом «Активен».
3. Подключите аккаунт. После активации в админке появится пункт или баннер плагина с кнопкой входа в аккаунт сервиса. Точное место зависит от версии плагина. Войдите, выберите свой сайт и виджет. Проверка: в настройках плагина показано название вашего сайта, а не пустая форма входа.
4. Проверьте на публичной стороне. Откройте главную в режиме инкогнито, чтобы не мешали кэш и вход в админку. Проверка: в углу страницы появилась кнопка чата. Напишите тестовое сообщение: оно должно прийти в панель оператора.

Путь Б: свой мини-плагин

Этот вариант нужен, если не хочется ставить чужой плагин ради одной строки подключения. Фрагмент проверяйте на WordPress 6.x: хук wp_footer существует в WordPress очень давно, поэтому код не привязан к одной версии. Код выкладывайте не в functions.php темы: при обновлении темы правки пропадут.

<?php
/**
 * Plugin Name: Site Chat Loader
 * Description: Подключает виджет онлайн-чата на всех страницах сайта.
 * Version: 1.0.0
 */

// Прямой вызов файла в обход WordPress не нужен
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

add_action( 'wp_footer', function () {
	// Подставьте адрес из кода вставки вашего сервиса
	$chat_src = 'https://embed.tawk.to/YOUR_PROPERTY_ID/YOUR_WIDGET_ID';
	?>
	<script>
		var Tawk_API = Tawk_API || {};
		(function () {
			var chatScript = document.createElement('script');
			var firstScript = document.getElementsByTagName('script')[0];
			chatScript.async = true;
			chatScript.src = <?php echo wp_json_encode( $chat_src ); ?>;
			chatScript.charset = 'UTF-8';
			chatScript.setAttribute('crossorigin', '*');
			firstScript.parentNode.insertBefore(chatScript, firstScript);
		})();
	</script>
	<?php
} );

1. Возьмите адрес виджета. В панели сервиса скопируйте код вставки и найдите строку со s1.src. Проверка: адрес выглядит как https://embed.tawk.to/…/…, а в конце два идентификатора через косую черту.
2. Создайте файл. Положите код выше в wp-content/plugins/site-chat-loader/site-chat-loader.php, заменив заглушки в $chat_src на свои значения. Проверка: в админке на странице Плагины появился «Site Chat Loader».
3. Активируйте плагин. Проверка: нет сообщения об ошибке, а на главной в режиме инкогнито видна кнопка чата.

Чат, за которым никто не следит, хуже отсутствия чата: посетитель видит статус «онлайн», пишет и уходит без ответа.

Если не получилось

• Кнопки нет, ошибок тоже. Чаще всего страницу отдаёт кэш. Очистите кэш плагина и CDN, затем откройте сайт в инкогнито. Если не помогло, проверьте, что тема вызывает wp_footer() перед закрывающим </body>: без этого вызова ничего не выводится в подвал.
• «Installation failed: Could not create directory». В русской админке текст может отличаться. WordPress не может записать файлы в wp-content/plugins. Проверьте права на каталог у хостера или загрузите плагин архивом по FTP.
• «Plugin could not be activated because it triggered a fatal error». В мини-плагине опечатка в PHP: потерянная скобка или лишний символ перед <?php. Сверьте файл с кодом выше и загрузите заново. Если сайт упал, удалите папку плагина по FTP.
• В консоли браузера (F12, вкладка Console): «Refused to load the script … because it violates the following Content Security Policy directive». Заголовки сервера или плагин безопасности блокируют чужой домен. Добавьте домен сервиса в директиву script-src. Полный список доменов, которые нужны виджету, смотрите в документации сервиса.
• Две кнопки чата. Вы подключили виджет и плагином, и вручную. Оставьте один способ и отключите второй.

Что делать дальше

• Установите мобильное приложение сервиса и проверьте, что уведомления приходят. Это критичнее оформления.
• Настройте часы работы и офлайн-форму, чтобы ночные сообщения не терялись.
• Замерьте скорость страницы в PageSpeed Insights до и после подключения. Виджет добавляет внешний скрипт, и вклад в нагрузку нужно знать для вашего сайта.
• Обновите политику конфиденциальности: чат собирает данные посетителей. Для сайтов в России проверьте требования к хранению персональных данных. Это отдельная тема, здесь её не разбираем.
• Через неделю посмотрите, сколько диалогов началось и за какое время вы отвечаете. По этим двум цифрам видно, нужен ли чат сайту.