# Виджет генератора лидов

Виджет лидогенератора поможет вам круглосуточно собирать заявки пользователей с вашего сайта. Давайте посмотрим, как можно установить и настроить виджет.

## Настройки

<div data-with-frame="true"><figure><img src="/files/853893fb34468c882fd0d41ba8d6272715c30aa5" alt="" width="346"><figcaption></figcaption></figure></div>

В настройках виджета, в разделе «Основная информация», необходимо заполнить следующие обязательные поля:

1. **Название виджета;**
2. **Домен сайта, на котором вы размещаете виджет:** это может быть как сайт, созданный на Mavibot, так и на сервисе Tilda, а также ваш собственный.

Далее идут чекбоксы, которые помогут отправлять колбэки в систему после того, как клиент отправит запрос, а также отображать логотип.

Следующие поля настроек помогут вам определить, какую информацию нужно запрашивать у клиента:

<div data-with-frame="true"><figure><img src="/files/fd43c7816e6327f58f179621ed900d23965b94d9" alt=""><figcaption></figcaption></figure></div>

При необходимости форма для отправки клиентам не будет отправлена на ваш сайт, пока клиент не заполнит обязательное поле.

## Условия срабатывания

<div data-with-frame="true"><figure><img src="/files/515e6b1be060b7f8cdab1e9131014ac0e2096cc2" alt=""><figcaption></figcaption></figure></div>

### Временной интервал

Вы можете настроить время показа виджета на сайте. Для этого используйте функцию «Когда показывать виджет»:

1. **Сразу**\
   Этот параметр будет отображать виджет, когда пользователь посещает сайт.
2. **После задержки по времени**

<div data-with-frame="true"><figure><img src="/files/02ea370e9882e0ea1945da290f4310957f8da64f" alt=""><figcaption></figcaption></figure></div>

Виджет будет отображаться на сайте через определённое количество секунд после того, как клиент посетил сайт.

Временной интервал задаётся в секундах, где минимальное значение — 1 секунда, а максимальное — 15 секунд.

3. **После прокрутки**

<div data-with-frame="true"><figure><img src="/files/4295d94341ca56203c52fad4f2e4245b90edc8b4" alt=""><figcaption></figcaption></figure></div>

Условие «После прокрутки» означает, что как только пользователь выполнит действие по прокрутке сайта, независимо от того, прокрутил ли он весь сайт до конца или просмотрел небольшую часть, виджет будет отображён на сайте через заданное количество секунд.

Минимальное значение временного интервала — 1 секунда; максимальное — 15.

## Внешний вид

<div data-with-frame="true"><figure><img src="/files/44f22211fb23db2886fa7fb6eb2aa593ff1f880f" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/c502ca125a5757b8723961169dde5e22f7cc57c7" alt=""><figcaption></figcaption></figure></div>

Затем разместите изображение, выравнивая его относительно верхнего, левого и правого краёв:

<div data-with-frame="true"><figure><img src="/files/40d38fab0426d0ba93441f598140545add5d80ce" alt=""><figcaption></figcaption></figure></div>

Затем задаются пустые поля: они понадобятся вам, если вы хотите указать заголовок и подзаголовок виджета:

<div data-with-frame="true"><figure><img src="/files/30fc8a3ed21c86dd880affedaa56f89ab5491022" alt=""><figcaption></figcaption></figure></div>

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

<div><figure><img src="/files/686b02aca3e155c67416d4f5c748730ff73903dd" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7be015679ac3ef77dd05de1cc4b42217a2d01896" alt=""><figcaption></figcaption></figure></div>

#### **Графическая настройка**

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

<div data-with-frame="true"><figure><img src="/files/dca287f45d16c1b967e4b801f6fb2b357777de2f" alt=""><figcaption></figcaption></figure></div>

Вам доступна полная цветовая палитра.

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

## **Как добавить виджет на сайт**

После того как вы настроите все параметры и отредактируете внешний вид виджета в соответствии с его уникальным дизайном, нажмите кнопку «Добавить виджет» внизу экрана:

<div data-with-frame="true"><figure><img src="/files/c6a7a84f7def47b97f8f78e6c66edbefed2c10b8" alt=""><figcaption></figcaption></figure></div>

После этого вы перейдёте к списку готовых виджетов, где нужно нажать кнопку «Вставить код на сайт»:

<div data-with-frame="true"><figure><img src="/files/ebc8dae83fae584eb788d880c6bf5f779e8b4bea" alt=""><figcaption></figcaption></figure></div>

После этого вы увидите модальное окно со скриптом:

<div data-with-frame="true"><figure><img src="/files/b311b77215f40849b4a825b4ec966a421393fe49" alt=""><figcaption></figcaption></figure></div>

Далее скопируйте скрипт и перейдите в настройки сайта (домен, указанный в конфигурации вашего виджета). Вставьте скрипт в HTML `<head>` .

{% hint style="info" %}
**Чтобы встроить виджет на сайт Tilda:**

1. Скопируйте скрипт виджета, нажав **«Вставить код на сайт»** .
2. В редакторе Tilda вставьте скрипт в настройки проекта или в HTML-блок на соответствующей странице.
   {% endhint %}

**Отлично!** Настройка и установка вашего виджета завершены.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/ru/websites/widgets/leads.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.