Обратный звонок с уведомлениями в соцсети и интеграцией с Bitrix24 / amoCRM для Shop-Script

Что такое Leadhook и как он работает (просто и по делу)

Leadhook — это плагин для приема заявок с сайта. Посетитель оставляет телефон (и, при желании, имя/комментарий), вы получаете уведомление и видите заявку в админке. Можно подключить плавающую кнопку с мессенджерами (Telegram, WhatsApp, VK, MAX) и телефоном.

• Инструменты на сайте:
  • Обычная форма заявки (в диалоге или встроенная в страницу).
  • Плавающая кнопка с попапом (мессенджеры, телефон, кнопка “Обратный звонок”).
• Что вы получаете:
  • Письмо на e-mail (по вашим настройкам).
  • Уведомление в Telegram/VK (если подключены).
  • Запись в список заявок в админке (с датой, страницей, названием формы).
• Где настраивать: Общие настройки, Уведомления, Форма, Мессенджеры, Интеграция, Дизайн.

Основные сценарии использования

• Оставить заявку с сайта:
  • Посетитель вводит телефон (имя и комментарий — факультативно) и отправляет заявку.
  • Сайт сразу показывает “Спасибо”.
  • Вы получаете уведомления (e-mail / Telegram / VK) и запись в списке заявок.
• Использовать плавающую кнопку:
  • Включаете её в настройках “Мессенджеры”.
  • Заполняете названия и ссылки на мессенджеры и телефон — они появятся в окне на сайте.
  • Кнопка “Обратный звонок” видна, если задан “селектор” открытия формы.
• Просматривать и экспортировать заявки:
  • Список заявок в админке; подробности — в простом диалоге.
  • Экспорт в CSV: кодировка, разделитель, статус.

Интеграции и способы размещения формы

• Интеграция 1: Встроенный диалог
  • Включаете плагин — диалог уже подключен.
  • Укажите “селектор” кнопки, по клику на которую нужен диалог.
• Интеграция 2: Вставка формы кодом
  • В “Интеграции” есть готовый HTML-код формы (read‑only) — вставьте в шаблон.
  • Можно добавлять несколько форм на одну страницу.
• Интеграция 3: Плавающая кнопка и мессенджеры
  • Включите “Плавающую кнопку”, заполните профили и телефон, задайте “Название окна”.
• Интеграция 4: Уведомления
  • E-mail: отправитель, получатель, тема, “Спасибо”, шаблон письма.
  • Telegram/VK: сообщение с именем, телефоном, страницей и названием формы.
  • Название формы задаётся атрибутом data-form-name.

Подключение в шаблонах Webasyst

CSS и JS: в шаблоне index.html перед закрывающим тегом </head> вставьте:
{if $wa->shop}{shopBelllightPlugin::head()}{/if}
Это нужно для работы плагина в других приложениях. Если вы отключили CSS и JS в настройках — можно не выводить.

Вывод формы: в шаблоне перед закрывающим тегом </body> вставьте:
{if $wa->shop}{shopBelllightPlugin::display()}{/if}

Кнопка вызова формы: добавьте в шаблон ссылку и укажите этот селектор в настройках плагина:
<a href="#" class="reqCall">Заказать звонок</a>
Селектор: .reqCall

Что можно настроить

• Общие: включить плагин, базовые параметры.
• Уведомления: отправитель/получатель, тема, “Спасибо”, шаблон письма.
• Форма: поле “Имя”, комментарий, политика, маска телефона.
• Мессенджеры: плавающая кнопка, “Название окна”, Telegram/WhatsApp/VK/MAX, телефон.
• Интеграция: готовый код формы (read‑only) с копированием.
• Дизайн: редактор CSS/JS/шаблона, “Сбросить”.

Как работать с заявками

• Список заявок: ID, Контакт, Телефон, Дата, Страница, Название формы; диалог с подробностями.
• Экспорт: кодировка, разделитель, статус → CSV.

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

• Несколько форм на странице? Да.
• Отправка без имени? Да.
• Откуда пришла заявка? По data-form-name.
• Скрыть “Обратный звонок”? Очистите селектор.
• Быстрая проверка? Вставьте готовый код формы, отправьте, проверьте письмо/Telegram и запись.

Нужна помощь с оптимальной конфигурацией под ваш сайт? Мы подскажем.
пишите на почту - scc.lac@mail.ru в Телеграмм @web_stu