Обновлено: июль 2026.
Чтобы добавить на сайт виджет заказа обратного звонка, есть три пути: подключить готовый сервис callback (быстрее всего — вставить один скрипт перед тегом </body>), поставить плагин или блок в вашей CMS (WordPress, Tilda, Bitrix) либо сверстать свою HTML-форму и завести её на телефонию или CRM. Ниже — что выбрать под вашу задачу и пошаговая установка каждого варианта.
- Готовый сервис — автоперезвон и аналитика из коробки, платите за минуты или подписку. Подходит, если нужен результат сегодня.
- Плагин/блок CMS — кнопка без сторонней платы, но чаще без автодозвона. Хорошо для простого «оставьте номер».
- Своя форма — полный контроль и любой дизайн, но нужен тот, кто соберёт бэкенд и подключит телефонию.
- Код виджета почти всегда ставится в
<head>(чтобы кнопка была на всех страницах) или перед закрывающим</body>.
Что такое виджет обратного звонка и когда он нужен
Виджет обратного звонка — это кнопка или всплывающее окно, куда посетитель вводит свой номер, после чего система сама соединяет его с менеджером. Клиенту не нужно никуда звонить и висеть на линии: он оставляет номер, а перезванивает уже бизнес. Это снимает барьер «не хочу звонить сам» и ловит тех, кто готов к диалогу прямо сейчас.
Такой виджет оправдан, если у вас есть отдел продаж или хотя бы один человек, готовый перезванивать в течение нескольких минут. Если перезвонить некому, кнопка соберёт заявки, которые остынут, — и даст обратный эффект. Поэтому первый шаг не технический: решите, кто и как быстро обрабатывает заявки.
Способ 1. Готовый сервис callback — самый быстрый
Специализированные сервисы дают виджет, автодозвон, запись разговоров и аналитику без программиста. Из распространённых на рынке: Envybox, Callibri, Mango Office, Callkeeper. Логика подключения у всех одинаковая.
- Зарегистрируйтесь в сервисе и в личном кабинете откройте настройку виджета «Обратный звонок» (или «Заказ звонка»).
- Настройте внешний вид, текст кнопки, номер для дозвона и условия показа (например, всплывать через N секунд или при уходе со страницы).
- Скопируйте выданный HTML-код виджета.
- Вставьте код в
<head>, если кнопка нужна на всех страницах, или ближе к закрывающему</body>. Скрипт работает асинхронно и не тормозит загрузку сайта (инструкция AllWidgets). - Сохраните, очистите кэш и проверьте: оставьте свой номер и убедитесь, что дозвон прошёл.
Сервисы отличаются деталями. По данным Envybox, их виджет способен увеличить число звонков с сайта до 3,8 раза, а соединение клиента с менеджером занимает в среднем около 17,5 секунды; показ кнопки настраивается по 11 условиям. Callibri делает акцент на сквозной аналитике звонков и привязке заявок к рекламным источникам. Стартовые тарифы у большинства сервисов — от 900–1000 ₽/мес, точную цену смотрите на странице тарифов конкретного сервиса, потому что она регулярно меняется.
Мини-вывод: сервис — выбор по умолчанию для бизнеса без своей разработки. Вы платите за скорость запуска и готовую аналитику.
Способ 2. Плагин или блок в вашей CMS
Если сайт на конструкторе или популярной CMS, кнопку можно добавить встроенными средствами — часто бесплатно, но обычно без автодозвона: заявка просто уходит вам на почту или в CRM.
WordPress
Для WordPress есть плагины, добавляющие кнопку звонка, — например, WP Call Button.
- В админке откройте «Плагины» → «Добавить новый», найдите нужный плагин, установите и активируйте.
- В настройках задайте номер телефона, текст и положение кнопки.
- Выведите виджет через блок, виджет-зону или шорткод в нужном месте страницы.
Если ставите код готового сервиса, удобно использовать плагин Head & Footer Code и вставить скрипт в поле HEAD или FOOTER, после чего очистить кэш. Альтернатива — вручную вписать код перед </head> в файле header.php темы.
Tilda
В Tilda есть готовый блок для этой задачи — BF901 в разделе «Библиотека блоков» → «Форма» → «Виджет для заказа обратного звонка» (справка Tilda). Добавьте блок на страницу, подключите сервис приёма данных и в меню «Контент» отметьте его галочкой. На мобильных нажатие сразу запускает звонок в телефоне, а на десктопе открывает форму для ввода номера. Код готового стороннего сервиса в Tilda ставится в «Настройки сайта» → «Ещё» → «HTML-код для вставки внутрь Head».
Bitrix, Joomla и другие
В 1С-Битрикс кнопка обратного звонка входит в штатный функционал форм и виджетов; в Joomla ставится расширение вроде CallBackButton из официального репозитория, после чего модуль настраивается в разделе «Расширения» → «Модули». Логика та же: поставили компонент, указали номер и условия показа, проверили заявку.
Мини-вывод: путь через CMS дешевле, но чаще даёт «форму заявки», а не автодозвон. Если нужен именно перезвон системы — комбинируйте плагин с телефонией или берите сервис из способа 1.
Способ 3. Своя HTML-форма с интеграцией
Когда важен полный контроль над дизайном и данными, собирают собственную форму. Минимальный каркас — поле для номера и кнопка:
- Сверстать форму на HTML/CSS (одно поле «Телефон» + кнопка «Жду звонка»).
- Повесить обработчик, который отправляет номер на сервер или сразу в CRM (amoCRM, Битрикс24) через вебхук либо API.
- Подключить телефонию (виртуальная АТС), чтобы система дозванивалась менеджеру и клиенту автоматически, — иначе перезванивать придётся руками.
- Добавить проверку номера, защиту от спама (капча или honeypot) и уведомление ответственному.
Этот вариант требует разработчика или хотя бы уверенного владения кодом. Зато вы не платите за чужой виджет помесячно и храните заявки у себя. Компромисс — взять форму из способа 1, но оформить её в фирменном стиле через настройки сервиса.
Сравнение способов: что выбрать
| Способ | Скорость запуска | Нужен программист | Автодозвон | Стоимость | Кому подходит |
|---|---|---|---|---|---|
| Готовый сервис callback | Минуты | Нет | Да | Подписка от ~900 ₽/мес | Бизнесу с отделом продаж, кому нужен результат сразу |
| Плагин/блок CMS | 15–30 минут | Нет | Обычно нет | Часто бесплатно | Простым сайтам, где хватает заявки на почту |
| Своя HTML-форма | Дни | Да | Только с телефонией | Работа разработчика | Тем, кому нужен полный контроль и свой дизайн |
Мини-вывод: если сомневаетесь — начните с сервиса callback, а к своей форме переходите, когда упрётесь в ограничения дизайна или в стоимость подписки.
Мобильная адаптация виджета
Значительная часть трафика идёт с телефонов, поэтому виджет обязан работать на маленьких экранах. Это влияет и на SEO: поисковые системы отдают предпочтение сайтам с хорошей мобильной оптимизацией.
- Простота. Крупная кнопка и минимум текста — на мобильном палец должен попадать без промаха.
- Позиция. Размещайте кнопку в легкодоступной зоне, чаще внизу экрана, и следите, чтобы она не перекрывала меню и контент.
- Скорость. Виджет не должен тормозить загрузку; выбирайте решения с асинхронным скриптом.
- Тестирование. Проверьте на разных устройствах и браузерах, что окно открывается и заявка доходит.
Частые ошибки при подключении
- Поставили кнопку, но некому перезванивать — заявки остывают, клиент раздражается.
- Код вставлен не туда: если виджет не появился, проверьте, что скрипт стоит в
<head>или перед</body>, и очистите кэш. - Нет защиты от спама — форма собирает мусорные номера.
- Виджет не протестировали на мобильном и перекрыл кнопку заказа.
- Не настроена передача UTM-меток в CRM — потом непонятно, с какой рекламы пришла заявка.
Отдельно проверьте передачу UTM-меток в CRM: без метки в карточке заявки непонятно, с какой рекламы пришёл лид, и отчёты по каналам расходятся с реальностью. Это стоит настроить сразу после установки виджета.
FAQ
Сколько стоит виджет обратного звонка?
Блок или плагин в CMS часто бесплатны. Готовые сервисы callback стартуют примерно от 900–1000 ₽/мес плюс плата за минуты разговоров; точный тариф смотрите на сайте выбранного сервиса, он регулярно меняется. Своя форма стоит времени разработчика, но без ежемесячной подписки.
Куда вставлять код виджета?
В тег <head>, если кнопка нужна на всех страницах, или ближе к закрывающему </body>. Скрипт обычно асинхронный и не замедляет сайт. После вставки очистите кэш и проверьте отображение.
Можно ли добавить обратный звонок бесплатно?
Да, через встроенные средства CMS: в Tilda это блок BF901, в WordPress — плагины кнопки звонка. Бесплатные варианты обычно присылают заявку на почту или в CRM без автоматического дозвона.
Чем виджет callback отличается от обычной формы заявки?
Обычная форма просто сохраняет номер, а сервис callback сам дозванивается менеджеру и клиенту и соединяет их. У Envybox, например, соединение занимает в среднем около 17,5 секунды.
Как не потерять источник заявки?
Настройте передачу UTM-меток из виджета в CRM. Тогда в карточке заявки видно, с какой рекламы пришёл клиент, и отчётность по каналам сходится.
Итог
Добавить заказ обратного звонка можно тремя способами: готовый сервис (быстро, с автодозвоном), плагин или блок CMS (дёшево, но обычно без дозвона) и своя HTML-форма (гибко, но нужен разработчик). Выбор зависит от того, есть ли у вас разработчик и нужен ли автоматический перезвон. Что бы вы ни выбрали, проверьте два пункта: кто и как быстро перезванивает, и передаётся ли источник заявки в CRM. Без них даже идеально настроенный виджет будет терять деньги.
- Выполним базовые задачи на российских нейросетях и посмотрим на результаты!
- Файл-инструкцию «Как сделать нейро-фотосессию из своего фото бесплатно, без иностранных карт и прочих сложностей»
- Покажем 10+ способов улучшить свою жизнь с ИИ каждому — от ребенка и пенсионера до управленца и предпринимателя
- Возможность получить Доступ в Нейроклуб на целый месяц
- Как ИИ ускоряет работу и приносит деньги
- За 2 часа вы получите четкий план, как начать работать с ИИ прямо сейчас!
