Введите номер, и здесь появятся предпросмотр и код.
Как добавить кнопку на сайт
Скопируйте код выше и вставьте его в HTML сайта, лучше всего прямо перед </body>. В WordPress подойдёт плагин для вставки кода в подвал или настройка темы для собственных скриптов. В Shopify, Wix, Squarespace, Webflow и Tilda есть поле для своего кода в настройках сайта. Кнопка появится на каждой странице, где загружается скрипт, в выбранном углу, поверх содержимого.
Что делает код и чего не делает
| Вопрос | Ответ |
|---|---|
| Cookies или отслеживание? | Нет. Скрипт ничего не сохраняет и никуда не отправляет данные |
| Сетевые запросы? | Только загрузка самого скрипта. Клик ведёт прямо на wa.me |
| Размер | Меньше 5 КБ, без библиотек, загружается асинхронно и не замедляет страницу |
| Конфликт с вашим CSS? | Нет. Кнопка живёт в Shadow DOM, ваши стили и наши не пересекаются |
| Доступность? | Да. Есть aria-label, видимая рамка фокуса и учёт настройки «меньше движения» |
Настройки, которые можно менять в коде
Каждая настройка задаётся атрибутом data в теге script, поэтому позже всё можно поменять, не возвращаясь сюда. data-number это номер в международном формате, только цифры. data-text это готовое сообщение. data-label это текст на кнопке. data-position принимает right или left. data-color принимает цвет в формате hex; на светлых цветах текст автоматически становится тёмным. data-credit="off" скрывает маленькую ссылку «via InBetween». Нам будет приятно, если вы её оставите, но кнопка без неё работает точно так же.
Советы: как получать больше полезных сообщений
- Понятный текст. «Спросите в WhatsApp» или «Узнать стоимость» работает лучше, чем просто «WhatsApp».
- Полезное готовое сообщение. «Здравствуйте, хочу узнать стоимость...» сразу показывает, о чём пойдёт речь.
- Заметный цвет. Кнопка должна выделяться, но не закрывать содержимое.
- Быстрый ответ. Кто нажал кнопку чата, ждёт ответа в течение часа. Готовые шаблоны ответов здесь очень помогают.
Нужна только ссылка или QR-код для визиток и рекламы? Воспользуйтесь генератором ссылок WhatsApp.
Больше сообщений, один телефон. Кто ответит?
Кнопка чата приносит больше сообщений в WhatsApp, и все они приходят на один телефон. С InBetween каждое сообщение клиента автоматически пересылается сотруднику, который выполняет работу. Он отвечает из своего WhatsApp, а клиент получает ответ с номера вашей компании. Кнопка продолжает работать, потому что номер не меняется.
Автоматическая пересылка сообщений клиентов. Ответы уходят с вашего номера.
30 дней бесплатноЧастые вопросы
Кнопка WhatsApp бесплатная?
Да. Бесплатно, без регистрации и без ограничения по сроку. Кнопка работает с подпиской InBetween и без неё.
Работает ли она с WhatsApp Business?
Да. Кнопка открывает ссылку wa.me, которая подходит и для WhatsApp, и для WhatsApp Business.
Использует ли кнопка cookies или отслеживает посетителей?
Нет. Никаких cookies, хранения или передачи данных. Единственный запрос это загрузка файла скрипта.
Можно убрать ссылку «via InBetween»?
Да. Добавьте data-credit="off" в тег script или снимите галочку выше перед копированием кода.
Нужен ли новый номер WhatsApp?
Нет. Вы подключаете свой существующий номер WhatsApp или WhatsApp Business так же, как подключаете WhatsApp Web. Клиенты продолжают писать на номер, который они уже знают.