Как создать кнопку WhatsApp для сайта + ТОП сервисы на Декабрь 2024

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

В этой статье мы расскажем, зачем и как устанавливать кнопку WhatsApp на сайт.

Зачем устанавливать кнопку WhatsApp на сайт

На сегодняшний день WhatsApp входит в тройку самых популярных мессенджеров. Он располагает большим количеством разнообразных преимуществ, которые позволяют сделать работу компании более эффективной. Одним из таких преимуществ является виджет WhatsApp на сайт — это плавающий блок, который выводится на сайте и помогает пользователю написать компании по любому вопросу.

Давайте рассмотрим, почему следует установить кнопку WhatsApp на сайт:

Популярность мессенджера

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

Переписываться удобнее

Люди привыкли общаться именно путем переписок, а не звонков. Переписка воспринимается как неформальное общение и располагает пользователя к общению с компанией так, будто он ведет переписку со своим другом. Это удобно и экономит много времени.

При общении с клиентами через WhatsApp компания экономит деньги на телефонной связи.

Простота

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

Как вывести кнопку WhatsApp

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

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

1. Обратившись к программисту;
2. С помощью встроенного функционала CMS (блок T183 в Tilda);
3. Настройка через специальные сервисы (о них ниже).

Как добавить кнопку WhatsApp на сайт

Для того, чтобы создать кнопку, вы можете воспользоваться двумя вариантами: платным или бесплатным. В первом случае придется обратиться к программисту, который с легкостью сделает всё за вас. А можно самостоятельно сгенерировать код или использовать сервис, о чём ниже мы и расскажем.

Как создать код кнопки WhatsApp

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

<a title=&#f98aa2;Whatsapp&#f98aa2; href=&#f98aa2;whatsapp://send?phone=79270000000″><img src=&#f98aa2;images/whatsapp_icon.jpg&#f98aa2; alt=&#f98aa2;Написать в Whatsapp&#f98aa2; /></a>

Эти ссылки нужно установить в html—код сайта. Обычно в шапку или под ней. Рядом с номером телефона. И заменить выделенные красным номера на мобильный телефон менеджера.

Также Вам понадобится иконка WhatsApp, которую нужно загрузить на сайт и указать путь к ней (в коде выше путь выделен зеленым). Иконки можно найти на сайте https://www.iconfinder.com/ или http://www.iconsearch.ru/search/

Как добавить код на сайт на CMS

Для решения этой задачи в WordPress есть 2 варианта:

1. Добавить код в тему вручную.
2. Использовать готовые плагины.

Добавление кода вручную довольно проблемный способ. При смене темы придётся переносить коды, а для добавления или изменения кодов всегда придется изменять файлы темы, что неудобно.

Гораздо легче добавить код с помощью плагина, например: LuckyWP Scripts Control. Такое решение позволит безболезненно встраивать дополнительный код в ваш сайт.

После установки и активации плагина в меню панели управления WordPress в разделе «Настройки» появится пункт «Скрипты». В это разделе необходимо выбрать пункт «Добавить код». И все готово.

Специальные сервисы

Кроме того вы можете воспользоваться специальными сервисами для добавления виджета WhatsApp, о которых будет написано ниже.

Как общаться с клиентами через WhatsApp

Через личный WhatsApp аккаунт

Это не лучший вариант для бизнеса, но мы всё равно его разберем. Менеджер может использовать обычное приложение WhatsApp для компьютера и смартфона. Однако данный способ имеет одно ограничение — работать с одним аккаунтом WhatsApp может только 1 оператор.

Для одного номера телефона можно добавить любое количество компьютеров, где можно будет просматривать и отвечать на сообщения. Однако в один момент времени приложение может быть активным только для одного из компьютеров, в то время как остальные деактивируются. Это создает неудобства при работе менеджеров.

Другие ограничения:

• Отсутствие статистики по обращениям.
• Нельзя писать клиентам первым.
• Аккаунт выглядит как частный.
• Нет бизнес «фишек»: автоприветствие

Кому подходит обычное WhatsApp приложение для ведения бизнеса? Частным специалистам, коучам, тренерам, учителям и другим. Здесь важно показать, что клиент общается с частным специалистом.

WhatsApp Business

WhatsApp Business — официальный аналог обычного WhatsApp. Его отличает несколько полезных для вашего бизнеса функций. Например, автоответ или «Приветственное сообщение». С помощью нее можно создать сообщение, которое будет автоматически отправляться всем, кто пишет впервые.

Данная функция позволит:

• Поприветствовать клиента даже до того, как менеджер увидел сообщение;
• Отправить клиенту автоответ, даже если тот написал в нерабочее время;
• Выделить потенциальных клиентов среди некачественных лидов;
• Получить ответы на вопросы клиента, даже если консультант еще не видел сообщения.

Смартфон всегда должен быть включен и находиться в сети Интернет, чтобы функция автоответа работала.

Интеграция с CRM

Самым лучшим решением для бизнеса является общение с клиентом через CRM. Преимущество интеграции заключается в том, что можно вести диалог с клиентом хоть с десяти разных компьютеров одновременно.

Официальная интеграция WhatsApp с CRM подойдет для службы поддержки и сервисных сообщений крупных компаний. Исходящие сообщения платные, а цена зависит от страны подключения API. Огромный плюс официальной интеграции — Вас не забанят за рассылку. Но данный способ является довольно дорогостоящим.

Для тех, кому официальный WhatsApp Business API не по карману, на рынке есть решения работающие через эмуляцию приложения WhatsApp на обычных личных и бизнес—аккаунтах. Это сервисы:

• Chat2Desk
• Pact
• Wazzap и тд.

