Виджет для сайта: как поставить и не терять заявки с рекламы

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

Виджет — это круглые кнопки в углу каждой страницы: чат с AI-ботом, обратный звонок, Telegram и MAX. Посетитель связывается в один клик — так, как ему удобно. Заявка сразу становится лидом в CRM вместе с источником рекламы. Лид — это карточка обращения с контактом и историей.

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

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

Зачем это бизнесу

• Онлайн-школа: AI-бот в чате ночью и в выходные отвечает про программу и рассрочку. Утром у менеджера готовые заявки, а не пропущенные вопросы.
• Клиника, салон, автосервис: посетитель сам выбирает удобное время звонка, а карта показывает, как доехать. Администратор звонит точно в срок.
• Интернет-магазин: чат отвечает про доставку и наличие, кнопки Telegram и MAX ведут в ваших ботов. Покупатель спрашивает там, где ему привычно.
• Компания с несколькими сайтами: у основного сайта и лендинга акции свои кнопки и тексты. Код при этом один — разработчику не нужно ставить разные скрипты.
• Маркетолог: у каждого лида сохраняются источник, кампания и UTM-метки — пометки в рекламной ссылке. Видно, какая реклама приносит заявки. Метки со страницы входа хранятся 30 дней.

Как работает виджет для сайта

1. Вы создаёте виджет для проекта и настраиваете кнопки. Один проект — один виджет.
2. На сайт вставляется одна строка кода. Дальнейшие правки сайт подхватывает сам — после обновления страницы.
3. Код показывает кнопки той вкладки, которая подходит под домен страницы.
4. Если на странице нет кода захвата форм и колл-трекинга, виджет подключит его сам. Вторую строку вставлять не нужно.
5. Заявки из чата и окна звонка становятся лидами в CRM. Каждый визит попадает в «Аналитику виджета».

Как установить виджет на сайт

1. 1
   Создайте виджет

   Откройте раздел «Виджеты» и нажмите «Создать виджет». В поле «Проект» обычно уже подставлен текущий проект.
2. 2
   Проверьте кнопки

   Раскройте раздел «Кнопки виджета». Новый виджет сразу получает Telegram, MAX и «Звонок». Ссылки на ботов подставятся из раздела «AI чат-бот», лишние кнопки удалите корзиной.
3. 3
   Укажите, куда идут заявки

   Раскройте кнопку «Звонок». Выберите «Шаг воронки» — этап продажи, на который встанет лид. Затем выберите «Сотрудник (владелец лида)».
4. 4
   Сохраните

   Нажмите «Сохранить изменения» внизу. Сразу откроется «Демо просмотр»: так виджет увидит посетитель. До первого сохранения кнопка «Демо просмотр» серая.
5. 5
   Скопируйте код

   В блоке «Код для вставки на сайт:» нажмите «Скопировать». Вставьте строку на все страницы сайта перед закрывающим тегом </body>.
6. 6
   Проверьте сайт

   Откройте его и обновите страницу. Кнопки появятся в правом нижнем углу.

Код виджета для разработчика

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

Код вставляется один раз. После правок в кабинете менять его не нужно.

Кнопки виджета

Порядок карточек в «Кнопках виджета» — это порядок кнопок на сайте. Чтобы его поменять, тяните карточку за ⋮. Новая кнопка добавляется через «Добавить кнопку».

В карточке задайте «Текст кнопки», «Цвет» и «Действие». Кнопка может:

• открыть ссылку — WhatsApp, прайс, страницу записи;
• открыть окно обратного звонка, чат или карту с адресом;
• открыть квиз или онлайн-запись;
• запустить ваш JavaScript-код — в фоне или в окне.

Иконку можно найти поиском в «Красивой библиотеке» или загрузить свою. Тип «Фотография (на всю кнопку)» ставит на кнопку фото менеджера с зелёной точкой «онлайн».

Всё в одном коде

Ниже кнопок в редакторе виджета — инструменты, которые обычно покупают отдельными сервисами. Они ставятся тем же кодом и входят в тот же тариф без доплаты:

• всплывающее окно со скидкой, промокодом и таймером;
• квиз для сайта с ответами прямо в карточке лида;
• видеовиджет для сайта — круглое видео с кнопками;
• онлайн-запись на сайте к специалистам;
• «Захватчик клиентов» и «Стадное поведение» — социальное доказательство на сайте.

Общие настройки и домены

В «Общих настройках» задаётся вид виджета:

• «Текст-подсказка возле кнопки» — пузырёк вроде «Есть вопрос?»;
• «Расположение виджета» — слева или справа, «Размер виджета» — обычный или большой;
• «Слайдшоу кнопок» — главная кнопка по очереди показывает иконки всех кнопок;
• «Пульсация (круги)» — расходящиеся круги привлекают внимание.

У проекта несколько сайтов? Нажмите «Добавить домен». У каждого домена будут свои кнопки и тексты, а код — общий. Если для сайта нет своей вкладки, работает вкладка с галочкой «Основная вкладка (если домен не совпал)».

Читайте также: Обратный звонок на сайт, Онлайн-консультант для сайта, Конверсия сайта в заявку