Call to action — как создать эффективный призыв к действию на сайте

Призыв к действию на большинстве сайтов сводится к серой кнопке «Отправить» под формой из семи полей, и именно на ней теряется большая часть людей, которые до неё вообще доскроллили. Я много раз смотрел записи визитов на страницах услуг: человек читает описание, доходит до формы, наводит курсор на кнопку, потом уводит его вверх, ещё раз перечитывает блок с ценами и закрывает вкладку. Текст на странице свою работу сделал, а последний шаг оказался непонятным — неясно, что произойдёт после нажатия, за сколько ответят и во что это обойдётся.

Почему «Отправить» и «Узнать больше» проигрывают конкретным формулировкам

Слово «Отправить» описывает то, что делает браузер, а не то, что получает человек. Оно не отвечает ни на один вопрос, который в этот момент есть в голове у посетителя. Отправить что? Кому? И что будет дальше — позвонят через минуту, напишут через три дня, добавят в рассылку?

«Узнать больше» страдает тем же. Это вежливая формулировка ни о чём: она не сообщает, куда ведёт ссылка и сколько времени займёт следующий шаг. Человек, который уже потратил две минуты на чтение, вправе ожидать, что ему скажут конкретно, куда он попадёт. «Узнать больше» звучит как приглашение потратить ещё неизвестно сколько времени без гарантии результата.

Конкретная формулировка снимает неопределённость. «Получить расчёт за 15 минут» сообщает три вещи сразу: что человек получит (расчёт), что это не обязывает к покупке (расчёт — не договор), и сколько ждать. «Записаться на приём» прямо называет действие и результат. «Скачать чек-лист из 24 пунктов» говорит объём и формат. Разница между абстрактной и конкретной кнопкой не в красивости слов, а в количестве оставшихся вопросов: у конкретной их меньше.

Есть и техническая сторона. Абстрактные подписи одинаковы на всех страницах сайта, поэтому в аналитике невозможно понять, какой именно призыв сработал: события «клик по Отправить» сливаются в одну кучу. Конкретные подписи автоматически становятся разными событиями, и через месяц видно, какие страницы дают заявки, а какие только трафик.

Формула призыва: глагол действия плюс выгода плюс снятие риска

Рабочая структура призыва состоит из трёх частей, и каждая закрывает свой вопрос.

• Глагол действия — что человек делает прямо сейчас: получить, рассчитать, записаться, забрать, вызвать, подобрать, заказать. Не «отправка», не «заявка», не существительное — именно глагол, потому что кнопка обозначает действие.
• Выгода — что он получает: расчёт, смету, замер, подбор, чек-лист, консультацию, тестовый доступ. Здесь важна вещественность: «консультация» размыто, «расчёт стоимости по вашим размерам» — понятно.
• Снятие риска — почему нажать безопасно: бесплатно, без обязательств, без предоплаты, за 15 минут, ответим в рабочее время. Эта часть часто не влезает в кнопку и уезжает в подпись под ней, и это нормально.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Собранный пример: кнопка «Рассчитать стоимость», под ней строка «Бесплатно, ответим в течение 15 минут в рабочее время, без звонков-напоминаний». Кнопка держит глагол и выгоду, подпись снимает риск. Пытаться уместить всё в саму кнопку — ошибка: длинная подпись ломает вёрстку на телефоне и переносится в три строки.

Ниже — типичные подписи, которые я чаще всего вижу на сайтах, и их рабочие замены по этой формуле.

Плохо	Хорошо	Что изменилось
Отправить	Получить расчёт за 15 минут	Появился результат и срок ответа
Узнать больше	Посмотреть цены и сроки	Понятно, что на следующей странице
Оставить заявку	Вызвать замерщика на удобный день	Назван конкретный следующий шаг
Подробнее	Смотреть 12 работ по этой услуге	Назван объём и содержание
Связаться с нами	Записаться на приём	Убрана мы-ориентированность
Заказать звонок	Перезвоним за 5 минут	Обещание вместо просьбы
Скачать	Скачать чек-лист из 24 пунктов, PDF	Известны объём и формат файла
Отправить форму	Отправить фото — соберём смету	Объяснено, зачем это нужно
Регистрация	Попробовать 14 дней без карты	Снят главный страх — оплата
Купить	В корзину, доставим завтра	Добавлен срок получения

