# Виджет "Генератор клиентов"

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

{% hint style="success" %}
При заполнении клиентов формы в виджете обратной связи, клиент создается в разделе "Клиенты", куда также попадает информация о нем.
{% endhint %}

## Настройка

<figure><img src="/files/RHoKNWMZTe57i2iVvmqB" alt=""><figcaption></figcaption></figure>

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

1. **Название виджета**;
2. **Домен сайта, где вы разместите виджет:** это может быть как сайт, спроектированный на Salebot, так и на сервисе Тильда, а также на свой собственный.

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

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

<figure><img src="/files/ZtVKldEgPhZyBBx1opZz" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/DYQCkFWx86ow2OMRPWqY" alt="" width="563"><figcaption></figcaption></figure>

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

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

1. **Сразу**\
   Данная настройка отобразит виджет в момент перехода пользователя на сайт.&#x20;
2. **Спустя время**

<figure><img src="/files/McJ4ljB4feLDIXMXWDue" alt="" width="398"><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/ZNEoLUDVxUCnlIVVF3N1" alt="" width="396"><figcaption></figcaption></figure>

Условие "После прокрутки" обозначает, что как только пользователь совершит действие по прокрутке сайта, незавимо от того, полностью ли он долистал сайт до конца или просмотрел небольшую часть, виджет отобразится на сайте по прошествии установленного количества секунд.&#x20;

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

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

<figure><img src="/files/HemYIcTvDZ6SXctRNfzb" alt=""><figcaption></figcaption></figure>

В настройках внешнего вида есть функция прогрузки изображения:

<figure><img src="/files/bvi32xHMw2bhh6d1egcc" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/JYF3KtCFDXIviGHZEUwr" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/hveF0Jy25tkjYvV9p9bk" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/orkUR76Qk7RGPDEwFkom" alt="" width="563"><figcaption></figcaption></figure>

После чего напишите мотивационный текст, чтобы пользователь заинтересовался вашим предложением:

<div><figure><img src="/files/eoUbIogXf9YU9WheoxVH" alt=""><figcaption></figcaption></figure> <figure><img src="/files/UHt7WTnfjgnl2jxcRFIi" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

<figure><img src="/files/b94RxrOKQjlkvlOv7q4g" alt=""><figcaption></figcaption></figure>

В вашем распоряжении огромная цветовая палитра!

И, конечно, попробуйте воспользоваться уникальными узорами для заднего фона виджета:

<figure><img src="/files/9eocUU3hHSHvty5H3sVH" alt=""><figcaption></figcaption></figure>

## Встраиваем виджет на сайт

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

<figure><img src="/files/n3BHqrMiDnWQKzFWqpsZ" alt="" width="563"><figcaption></figcaption></figure>

После чего вы перейдете в список уже готовых виджетов, где вам необходимо кликнуть по кнопке "Встроить код на сайт":

<figure><img src="/files/FBxcSOgO3i1nVjRdfesT" alt="" width="563"><figcaption></figcaption></figure>

После чего вам откроется модальное окно со скриптом:

<figure><img src="/files/bXl4tDT1gNvrvivwpR7L" alt="" width="563"><figcaption></figcaption></figure>

Скопируйте скрипт и перейдите в настройки сайта, домен которого указали в настройках виджета:

<figure><img src="/files/LogussseEmQ9hIt7D4n3" alt=""><figcaption></figcaption></figure>

После чего вставьте скрипт в HTML-код head:

<figure><img src="/files/vPFTHi7MobfkLc9M3EBL" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Чтобы встроить виджет на сайт тильды, также скопируйте скрипт виджета с помощью кнопки "Встроить код на сайт", после чего устанавливаете его на сайт.&#x20;
{% endhint %}

Готово! На этом настройка виджета и его установка на сайт завершена!&#x20;


---

# 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.salebot.pro/websites/vidzhety-dlya-saita/vidzhet-generator-klientov.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.