Как сделать ссылку на ватсап: кнопка на сайт, клик открывает чат

Иллюстрация: ссылка wa.me и кнопка WhatsApp открывают чат с сайта

Ссылку на WhatsApp для сайта собирают так: номер в международном формате без плюса и пробелов, адрес вида https://wa.me/79…, по желанию готовый текст в параметре ?text=. Затем через Cursor обычным русским промптом вешаете на лендинг кнопку «Написать в WhatsApp» — без CRM и без сторонних виджетов. Посетитель в один клик открывает чат с вашим номером и черновиком сообщения. Заявки с уже идущего трафика ловятся быстрее, чем когда люди копируют цифры из подвала и ошибаются в каждой второй попытке.

Ниже — один рабочий канал диалога на живом URL: собрать ссылку, вставить кнопку, проверить с телефона. Цель — клик → открытый чат, а не красивый номер текстом.

Номер текстом — это не канал заявок

Сравнение: номер текстом в подвале против кнопки, открывающей чат WhatsApp

Картина знакомая: лендинг выложили, в подвале аккуратно «WhatsApp: +7 (9…)», трафик есть, а переписки нет. Человек с телефона пытается скопировать номер, теряет цифру, открывает чужой чат или вообще забивает. Писать «мессенджер не для сайта» — удобная отговорка. На самом деле канал не собран: нет кликабельной двери в диалог.

Официальный формат WhatsApp называется Click to Chat: ссылка https://wa.me/<номер> открывает чат на телефоне и в WhatsApp Web. Сообщение само не улетает — человек видит текст в поле ввода и жмёт «отправить». Это и есть разница между «номер на витрине» и «заявка в один тап».

Если вместо кнопки тащить тяжёлый виджет «на всякий случай» или сразу городить CRM — получите классическую ху@ню: вечер уйдёт на настройки, а простой клик так и не появится.

Собрать ссылку

Схема сборки ссылки wa.me из номера и параметра text

Возьмите номер, под которым у вас реально отвечает WhatsApp. Для России Help Center WhatsApp показывает маску https://wa.me/7XXXXXXXXXX — десять цифр после семёрки, без плюса, скобок, дефисов и лишних нулей.

  1. Уберите из номера всё кроме цифр. Не начинайте с 8: для международной ссылки нужна 7, не «восьмёрка с телефона».
  2. Склейте адрес: https://wa.me/79001234567 — подставьте свои цифры.
  3. Добавьте короткое первое сообщение: ?text=Здравствуйте,%20хочу%20узнать%20о%20… Пробелы кодируются как %20. Кириллицу лучше сразу отдать Cursor: «закодируй этот текст для URL» — так меньше битой строки.

Готовая ссылка выглядит примерно так:

https://wa.me/79001234567?text=Здравствуйте%2C%20хочу%20консультацию

Тот же смысл даёт длинная форма https://api.whatsapp.com/send?phone=79001234567&text=… — номер снова только цифрами. Для сайта с лендинга берите короткий wa.me: его же рекомендует Help как универсальную ссылку вместо схемы whatsapp://.

Короткая ссылка из WhatsApp Business (Tools → Short link) — отдельная история приложения. Для кнопки на сайте хватает ручного wa.me. Групповой инвайт chat.whatsapp.com — вообще другой зверь: это не ваш личный чат с клиентом.

Вставить кнопку через Cursor

Чеклист вставки кнопки WhatsApp на лендинг через Cursor

Откройте проект сайта в Cursor. Не переписывайте лендинг с нуля. Дайте агенту готовую ссылку и ясное задание.

Пример промпта:

«Добавь заметную кнопку „Написать в WhatsApp“ в hero и плавающий CTA в углу. Href вот этот: https://wa.me/79…?text=… У ссылки target=»_blank» и rel=»noopener». Не трогай формы, CRM и сторонние скрипты. Не рисуй свой логотип WhatsApp — если нужна фирменная кнопка, используй официальные ассеты Meta или простой зелёный текст без подделки значка.»

Cursor правит вёрстку по-русски, без ощущения «только для программистов». Цель — живая кнопка на уже открытом URL, а не система сайтов и не связка форма→Make.

  • Кнопка должна быть заметна выше подвала: рядом с оффером или после формы, плюс плавающий угол — нормальная практика.
  • Текст кнопки по-русски ок: «Написать в WhatsApp». Официальная зелёная «Chat on WhatsApp» из Help — English-only по правилам бренда; не перерисовывайте логотип «на глаз».
  • Не ставьте сторонний виджет ради анимации. Сначала клик, потом украшения.

Проверка: с телефона и с компьютера