Обратите внимание на строку «Связаться с нами». Это одна из самых распространённых формулировок и одна из самых слабых. Она описывает выгоду компании, а не человека, и требует от него инициативы вместо того, чтобы предложить понятную услугу. Разворот в сторону посетителя — самая дешёвая правка, которую можно сделать за десять минут.

Один призыв на странице работает лучше пяти разных

Частая картина: на странице услуги стоит кнопка «Заказать», рядом «Скачать прайс», ниже «Задать вопрос в чат», сбоку «Подписаться на рассылку», в подвале «Оставить отзыв». Каждая по отдельности выглядит уместной. Вместе они превращают страницу в развилку из пяти дорог, и человек выбирает шестую — назад в выдачу.

Причина в том, что выбор требует усилий. Пока целевое действие одно, решение бинарное: делать или нет. Как только вариантов становится несколько, человеку нужно сначала сравнить их между собой, а он пришёл не за этим. К тому же несколько равнозначных кнопок размывают визуальный акцент: если всё выделено, не выделено ничего.

Это не значит, что на странице должна быть ровно одна кнопка. Один призыв — это одно целевое действие, повторённое в нескольких местах. Кнопка «Рассчитать стоимость» может стоять на первом экране, после блока с проблемой, в середине текста и в конце — это по-прежнему один призыв. А вот когда в этих четырёх местах стоят четыре разных предложения, страница теряет фокус.

Второстепенные действия при этом никуда не деваются, их просто нужно понизить в ранге визуально: телефон в шапке текстом, прайс — обычной ссылкой в тексте, а не кнопкой. Правило простое: контрастная заливка достаётся только основному действию, всё остальное живёт в виде ссылок и обводок.

Где размещать призывы на длинной странице

Люди читают страницу неравномерно: часть уходит после первого экрана, часть после блока с ценами, часть дочитывает до конца. Один призыв внизу страницы обслуживает только последних. Поэтому целевое действие повторяют в узлах, где у человека естественно возникает готовность действовать.

Смежный материал по теме — «Блог на коммерческом сайте».

Место	Кому адресован	Формулировка
Первый экран	Тем, кто уже знает, чего хочет	Основное действие плюс цена или срок рядом
После разбора проблемы	Тем, кто узнал свою ситуацию	Тот же призыв, но с привязкой к проблеме
В середине длинного текста	Тем, кто читает внимательно	Неброский блок в рамке, без агрессии
После цен или примеров работ	Тем, кто сравнил и решился	Основное действие плюс снятие риска
В конце страницы	Дочитавшим до конца	Форма целиком, а не только кнопка
Липкая панель на мобильных	Всем, кто на телефоне	Одна кнопка, максимум две

Ориентир по частоте: на странице длиной в один-два экрана хватит двух точек, на длинной странице услуги — четырёх-пяти, в статье на двенадцать тысяч знаков — двух, максимум трёх. Если призыв встречается каждые полтора экрана, страница начинает выглядеть как навязчивая посадочная, и доверие падает.

Первый экран: почему кнопка там нужна не всегда одинаковая

На первом экране кнопка работает только для тех, кто пришёл с готовым намерением. Такой человек искал конкретную услугу, попал на нужную страницу и не собирается читать преимущества — ему нужно быстро оставить контакт. Для него кнопка на первом экране экономит время.

Помогу с продвижением: раскрутка сайта белыми методами — вывожу сайты в топ Яндекса белыми методами.

Но часть аудитории попадает на страницу с общего запроса и ещё не поняла, туда ли она пришла. Для этой части кнопка на первом экране бесполезна, зато вредна ситуация, когда кнопка занимает половину высоты и вытесняет заголовок с объяснением, чем вы занимаетесь. Поэтому на первом экране призыв должен стоять рядом с фактами, а не вместо них: заголовок с понятной услугой, одна-две строки про цену или срок, кнопка.

