Гайды / Как сделать виджет на сайте

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

Пошагово: какие бывают варианты виджетов, как выбрать формат под задачу и как установить виджет на Tilda, WordPress или 1C‑Bitrix.

Шаг 1. Определите цель

  • Собрать заявки (контакт + комментарий).
  • Перевести в мессенджер/звонок.
  • Записать клиента на время.
  • Показать оффер и подвести к действию.

Шаг 2. Выберите формат

Один и тот же сайт может использовать несколько виджетов, но начинать лучше с 1–2, чтобы избежать шума и падения конверсии.

  • Форма — для лидов
  • Мультикнопка — для быстрых контактов
  • Баннер/поп‑ап — для акций
  • Квиз — для квалификации

Шаг 3. Настройте сценарий и поля

  • Оставьте только нужные поля (имя/телефон — минимум).
  • Добавьте юридические согласия (152‑ФЗ) и ссылку на политику.
  • Настройте, куда отправлять лид: CRM/аналитика/Telegram/Webhook.

Шаг 4. Установите код на сайт

Обычно код вставляют перед закрывающим тегом </body> или через HTML‑блок.

Для популярных платформ есть отдельные подсказки: Tilda, WordPress, 1C‑Bitrix.

FAQ

Можно ли установить виджет без доступа к коду сайта?

Часто да: через HTML‑блоки/вставку кода в админке конструктора или CMS.

Сколько виджетов ставить на старте?

Начните с 1–2 ключевых виджетов, измерьте конверсию, затем добавляйте следующий.

Что делать, если нужен нестандартный сценарий передачи лидов?

Используйте Webhook и маршрутизируйте данные в нужные системы.