Найти тему
Дмитрий Шеверев

Как добавить WhatsApp виджет на сайт за 2 минуты?

Виджет WhatsApp позволит значительно увеличить конверсию для мобильных устройств на вашем сайте. В данной статье я расскажу, как установить его за 2 минуты и получать максимальный результат.

Для начала перейдите по ссылке - https://whatsapper.leadball.ru/ и кликните по кнопке “Шаг 1 — Зарегистрируйтесь”. На открывшейся странице ведите свои данные для регистрации.

Сразу после этого вам на почту придет пароль и краткая инструкция по установке.

Перейдите по ссылке https://leadball.ru/login.php, введите логин и пароль, который вам пришел на почту. Далее выберите инструмент, который вы собираетесь установить: "Whatsapper — виджет связи WhatsApp".

-2

Почти готово. Вам осталось только ввести номер телефона и установить код на сайт.

Перейдите в раздел "Номер телефона" и введите номер, где используется WhatsApp.

Также тут вы можете отредактировать сообщение, которое будет предлагаться вашим клиентам к отправке. Или просто оставьте вариант по умолчанию.
Также тут вы можете отредактировать сообщение, которое будет предлагаться вашим клиентам к отправке. Или просто оставьте вариант по умолчанию.

Перейдите в раздел "Код для вставки -> Плавающий виджет". Скопируйте код и вставьте его в любое место в шаблон сайта. Например, перед закрывающим тегом </body>.

-4

На этом установка завершена

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

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

Дизайн виджета

Вы можете отредактировать дизайн и некоторые другие настройки виджета, перейдя на страницу через меню слева — "Дизайн и Настройки > Плавающий виджет".

-5

По умолчанию виджет выводиться только на мобильных устройствах. Если требуется вывод также и на компьютерах с ноутбуками поставьте галочку на соответствующую настройку.

Поле “Текст” - содержит призыв к действию, который выводиться на виджете.

Поле “Текст, выделенный жирным” - призыв к действию, выделяемый жирным.

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

-6

При закрытии виджет будет сворачиваться в круглый логотип WhatsApp, если стоит настройка "Сворачивать в логотип при закрытии". Если убрать галочку с этой настройки виджет будет полностью исчезать.

Минимизированный (без призыва к действию) виджет
Минимизированный (без призыва к действию) виджет

Устанавливая галочку “Всегда минимизированный” вы убираете призыв к действию, а виджет принимает форму круга с логотипом WhatsApp. Не рекомендуем включать эту настройку, так как на практике, без призыва к действию, значительно снижается конверсия.

Если по какой-то причине вы хотите разместить виджет не снизу, а справа или слева, нужно включить настройку “Прижать к краю”.
Если по какой-то причине вы хотите разместить виджет не снизу, а справа или слева, нужно включить настройку “Прижать к краю”.

Настройка “Анимация логотипа WhatsApp” - лого периодически будет вращаться и привлекать внимание. По умолчанию настройка включена.

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

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

Если верстка вашего сайта не адаптирована к мобильным устройствам (к сожалению, таких сайтов всё еще много), виджет при загрузке может отображаться слишком маленьким. Чтобы избежать этого рекомендуем включить специальную настройку.

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

Аналитика

Если вы хотите отслеживать данные о кликах в Яндекс Метрике или Гугл Аналитикс перейдите в раздел Аналитика и заполните соответствующие поля.

-9

Подробно о настройке Яндекс Метрики

Подробно о настройке Гугл Аналитикс

Настройка автоответов WhatsApp Business

Рекомендую использовать использовать на вашем мобильном устройстве официальное бесплатно приложение WhatsApp Business вместо обычного WhatsApp Messenger.

Благодаря ему вы можете использовать дополнительный очень полезный функционал, такой как "Автоответы".

Как установить и настроить WhatsApp Business читайте тут.

Спасибо что дочитали до конца! Высоких конверсий вашим проектам!