Плавающая кнопка WhatsApp для сайта
Укажите номер с кодом страны и сообщение, которое клиент отправит сразу. Настройте внешний вид, посмотрите предпросмотр в углу экрана и скопируйте код.
Как пользоватьсяКнопка WhatsApp на сайте
Доступно на: 
Плавающая кнопка WhatsApp для сайта: для чего нужен
Укажите WhatsApp с кодом страны и сообщение, которое клиент отправит. Выберите угол экрана, размер, цвет, отступ от края, текстовую подсказку и пульсацию кнопки при открытии страницы. Предпросмотр появляется в углу этой страницы.
Код — это только HTML и CSS с иконкой в SVG и ссылкой wa.me. Подсказка скрывается на маленьких экранах, а анимация учитывает тех, кто предпочитает меньше движения.
Как пользоваться
- Введите номер с кодом страны и сообщение.
- Настройте положение, цвет, размер и подсказку.
- Скопируйте код и вставьте перед </body> сайта.
Когда использовать
- Сайты магазинов и поставщиков услуг.
- Лендинги рекламных кампаний.
- Сайты на WordPress, Wix или написанные вручную.
Частые вопросы
Куда вставлять код?
Перед закрывающим </body> на всех страницах (или в подвал темы). В WordPress используйте плагин вставки кода в подвал или редактор темы. В конструкторах вроде Wix и Webflow используйте поле пользовательского кода сайта.
Нужен ли WhatsApp Business?
Нет. Ссылка wa.me работает с любым аккаунтом WhatsApp. Номер указывается с кодом страны, только цифрами.
Замедляет ли кнопка сайт?
Нет. Код — это только HTML и CSS с иконкой в SVG, без библиотек и внешних обращений.
Что если нужна не одна кнопка?
Используйте другое положение (слева и справа) и сгенерируйте код заново с другим номером. Во втором коде измените id wa-flutuante, чтобы он не повторялся.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.