Отдельно про мобильные: на телефоне первый экран — это примерно 550–650 пикселей высоты. Крупная картинка, шапка на 80 пикселей и заголовок в три строки съедают его целиком, и кнопка уезжает под сгиб. Проверять это надо не в редакторе, а на реальном устройстве или хотя бы в режиме эмуляции с включённой панелью браузера.

Липкая панель на мобильных: когда помогает, когда мешает

Панель, закреплённая внизу экрана телефона, решает проблему сгиба: кнопка всегда под большим пальцем, на каком бы месте страницы человек ни находился. На страницах услуг и карточках товара это почти всегда даёт прирост.

Три условия, без которых панель приносит вред:

• Высота не больше 60–64 пикселей. Панель на 100 пикселей съедает шестую часть экрана и раздражает при чтении.
• Не более двух элементов: основное действие и, если нужно, телефон. Три и больше превращают панель в кашу с крошечными зонами нажатия.
• Панель не должна перекрывать нижнюю часть контента. Обязательно добавляется отступ снизу у body, иначе последний абзац и подвал оказываются под панелью.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Самая частая техническая ошибка — липкая панель и виджет чата в одном углу. Круглая кнопка чата садится поверх панели и закрывает половину основной кнопки. Проверяется это за минуту: открыть страницу на телефоне и попробовать нажать. Я регулярно нахожу такое на сайтах, где виджет ставили позже редизайна и никто не сверял результат.

Призыв и намерение: холодному одно, горячему другое

Один и тот же призыв не может одинаково работать для человека, который впервые столкнулся с проблемой, и для того, кто уже выбирает между тремя исполнителями. Разница в том, какую цену человек готов заплатить за следующий шаг — не в деньгах, а в обязательствах.

Состояние	Что ищет	Подходящий призыв	Что не сработает
Холодный	Понять, есть ли проблема	Чек-лист, статья, калькулятор, разбор	«Оставить заявку», звонок
Тёплый	Сравнить варианты и цены	Расчёт, смета, подбор, прайс на почту	Требование регистрации
Горячий	Выбрать исполнителя и начать	Звонок, заявка, запись на конкретное время	Скачивание материалов — уже поздно

Практический вывод: тип страницы почти всегда подсказывает состояние. На статью блога по общему запросу приходят холодные — им уместен чек-лист или калькулятор. На страницу услуги с коммерческим запросом приходят тёплые — им нужен расчёт. На страницу с ценами и контактами доходят горячие — им нужна форма заявки и телефон.

Ошибка, которая встречается чаще всего, — ставить призыв горячего уровня на страницу для холодных. Форма «Оставьте телефон, менеджер перезвонит» посреди обучающей статьи не даёт заявок и одновременно раздражает читателя, который пришёл разобраться в вопросе.

Форма: каждое лишнее поле стоит заявок

Форма — часть призыва, а не отдельная сущность. Красивая кнопка перед формой из семи полей не спасает. Каждое поле — это микрорешение: вспомнить, набрать, засомневаться, зачем это спрашивают.

Если нужны детали, смотрите «Что делать со старыми статьями на сайте».

Разумный минимум зависит от того, что вы обещали в кнопке. Если обещали перезвонить — достаточно телефона. Если обещали прислать расчёт — телефона или почты и одного поля с сутью задачи. Поля «Отчество», «Название организации», «Как вы о нас узнали», «Удобное время звонка» почти всегда можно уточнить в разговоре, а не требовать заранее.

Элемент формы	Влияние	Что делать
Капча с картинками	Отсекает часть людей полностью	Заменить на скрытую защиту или honeypot
Обязательная регистрация	Резко снижает долю дошедших	Разрешить заказ без аккаунта
Поле «Отчество»	Лишний шаг без пользы	Убрать, оставить одно поле «Имя»
Согласие с политикой галочкой	Даёт ошибку отправки при пропуске	Оставить, но текстом под кнопкой, без обязательного чекбокса, где это допустимо
Маска телефона со строгим форматом	Ломается на номерах другой страны	Разрешить свободный ввод, проверять мягко
Сброс полей при ошибке	Человек уходит, не заполняя заново	Сохранять введённое, подсвечивать поле
Отсутствие подтверждения	Люди отправляют повторно или уходят	Показать экран «Заявка принята» с номером

