Живой предпросмотр
Точно тот код, который вы скопируете, показывается на тестовой странице во время редактирования.
Бесплатная кнопка чата WhatsApp для сайтов
Генератор виджета WhatsApp для вашего сайта
Создайте плавающую кнопку WhatsApp, посмотрите на неё вживую на тестовой странице и скопируйте небольшой фрагмент HTML. Работает на WordPress, Shopify, Tilda, Wix, Webflow и самописных сайтах — без плагинов, внешних скриптов и слежки за посетителями.
Укажите код страны. Пробелы, дефисы и + в начале допустимы.
Посетитель увидит этот текст в WhatsApp и сможет изменить его перед отправкой. Ничего не отправляется автоматически.
Код для вставки: перед </body>
Введите номер WhatsApp, чтобы получить код для вставки.
Бесплатно, без регистрации. Создаётся в вашем браузере — ничего из того, что вы вводите, не отправляется в MyChatWrap.
Что такое виджет WhatsApp для сайта?
Виджет WhatsApp — это кнопка, закреплённая в углу сайта, которая по клику открывает чат WhatsApp с вашей компанией. Генератор создаёт чистые HTML и CSS: оформленную ссылку wa.me с необязательным приветственным облачком. Поскольку ничего не загружается с чужих серверов, она почти ничего не весит, не замедляет сайт и не требует баннера о cookie.
Лёгкая кнопка чата под вашим полным контролем
Без скриптов и слежки
Чистые HTML и CSS, около 1 КБ, без запросов к третьим сторонам и без cookie.
Свой текст и цвет
Подпись вроде «Напишите нам» или круглая кнопка только со значком в цвете бренда.
Приветственное облачко
Необязательное сообщение над кнопкой приглашает начать чат.
Удобно на телефоне
При желании на телефонах остаётся только значок, чтобы не закрывать контент.
Доступность по умолчанию
Стили фокуса для клавиатуры и подпись для экранных дикторов уже встроены.
Как добавить WhatsApp на сайт
1. Введите номер
Укажите номер WhatsApp или WhatsApp Business с кодом страны.
2. Настройте кнопку
Задайте текст, приветствие, цвет, положение и готовое сообщение.
3. Вставьте код
Скопируйте фрагмент и вставьте его прямо перед </body> на сайте.
Куда вставить код
Вставьте фрагмент один раз туда, где он загружается на всех страницах:
- WordPress: плагин для кода в header/footer или footer.php вашей темы перед </body>
- Shopify: Интернет-магазин → Темы → Изменить код → theme.liquid, перед </body>
- Tilda: Настройки сайта → Ещё → HTML-код для вставки в BODY
- Wix: Настройки → Пользовательский код → Конец Body, на всех страницах
- Webflow: Project settings → Custom code → Footer code
- Любой HTML-сайт: прямо перед закрывающим тегом </body>
Почему виджет на чистом HTML?
Большинство чат-плагинов при каждом просмотре страницы загружают JavaScript с сервера другой компании. Это утяжеляет страницу, может ставить отслеживающие cookie и перестаёт работать, если сервис меняет тарифы. Этот фрагмент — оформленная ссылка: если страница открылась, кнопка работает.
Обратная сторона — нет встроенной статистики кликов. Используйте отдельное готовое сообщение, например «Здравствуйте, я с вашего сайта», чтобы отличать чаты из виджета.
Как сделать кнопку эффективной
Говорите, что произойдёт («Напишите нам», «Задать вопрос»), а не показывайте один значок; приветствие делайте коротким и человечным и подставьте готовое сообщение, чтобы никто не сидел перед пустым полем. На телефонах кнопка только со значком не закрывает фото товаров и кнопки оплаты.
Что делает инструмент
- Создаёт плавающую кнопку WhatsApp на чистом HTML/CSS
- Показывает живой предпросмотр точного фрагмента
- Поддерживает текст, цвет, приветствие, положение и настройки для телефонов
- Проверяет номер перед публикацией
Чего он не умеет
- Давать онлайн-чат, чат-ботов или общий ящик для команды
- Считать клики или посетителей — отслеживания нет намеренно
- Устанавливаться сам — фрагмент вставляете вы
Создаётся приватно в вашем браузере
Всё на этой странице создаётся в вашем браузере. Номер, сообщение и настройки, которые вы вводите, не отправляются в MyChatWrap и нигде не сохраняются. С вашего устройства уходит только то, что вы сами решите скопировать, скачать или опубликовать.
Вопросы о виджете WhatsApp
Похожие инструменты WhatsApp
Генератор ссылок WhatsApp
Создайте ссылку wa.me для чата в один клик с готовым сообщением — сразу для копирования.
Генератор QR-кодов WhatsApp
Создайте QR-код WhatsApp для чата по сканированию — своих цветов, в PNG или SVG для печати.
Шаблоны сообщений WhatsApp
Заполняйте готовые сообщения WhatsApp Business для заказов, напоминаний, акций и не только.
WhatsApp to PDF
Нужны все сообщения? Создайте PDF с полной хронологической расшифровкой.
Уже общаетесь с клиентами в WhatsApp?
Экспортируйте чат с клиентом или командой и узнайте время ответа, часы пик, кто начинает разговоры и многое другое — анализ проходит приватно в вашем браузере.
Проанализировать чат WhatsApp