Как создать ссылку WhatsApp, QR-код и кнопку на сайте
Ссылка WhatsApp открывает чат с вашим бизнесом одним касанием. Как собрать ее с заполненным сообщением, превратить в QR-код и добавить на сайт в виде кнопки.
Команда MonoChat Обновлено: 7 мин чтения
На этой странице
Ссылка WhatsApp — это URL, который открывает чат с номером вашего бизнеса, когда по нему нажимают. Формат такой: https://wa.me/ и полный номер телефона в международном формате, без знака плюс, пробелов и дефисов, например https://wa.me/15551234567. Добавьте ?text= и сообщение, чтобы чат открывался с уже набранным текстом. Затем эту же ссылку можно превратить в QR-код или кнопку на сайте.
В этом руководстве рассматриваются все три варианта: ссылка, QR-код и кнопка на сайте. Здесь также объясняется, что меняется, когда ваш номер работает через WhatsApp Business API, и как понять, из какой ссылки или кода пришел каждый диалог.
Как создать ссылку WhatsApp (wa.me)
Функция click-to-chat в WhatsApp позволяет любому начать чат с вашим номером, не сохраняя его. Соберите ссылку в три шага.
- Начните с базового URL:
https://wa.me/ - Добавьте номер в международном формате. Используйте код страны и полный номер, удалив
+, пробелы, скобки, дефисы и начальный ноль. - Проверьте ссылку на телефоне и на компьютере, прежде чем ею делиться.
Вот как преобразуются распространенные локальные форматы:
| Как записан номер | Страна | Ссылка wa.me |
|---|---|---|
| +1 (555) 123-4567 | США | https://wa.me/15551234567 |
| +44 07700 900123 | Великобритания | https://wa.me/447700900123 |
| +90 (532) 123 45 67 | Турция | https://wa.me/905321234567 |
| +971 050 123 4567 | Объединенные Арабские Эмираты | https://wa.me/971501234567 |
Самая частая ошибка — оставить местный нуль после кода страны (4407700...). Из-за этого получается ссылка на номер, которого нет в WhatsApp.
Как добавить в ссылку WhatsApp заполненное сообщение
Заполненное сообщение избавляет клиента от набора текста и подсказывает вам, что ему нужно. Добавьте ?text= и ваше сообщение, записав пробелы как %20:
https://wa.me/15551234567?text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5%2C%20%D1%85%D0%BE%D1%87%D1%83%20%D0%B7%D0%B0%D0%B1%D1%80%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%20%D1%81%D1%82%D0%BE%D0%BB%D0%B8%D0%BA%20%D0%BD%D0%B0%20%D0%BF%D1%8F%D1%82%D0%BD%D0%B8%D1%86%D1%83
После нажатия чат открывается с этим текстом в поле сообщения:
Здравствуйте, хочу забронировать столик на пятницу
Любой URL-кодировщик преобразует текст за вас. Делайте сообщение коротким, пишите его от лица клиента и привязывайте к месту, где стоит ссылка. Несколько примеров:
- На странице товара: «Здравствуйте, дубовый обеденный стол есть в наличии?»
- В подписи электронного письма: «Здравствуйте, у меня вопрос по моему заказу.»
- В меню: «Здравствуйте, хочу заказать с самовывозом.»
- В профиле Instagram: «Здравствуйте, увидел ваш профиль и хочу узнать больше.»
Клиент может изменить или удалить текст перед отправкой, поэтому воспринимайте его как удобное начало, а не как форму.
Как сделать QR-код WhatsApp для вашего бизнеса
QR-код — это офлайн-версия ссылки. Клиенты сканируют его камерой телефона, и чат открывается. Есть три способа его создать.
Вариант 1: WhatsApp Business app
WhatsApp Business app дает вашему бизнесу QR-код, которым можно делиться, который можно распечатать и сбросить прямо в приложении. Он открывает чат с вашим номером. После сброса старый код перестает работать, что полезно, если кодом злоупотребили, но не забудьте заменить все, что вы уже распечатали.
Вариант 2: QR-коды в WhatsApp Business API
Если ваш номер работает через WhatsApp Business API, Meta предлагает QR-коды и короткие ссылки, которыми вы управляете в ее бизнес-инструментах или через API. Согласно документации Meta для разработчиков:
- Каждый код может содержать заполненное сообщение длиной до 140 символов.
- На один номер телефона может быть до 2 000 QR-кодов и коротких ссылок.
- Изображения предоставляются в формате SVG или PNG. Meta рекомендует SVG для печати, так как он чисто масштабируется для вывесок и упаковки.
- Каждый код также получает короткую ссылку формата
https://wa.me/message/плюс случайный код, поэтому ваш номер и сообщение в URL не отображаются. - Заполненное сообщение можно изменить позже без повторной печати кода.
- Коды не истекают. Если вы удалите код, те, кто его отсканирует, увидят ошибку об истекшем сроке.
- Meta не предоставляет аналитику сканирований для этих кодов, чтобы защитить конфиденциальность пользователей.
Meta также не советует менять оформление кодов цветами или эффектами, так как это может затруднить сканирование.
Вариант 3: любой генератор QR-кодов со ссылкой wa.me
Вы можете вставить любую ссылку wa.me, в том числе с заполненным сообщением, в генератор QR-кодов. Это работает для любого типа аккаунта WhatsApp. Выбирайте генератор, который создает статичный код. Некоторые бесплатные сервисы создают «динамические» коды, которые перенаправляют через их собственные серверы и перестают работать после окончания пробного периода.
Где разместить QR-код WhatsApp
- Полки и ценники, чтобы покупатели могли спросить о размерах или наличии
- Чеки и упаковка, для вопросов по заказу и повторных заказов
- Меню и карточки на столах в ресторанах и кафе
- Стойки администратора и зоны ожидания, для записи и регистрации
- Бейджи и брошюры на мероприятиях, для дополнительных вопросов
Добавьте рядом с кодом короткую строку, объясняющую, что произойдет после сканирования: «Отсканируйте, чтобы спросить об этом товаре в WhatsApp». QR-код без пояснения сканируют реже, чем код с объяснением причины.
Как добавить кнопку WhatsApp на сайт
Кнопка на сайте — это ссылка, обернутая в кликабельный элемент. Самая простая версия — обычная HTML-ссылка:
<a href="https://wa.me/15551234567?text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5%2C%20%D1%83%20%D0%BC%D0%B5%D0%BD%D1%8F%20%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D1%81"
target="_blank" rel="noopener">
Напишите нам в WhatsApp
</a>
Для плавающей кнопки в углу каждой страницы добавьте этот код перед закрывающим тегом </body> и оформите под стиль вашего сайта:
<a href="https://wa.me/15551234567?text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5%2C%20%D1%83%20%D0%BC%D0%B5%D0%BD%D1%8F%20%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D1%81"
target="_blank" rel="noopener" aria-label="Напишите нам в WhatsApp"
style="position:fixed;bottom:20px;right:20px;z-index:999;
padding:12px 18px;border-radius:40px;background:#25D366;
color:#fff;font-weight:600;text-decoration:none;">
Написать в WhatsApp
</a>
Несколько правил для кнопок на сайте:
- Меняйте заполненный текст по страницам. Ссылки на странице цен и на странице поддержки должны говорить разное.
- Укажите, когда вы отвечаете. «Отвечаем в рабочее время» задает ожидания.
- Проверьте мобильную версию. Убедитесь, что плавающая кнопка не закрывает корзину или баннер cookie.
- Не забывайте о посетителях с компьютера. Meta отмечает, что на компьютере ссылка открывает приложение WhatsApp для компьютера, если оно установлено; в противном случае посетителю предлагается его установить.
Кнопка WhatsApp или виджет живого чата?
| Ссылка или кнопка WhatsApp | Виджет веб-чата на сайте | |
|---|---|---|
| Где проходит чат | В WhatsApp посетителя | На вашем сайте |
| Нужен ли посетителю WhatsApp | Да | Нет |
| Диалог продолжается после ухода | Да, в чатах WhatsApp посетителя | Только пока сохраняется сессия |
| Лучше всего для | Мобильных посетителей, постоянных клиентов | Посетителей с компьютера, быстрых вопросов |
Многие компании предлагают оба варианта. Виджет веб-чата привлекает посетителей, которые не хотят покидать страницу, а кнопка WhatsApp — тех, кто предпочитает продолжить на телефоне.
Что происходит после нажатия на вашу ссылку WhatsApp?
Первое сообщение клиента открывает 24-часовое окно обслуживания клиентов. Внутри этого окна вы можете отвечать обычными сообщениями. С 1 октября 2026 года Meta тарифицирует эти сервисные сообщения по ставке для служебных сообщений на данном рынке после первых 1 000 бесплатных сервисных сообщений в месяц на один рабочий номер телефона. Если клиент не отвечает 24 часа, можно отправлять только одобренные шаблоны сообщений.
В двух моментах легко ошибиться:
- Чат — это не согласие на маркетинг. Человек, спросивший о часах работы, не соглашался получать рекламу. Запросите разрешение и зафиксируйте его. Как сформулировать запрос, показано в нашем руководстве по opt-in в WhatsApp.
- Ссылки — это не реклама. Бесплатное окно точки входа от Meta (до 7 дней) применяется к диалогам, начатым из рекламы Click-to-WhatsApp, а не к ссылкам wa.me или QR-кодам. О том, как это работает, см. рекламу Click-to-WhatsApp.
Как отследить, из какой ссылки или QR-кода пришел чат
Поскольку у QR-кодов нет аналитики сканирований, определяйте источник по первому сообщению. Дайте каждому месту размещения свой заполненный текст с коротким понятным тегом:
Витрина магазина: Здравствуйте, интересует предложение этой недели (W1)
Чек: Здравствуйте, у меня вопрос по заказу (R1)
Профиль Instagram: Здравствуйте, нашел вас в Instagram (IG)
Клиенты видят естественное предложение, а ваша команда или автоматизация видит код. Считайте диалоги по каждому коду ежемесячно, чтобы понять, какие места размещения приносят реальные диалоги, а не просто сканирования.
Как управлять чатами из ссылок и QR-кодов WhatsApp в MonoChat
Ссылки и коды — лишь точка входа. Важно то, что происходит, когда чат приходит. В MonoChat вы подключаете свой номер через официальный WhatsApp Business API, и каждый чат из ваших ссылок, QR-кодов и кнопок попадает в общие входящие вместе с другими вашими каналами.
Направляйте каждый источник к нужному ответу
С помощью автоматизации сценариев сценарий запускается входящим сообщением. Добавьте условия, считывающие начальный текст, а затем:
- Пометьте диалог его источником (витрина магазина, чек, Instagram).
- Отправьте подходящий первый ответ с кнопками быстрого ответа, например «Размеры в наличии», «Сроки доставки» или «Связаться с сотрудником».
- Передайте оператору из нужной команды: продажи для вопросов о товарах и поддержка для вопросов о заказах.
Для офлайн-магазинов QR-ассистент в магазине показывает, как QR-код на полке может запустить чат, отвечающий на вопросы о товарах и передающий диалог сотрудникам. Для сайтов сбор лидов по ссылке на чат показывает, как собирать данные лидов в диалоге и направлять их вашей команде продаж. Вы также можете разместить виджет веб-чата MonoChat рядом с кнопкой WhatsApp, чтобы оба типа посетителей попадали в одни и те же входящие.
Отвечайте круглосуточно
ИИ-ассистент может ответить на первое сообщение на основе вашей базы знаний в любое время и передать диалог человеку с полной историей. Те, кто отсканирует код на витрине магазина в 22:00, все равно получат полезный ответ. Когда вы будете готовы превращать чаты в выручку, следующие шаги описаны в нашем руководстве по лидогенерации в WhatsApp.
Вы можете начать с бесплатного тарифа Basic (1 оператор, 1 канал) на app.monochat.ai. Тарифы с большим числом операторов и каналов смотрите на странице цен.
Источники
Применяйте это на практике с MonoChat