Подключение WhatsApp у них стоит в среднем 2—3 тысячи рублей в месяц за один номер. Плюсы — экономия. Минусы — высокие риски блокировки, потому что с точки зрения Facebook создание бизнес—решений через эмуляцию запрещено.

Интеграция с CRM для бизнеса удобна тем, что:

• Все данные о клиентах хранятся в одном источнике;
• Есть возможность интеграции с мессенджерами, социальными сетями, сайтом и телефонией;
• Отображается история действий каждого менеджера;
• Формируются подробные отчеты о росте или спаде продаж;
• Есть возможность планировать и организовывать работу сотрудников.

Лучшие сервисы для добавления виджета WhatsApp

Кнопка WhatsApp для сайта с подключением CRM и операторов

Teletype App

Ссылка на официальный сайт: teletype.app

Сервис дает возможность получать и отвечать на сообщения из WhatsApp.

Функционал:

• Стабильная работа канала WhatsApp без потери клиентов из—за сбоев.
• Быстрая реакция на обновления мессенджера и оперативная поддержка. Если у WhatsApp выйдет какое либо обновление, с работой сервиса ничего не случится.
• Выгрузка в панель Teletype App прошлых диалогов по номеру WhatsApp;
• Мгновенная отправка и прием сообщений без задержек;
• Безлимитное количество диалогов и сообщений в канале;
• Возможность писать клиентам первым (опция входит в основной тариф WhatsApp без доплат);
• Начало диалога с клиентами без добавления номера в адресную книгу смартфона. Пишите клиентам, работая за компьютером, и экономьте время;
• Отправка и получение файлов, фото и аудиосообщений в любом объеме;
• Организация работы неограниченного количества операторов через один номер;
• Возможность отвечать на обращения в WhatsApp через панель Teletype App, мобильное приложение Teletype App или приложение WhatsApp на смартфоне;
• Информация о статусе сообщения «доставлено» и «прочитано».

Подключение

Подключение канала займет не более двух минут. Необходимо просто отсканировать QR код, подключить смартфон к Wi-Fi и зарядке и держать приложение WhatsApp открытым.

Тарифы

Первые 3 дня являются пробными и можно пользоваться всеми услугами абсолютно бесплатно без ограничений. Стоимость тарифа 2 250 ?/мес.

Полный обзор сервиса Teletype App с отзывами

Wazzup

Ссылка на официальный сайт: wazzup24.com

Сервис дает возможность общаться с помощью WhatsApp в CRM системе.

Функционал:

• Подключается к различным CRM системам, есть интеграции с Битрикс 24 И AmoCRM;
• Общий номер для всего отдела продаж;
• Переписка сохраняется в CRM;
• Можно сделать настройку, чтобы менеджер видел только свои переписки, а руководитель — все;
• Есть шаблоны для ответов на типовые вопросы, можно отправить шаблоном договор, схему проезда, ссылку на сайт или прайс.

Подключение

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

Тарифы

Есть бесплатный пробный период. Стоимость тарифа от 1200 до 4800 ?/мес.

BotHelp

Ссылка на официальный сайт: bothelp.io

Платформа для рассылок, автоворонок и чат-ботов в мессенджерах и соцсетях.

Функционал:

• Можно использовать не только для WhatsApp, но и для других мессенджеров;
• Позволяет собирать и сегментировать Вашу аудиторию в мессенджерах при помощи чат-бота;
• Можно сделать вариативные сценарии продаж. Без использования программирования;
• Также можно интегрировать в CRM, есть широкий функционал API и Webhooks;
• Есть раздел с аналитикой, можно отслеживать эффективность рекламных каналов.

Подключение

К платформе можно подключить номер, зарегистрированный в WhatsApp Business API (WABA). На платформе нужно зайти в настройки кабинета и добавить канал.

Тарифы

Есть бесплатный доступ на 14 дней, без ограничения функционала, точно хватит, чтобы все попробовать. Стоимость тарифа зависит от количества подписчиков, чем их больше, тем выше цена. От 990 до 99990 ?/мес.

Leadball Whatsapper

Ссылка на официальный сайт: whatsapper.leadball.ru

Виджет моментальной связи для сайта.

Функционал:

• Сделает общение с клиентом более удобным и оперативным;
• Позволяет посетителю сайта отправить заявку буквально в два клика;
• Автоматически подставляется текст при нажатии на виджет. Пользователю не нужно набирать текст вручную;
• Можно установить на любой сайт;
• Интеграция с Яндекс Метрикой и Google Analytics.

Подключение

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

Тарифы

Есть бесплатный доступ на 30 дней. Самый длительный период из всех подобных сервисов. Стоимость от 420 до 11550 ?/мес.

Widgetwhats

Ссылка на официальный сайт: widgetwhats.com

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

Функционал:

• Можно использовать несколько аккаунтов;
• Есть много возможностей для кастомизации дизайна;
• Умеет разделять трафик на мобильный и десктопный;
• Присутствует бесплатная версия, но с ограниченными возможностями.

Подключение

Встраивается с помощью кода на любой сайт.

Тарифы

Есть бесплатный доступ на неограниченное время. Стоимость от 29 до 99 $/год.

GetButton

Ссылка на официальный сайт: getbutton.io

Стандартный виджет. Может устанавливаться как плагин на сайт в WordPress.

Функционал:

• Можно пользоваться бесплатно;
• Дешевый основной тариф;
• Можно сделать предпросмотр кнопки прямо на Вашем сайте, перед подключением;
• Интеграция с Google Analytics.

Подключение

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

Тарифы

Можно пользоваться бесплатно. Стоимость 2.99 $/год.

Видео инструкция