Критерий готовности простой и жёсткий.

  1. Откройте сайт с телефона (желательно не только ваш Wi‑Fi). Нажмите кнопку.
  2. Должен открыться чат именно с вашим номером. В поле ввода — предзаполненный текст, если вы его задали.
  3. Сообщение ещё не отправлено. Человек сам жмёт «отправить» — так задумано WhatsApp.
  4. С компьютера проверьте то же через WhatsApp Web или десктоп-приложение: Click to Chat работает и там.

Честный момент про 2026 год: у части аудитории в РФ доступ к доменам WhatsApp и wa.me бывает нестабильным — DNS, ограничения, «ссылка собрана, а чат не открывается». Конструктор в браузере вас не спасёт. Нужен живой тест с телефона клиента или хотя бы с другой сети. Если клик молчит — не обещайте «всегда работает у всех». Запасной канал (форма на сайте или Telegram) — следующий шаг, не замена проверке.

Пока клик мёртвый, UTM и цели в Метрике — пустая суета. Сначала диалог, потом атрибуция.

Типичные ошибки, из‑за которых ссылка «не работает»

  • Плюс, скобки или дефисы в URL: https://wa.me/+7-900-… — Help прямо запрещает такой мусор в номере.
  • Ведущая 8 вместо 7: привычка с мобильного ломает международный формат.
  • Пробелы в номере или «голый» текст без URL-encode в ?text= — кириллица превращается в п@здец-строку, чат открывается криво или с пустым полем.
  • Ссылка на группу chat.whatsapp.com вместо личного wa.me — клиент попадает не туда.
  • Путаница с страницей контактов: там куча каналов, а вам нужен один тап в WhatsApp.
  • Путаница с формой заявки и CRM: форма пишет в таблицу или Bitrix; кнопка WhatsApp открывает мессенджер без бэкенда. Это разные двери.
  • Схема whatsapp:// на сайте вместо wa.me — для веба хуже: универсальные ссылки wa.me предпочтительнее custom scheme.

Если «всё собрали в онлайн-генераторе», а у реальных людей в РФ чат не открывается — виноват не «плохой HTML», а доступность домена. Проверьте клик, не верьте слепо зелёной галочке конструктора.

Что оставить на потом

  • Страница «Контакты» целиком — адреса, карта, все мессенджеры сразу.
  • Форма → Make → amoCRM / Bitrix — отдельный контур лидов.
  • Telegram-бот для заявок — другой канал, его не подменяют кнопкой wa.me.
  • Омниканальные виджеты и «умные» диплинки с атрибуцией — уровень после того, как простой клик живой.

Сайт под лиды — это скорость диалога. Кнопка WhatsApp — первый рабочий канал после выкладки лендинга. Когда он щёлкает, можно наращивать формы и автоматизацию.

Разборы сайтов из Cursor, CTA на живых страницах и связок «трафик → диалог» регулярно выходят в канале Maya Pro. Если собираете автоматизацию заявок и мессенджеров с нуля — программа обучения по Make закрывает практику сценариев, а не подменяет одну кнопку wa.me.

Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Опора на источники: WhatsApp Help — «Прямая связь» (wa.me/<номер>, ?text=, Click to Chat на телефоне и в WhatsApp Web; маска RU https://wa.me/7XXXXXXXXXX); Help — universal links vs whatsapp://; Business Short link (Tools → Short link); Meta Brand Resource Center — ассеты кнопки. Community/РФ: Umnico (обн. 2026-03-19), seo-lama — живой тест клика при нестабильном доступе к wa.me. Спрос «как сделать ссылку на ватсап» — Яндекс Вордстат, РФ, 2026-07-28.

Частые вопросы

Как сделать ссылку на WhatsApp по номеру телефона?

Возьмите цифры в международном формате без плюса и пробелов, склейте https://wa.me/7XXXXXXXXXX. Для России после семёрки идут десять цифр номера. Проверьте, что чат открывается именно на ваш аккаунт.

Как добавить готовый текст сообщения?

Допишите ?text= и URL-encoded строку. Пробелы — %20. Текст появится в поле ввода; отправка только после нажатия человеком. Кириллицу удобно кодировать через Cursor одной фразой.

Чем wa.me отличается от короткой ссылки WhatsApp Business?

wa.me вы собираете сами из номера. Короткую ссылку Business выдаёт приложение в Tools → Short link. Для кнопки на сайте достаточно wa.me; Business short link — опция внутри приложения, не обязательный шаг.

Нужен ли виджет или CRM, чтобы кнопка работала?

Нет. Достаточно обычной HTML-ссылки с адресом https://wa.me/79… на странице. CRM, Make и сторонние скрипты не нужны для первого результата: клик → чат.

Почему ссылка не открывается у части клиентов в России?

У части аудитории в 2026 доступ к WhatsApp/wa.me бывает нестабильным. Это не отменяет официальный формат, но обязывает тестировать с телефона и не обещать сто процентов. Если канал молчит — держите запасной путь (форма или Telegram) как следующий шаг.

Куда поставить кнопку на лендинге?

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