Отдельно про цену. Если рядом с кнопкой нет ни цифры, ни диапазона, ни объяснения, от чего зависит стоимость, часть людей не нажимает просто потому, что боится попасть на разговор с менеджером и неловкость отказа. Строка «от 12 000 рублей, точная сумма после замера» снимает этот страх лучше любого дизайна кнопки.

Что ещё убивает конверсию рядом с призывом

• Кнопка ниже сгиба на мобильных. Человек не скроллит, если не понял, что внизу есть что-то нужное.
• Виджет чата поверх кнопки. Классика на телефонах: кнопка есть, нажать нельзя.
• Всплывающее окно через три секунды. Оно закрывает страницу до того, как человек понял, где он.
• Кнопка того же цвета, что и остальные элементы. Взгляд её просто не находит.
• Ссылка вместо кнопки. На телефоне в текстовую ссылку сложно попасть пальцем.
• Форма в модальном окне без возможности закрыть. Порождает не заявки, а закрытые вкладки.
• Медленная отправка без индикации. Человек жмёт три раза, получает три заявки и решает, что сайт сломан.
• Обещание в кнопке, которое не выполняется. «Перезвоним за 5 минут» и звонок через сутки бьют по репутации сильнее, чем отсутствие обещания.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Микротексты рядом с кнопкой

Подпись под кнопкой на одну-две строки — самый дешёвый инструмент из всех. Она не требует переделки дизайна и закрывает три вопроса, которые остаются у человека в момент нажатия.

• Что произойдёт после нажатия. Откроется форма, придёт письмо, позвонит специалист, скачается файл. Отдельно стоит предупреждать, если кнопка ведёт на другую страницу или открывает документ.
• Сколько ждать ответа. «В течение 15 минут в рабочее время», «до конца следующего рабочего дня». Честный длинный срок лучше расплывчатого «скоро».
• Не будет ли спама и звонков. «Не звоним без запроса, не подписываем на рассылку» — короткая фраза, которая снимает главный страх людей, уже обжёгшихся на других сайтах.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Формулировки лучше держать бытовыми. «Мы гарантируем конфиденциальность ваших персональных данных в соответствии с действующим законодательством» — это юридический шум, который никто не читает. «Телефон нужен только для ответа по вашей задаче» — читают.

Контраст, размер и область нажатия

Кнопка должна находиться взглядом за долю секунды, не глядя на страницу целиком. Для этого её цвет должен быть единственным в своём роде на экране. Если фирменный синий используется в заголовках, ссылках, иконках и подложках, синяя кнопка растворяется. Тогда для основного действия берут акцентный цвет, который больше нигде не встречается.

Контраст текста к заливке кнопки стоит держать не ниже 4,5:1 — это порог читаемости, и он же спасает кнопку на солнце, когда человек смотрит в телефон на улице. Светло-серый текст на светло-зелёном выглядит модно на макете и не читается в реальности.

Размер области нажатия на телефоне — не меньше 44 пикселей по высоте, и это минимум, а не цель. Комфортная кнопка на мобильном — 48–56 пикселей высоты и ширина минимум в половину экрана. Важно, что 44 пикселя считаются по кликабельной зоне, а не по видимой рамке: если кнопка визуально 32 пикселя, но имеет внутренние отступы и обёрнута в тег, который тоже кликается, требование выполняется. Обратное тоже верно — красивая крупная кнопка, у которой кликабелен только текст внутри, промахивается пальцем через раз.

Расстояние между кнопкой и соседними кликабельными элементами — не меньше 8 пикселей. Иначе на телефоне человек, целясь в «Отправить», попадает в ссылку на политику обработки данных и уходит на другую страницу, потеряв заполненную форму.

Призывы для разных типов страниц

Тип страницы	Основной призыв	Дополнительный	Чего избегать
Страница услуги	Получить расчёт по вашей задаче	Телефон в шапке	Рассылка, чат вместо кнопки
Карточка товара	В корзину или Купить в один клик	Уточнить наличие	Пять кнопок одного веса
Статья блога	Смежный материал или чек-лист	Ненавязчивая ссылка на услугу	Форма заявки посреди текста
Главная страница	Переход в нужный раздел	Расчёт или консультация	Попытка продать всё сразу
Страница цен	Оставить заявку на выбранный тариф	Задать вопрос по тарифу	Скрытая стоимость «по запросу»
Страница контактов	Позвонить или написать в мессенджер	Построить маршрут	Только форма без телефона

