Виджет мессенджеров для WordPress

Посетитель сайта на WordPress хочет задать вопрос, но не готов звонить. Если в углу экрана есть кнопки WhatsApp, Telegram или MAX, он напишет вам за пару секунд, и переписка продолжится в привычном мессенджере. Виджет «Мессенджеры» добавляет такие кнопки на все страницы сайта одной строкой кода, без отдельного плагина для чата и без правки темы.

Что умеет виджет мессенджеров

• Восемь площадок: WhatsApp, Telegram, Viber (номер или паблик-аккаунт), VK, MAX и ещё две. Полный список есть в редакторе виджета.
• Столбик кнопок в фирменных цветах в левом или правом нижнем углу экрана. Первый контакт стоит внизу, ближе всего к углу.
• Страница перехода: нажатие открывает в новой вкладке страницу с кнопками «Открыть в приложении» и, для WhatsApp, Telegram и MAX, «Открыть в браузере». Посетитель без установленного мессенджера не упрётся в ошибку.
• Телефоны: показ на мобильных включается отдельно, на тарифе Pro кнопки на телефоне можно перенести в другой угол.
• Аналитика: цель Яндекс Метрики aw_messengers при нажатии на любую кнопку, а на тарифе Pro — статистика нажатий по каждому мессенджеру в кабинете.

На бесплатном тарифе на сайте показываются первые два контакта из списка, на Pro и Business — все. Цены на странице «Тарифы».

Нужен ли плагин для WordPress

Отдельного плагина AllWidgets для WordPress нет, и он не нужен. Виджет — это строка кода вида

<script src="https://app.allwidgets.ru/s/messengers/ваш-код-виджета/"></script>

Её достаточно один раз вставить в подвал сайта. Все настройки, от списка контактов до угла экрана, меняются в личном кабинете AllWidgets и сразу появляются на сайте, заходить в админку WordPress для этого не нужно. Тот же виджет можно поставить и на другие ваши сайты, не только на WordPress.

Для WordPress есть и плагины с кнопками мессенджеров. Разница в том, где живут настройки: у плагина — внутри конкретного сайта, у виджета — в одном кабинете для всех сайтов, вместе с обратным звонком, баннером о cookie и другими виджетами.

Как поставить виджет мессенджеров на WordPress

1. Войдите в личный кабинет AllWidgets по коду из письма. При первом входе аккаунт создаётся сам.
2. Создайте виджет «Мессенджеры» и добавьте контакты: для каждого выберите мессенджер и укажите номер телефона или имя пользователя.
3. Выберите левый или правый угол, включите показ на телефонах и сохраните виджет.
4. Скопируйте строку из поля «HTML-код виджета».
5. В админке WordPress вставьте код в подвал сайта одним из способов ниже.
6. Сбросьте кеш, если на сайте стоит плагин кеширования, откройте сайт и нажмите на каждую кнопку.

Способ 1. Плагин для вставки кода в подвал

Самый простой и безопасный вариант. Установите из каталога WordPress плагин для вставки кода в шапку и подвал, например Head & Footer Code, откройте его настройки и вставьте код виджета в поле для подвала (footer). Код появится на всех страницах и не пропадёт при обновлении темы.

Способ 2. Файл footer.php дочерней темы

Если плагины ставить не хочется, вставьте код в файл footer.php темы прямо перед закрывающим тегом </body>. Делайте это в дочерней теме: файлы основной темы перезаписываются при обновлении, и код пропадёт. Перед правкой сохраните копию файла.

Способ 3. Блок «Произвольный HTML» на одной странице

Если кнопки мессенджеров нужны только на одной странице, например на странице контактов, откройте её в редакторе WordPress, добавьте блок «Произвольный HTML» и вставьте в него код. Место блока не важно: кнопки всё равно окажутся в углу экрана. Учтите, что вставлять скрипты в контент может только пользователь с правами администратора.

Какие мессенджеры поставить

Ставьте только те мессенджеры, в которых вы действительно отвечаете. Для большинства сайтов хватает двух-трёх: например, WhatsApp и Telegram, а если клиенты пишут вам в MAX — добавьте и его. Длинный столбик иконок на телефоне закрывает часть страницы и заставляет посетителя выбирать.

Порядок важен: первый контакт стоит ниже всех, у самого угла, и его замечают первым. На бесплатном тарифе показываются только первые два контакта, поэтому самый нужный мессенджер ставьте первым. Как устроены ссылки на WhatsApp, Telegram, VK и Viber, разобрано в статье «Как добавить кнопки WhatsApp и Telegram на сайт», про MAX — в статье «Кнопка MAX на сайт».

Если кнопки не появились

• Кеш. Плагины кеширования и CDN отдают старую версию страницы. Сбросьте кеш и откройте сайт в режиме инкогнито.
• Код не на странице. Откройте сайт, нажмите Ctrl+U и найдите строку с app.allwidgets.ru. Если её нет, код вставлен в другую тему или не сохранён.
• Телефон. Если на компьютере кнопки есть, а на телефоне нет, включите в виджете показ на мобильных.
• Нет нужного контакта. На бесплатном тарифе видны только первые два контакта.
• Кнопки перекрывают другой элемент, например кнопку «Наверх» темы. Перенесите виджет в другой угол.

Общий список проверок для любых сайтов есть в статье «Как установить виджет на сайт», а справка с картинками редактора — в разделе «Помощь: мессенджеры».

Что ещё поставить на сайт WordPress

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

Вопросы и ответы

Есть ли плагин AllWidgets для WordPress?

Нет, он не нужен: виджет ставится строкой кода в подвал сайта. Удобнее всего сделать это через любой плагин вставки кода в шапку и подвал или в файле footer.php дочерней темы.

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

Скрипт виджета загружается вместе со страницей и не задерживает показ текста и картинок, если код стоит в подвале перед закрывающим тегом body.

Можно ли поставить разные кнопки на разные сайты?

Да, если создать для каждого сайта свой виджет. На бесплатном тарифе доступен один виджет «Мессенджеры», на тарифе Pro до трёх, на Business до десяти.

Как узнать, сколько людей написали через кнопки?

Включите интеграцию с Яндекс Метрикой в настройках виджета: при нажатии на любую кнопку придёт цель aw_messengers. Разбивку по каждому мессенджеру показывает статистика в кабинете на тарифе Pro.

Сколько стоит виджет мессенджеров для WordPress?

Виджет бесплатен: на сайте показываются первые два контакта. Все контакты, статистика и перенос кнопок на телефоне в другой угол есть на тарифе Pro, цены на странице «Тарифы».