Если нужна помощь по теме — обучение SEO-продвижению.

Главная страница — отдельный случай. На неё приходят люди с разными задачами, и попытка поставить один универсальный призыв обычно проваливается. Логичнее сделать основной задачей навигацию: понятные блоки услуг с кнопками перехода, а форму оставить одну, внизу, для тех, кто не нашёл своего раздела.

Почему призыв в статье блога должен быть уместным

Статья блога живёт в поиске и получает людей, которые ищут ответ на вопрос, а не подрядчика. Если такой человек открывает материал и первым делом получает форму «Оставьте номер, менеджер перезвонит», он видит рекламную страницу вместо ответа. Дальше происходит возврат в выдачу и выбор следующего результата, а поисковая система запоминает, что этот документ не решил задачу.

Подробнее об этом — в статье «Как оформлять статьи на сайте».

Именно поэтому агрессивный призыв в блоге вредит дважды: он не приносит заявок и одновременно ухудшает поведенческую картину страницы. Рост возвратов в выдачу — сигнал, который отражается на позициях всего раздела, а не одной статьи.

Работающая схема для блога выглядит скромнее:

• Основной призыв — продолжение чтения: смежная статья, подборка, инструмент или чек-лист по теме. Он совпадает с намерением человека и не выталкивает его из материала.
• Коммерческий призыв — один, в конце, обычной строкой с ссылкой на услугу, без крупной кнопки и без формы. Дочитавший до конца человек прогрелся, и такое предложение выглядит естественно.
• Никаких всплывающих окон в первые секунды и никаких форм, перекрывающих текст при скролле.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Есть исключение: если статья написана под запрос с явным коммерческим оттенком — например, разбор «сколько стоит» или «как выбрать подрядчика» — там уместен призыв к расчёту прямо в теле материала. Ориентироваться нужно на запросы, по которым страница получает трафик, а не на общее правило.

Как проверять, работает ли призыв

Спорить о формулировках кнопок можно бесконечно, поэтому решение принимается по данным. Четыре источника закрывают почти все вопросы.

• Записи визитов. Смотреть нужно не удачные сессии, а те, где человек дошёл до формы и не отправил её. Там видно всё: как он топчется на поле телефона, как получает ошибку валидации, как не может закрыть всплывающее окно.
• Карта кликов и скроллинга. Карта скролла показывает, сколько людей вообще видели кнопку. Часто выясняется, что до неё доходит меньше трети, и переписывать текст бессмысленно — надо поднимать кнопку выше.
• Аналитика форм. Отчёт по полям показывает, на каком именно поле люди бросают заполнение. Обычно это либо телефон со строгой маской, либо поле с комментарием, где человек не понимает, что писать.
• Клики по кнопке как отдельная цель. Разница между «нажал кнопку» и «отправил форму» — это и есть потери на форме. Если 200 нажатий дают 40 отправок, проблема не в призыве, а в том, что за ним.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Отдельно стоит проверять кнопку на мобильных вручную, а не по данным. Открыть страницу на своём телефоне, пройти путь целиком: найти кнопку, нажать, заполнить форму, отправить, увидеть подтверждение. Половина проблем находится на этом шаге за пять минут.

Как правильно сравнивать до и после

Самая частая методическая ошибка — сравнить неделю до правки с неделей после и объявить рост. На конверсию влияет структура трафика: сменился источник, пришёл сезон, отработала реклама — и цифры поедут независимо от кнопки.

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

• Сравнивать одинаковые периоды и по возможности одинаковые дни недели, а не «до» с «после» вразнобой.
• Смотреть отдельно по источникам: поиск, реклама, прямые заходы. Часто рост в одном канале маскирует падение в другом.
• Считать не абсолютные заявки, а конверсию из визита в заявку — иначе рост трафика выдаст себя за успех правки.
• Менять по одному элементу за раз. Если одновременно переписали кнопку, сократили форму и добавили липкую панель, узнать причину уже не получится.
• Не делать выводов на десятке заявок. При малых числах разброс между неделями объясняется случайностью, а не правкой.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Если трафика на странице мало, полноценный сплит-тест не соберётся за разумный срок. В такой ситуации честнее опираться на записи визитов и здравый смысл: убрать капчу, сократить форму, поднять кнопку выше сгиба, добавить срок ответа. Это правки, которые не могут сделать хуже.

Порядок работы над призывом на конкретной странице

Шаг	Что делаем	Результат
1	Определяем одно целевое действие страницы	Один призыв вместо пяти
2	Смотрим, с каких запросов идёт трафик	Понимаем состояние аудитории
3	Формулируем кнопку: глагол плюс выгода	Конкретная подпись вместо «Отправить»
4	Пишем подпись со сроком ответа	Снят риск и неопределённость
5	Сокращаем форму до необходимого минимума	Меньше брошенных заполнений
6	Проверяем первый экран на телефоне	Кнопка видна без скролла
7	Расставляем повторы призыва по узлам	Охвачены все глубины чтения
8	Проверяем перекрытия чатом и панелями	Кнопка физически нажимается
9	Настраиваем цели на клик и на отправку	Видны потери на форме
10	Через месяц смотрим записи и карты	Правки по фактам, а не по вкусу

Порядок здесь не декоративный. Начинать с дизайна кнопки, не разобравшись, кто приходит на страницу, — значит красить дверь, которая ведёт не туда. И наоборот: правильная формулировка на кнопке, которую не видно на телефоне, не даст ничего.

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

Сколько призывов должно быть на странице услуги?
Одно целевое действие, повторённое в трёх-пяти местах: первый экран, после разбора проблемы, после цен или примеров работ, в конце страницы, плюс липкая панель на мобильных. Разных предложений быть не должно — повторяется одно и то же.

Можно ли ставить форму заявки в статью блога?
В большинстве случаев не стоит. Человек пришёл за ответом, и форма посреди текста читается как реклама вместо содержания, растут возвраты в выдачу. Уместнее чек-лист, калькулятор или смежная статья, а ссылку на услугу дать обычной строкой в конце.

Насколько длинной может быть подпись на кнопке?
Практический предел — три-четыре слова, чтобы на телефоне текст не переносился в три строки. Всё остальное — глагол, выгода, срок — распределяется между кнопкой и подписью под ней.

Что делать, если на кнопку нажимают, но заявок нет?
Проблема не в призыве, а в том, что за ним. Смотреть аналитику форм и записи визитов: обычно виноваты капча, строгая маска телефона, сброс полей при ошибке или отсутствие экрана подтверждения после отправки.

Обязательно ли писать цену рядом с кнопкой?
Если цена зависит от параметров, достаточно диапазона и объяснения, от чего она считается. Полное отсутствие ориентира по стоимости отпугивает часть людей сильнее, чем высокая цифра, — они не хотят попадать на разговор, из которого неловко выйти.

Коротко

• Кнопка «Отправить» описывает действие браузера, а конкретная подпись — результат для человека; работающая формула это глагол плюс выгода плюс снятие риска в подписи под кнопкой.
• Одно целевое действие на страницу, повторённое в нескольких местах, даёт больше заявок, чем пять разных предложений одинакового веса.
• Призыв подбирается под намерение: холодному посетителю — расчёт или чек-лист, тёплому — смета и цены, горячему — звонок и заявка.
• Конверсию убивают форма из семи полей, капча, требование регистрации, отсутствие цены рядом с кнопкой, кнопка ниже сгиба на мобильных и чат, перекрывающий её.
• Проверять надо по записям визитов, карте скролла и аналитике форм, сравнивая одинаковые периоды по источникам и меняя по одному элементу за раз.
• Призыв к действию: почему «Отправить» работает хуже, чем «Получить расчёт»

Переделать страницы так, чтобы люди доходили до заявки, — задача доработки сайта.

8:14

Техническую часть и удобство сайта привожу в порядок в рамках доработки сайта.