# Настройка ИИ-агента на сайте или в виджете |  Iframe и page messenger

*Вы можете добавить ИИ-агента на ваш сайт или в виджет с помощью канала связи page messenger.*

## Iframe | Page messenger

Канал связи «Iframe» — позволяет вашему ИИ-агенту взаимодействовать с пользователями прямо на вашем сайте, как на скриншоте ниже.

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2Fd0kWOBgjPfTcdZ7Xh5YM%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-07-22%20%D0%B2%2014.23.11.png?alt=media&#x26;token=91cddced-deb5-4260-b1ec-11d7fd019e33" alt=""><figcaption></figcaption></figure>

Канал связи «Page messenger» — можно использовать для создания удобного виджета, который будет доступен на вашем сайте по URL-ссылке ([пример](https://selarti.com/frame?channel=1721200588620)).

### **Шаг 1. Создание канала**

Для создания канала перейдите в раздел *«*[*Каналы*](https://selarti.com/panel?menu=channels)*»* и нажмите *«Добавить канал»* в правом верхнем углу экрана.&#x20;

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FRTsxKlUdrsrBE4NXnIXx%2Fimage.png?alt=media&#x26;token=d00ddeb8-9abb-4b39-a2db-d403fb738d80" alt=""><figcaption></figcaption></figure>

Откроется форма создания. В ней нужно заполнить поля:

* **Выберите тип канала** — в выпадающем можно выбрать «Iframe» или «Page messenger».

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FQqIQ8FfeQPUR84xOcCua%2Fimage.png?alt=media&#x26;token=5e88ffea-570d-47e6-9758-721212f2dae8" alt=""><figcaption></figcaption></figure>

* **Channel name** (Название канала) — введите имя для вашего канала.
* **Placeholder** (Заполнитель) — введите текст, который будет отображаться в названии поля ввода. Можно оставить поле пустым.
* **Initial content** (Начальная фраза/начальное приветствие) — введите текст, который будет отображаться в поле при старте диалога. Можно оставить поле пустым.
* **Img** (Изображение) — загрузите изображение, которое будет являться аватаром вашего ИИ-агента.

Нажмите *«Добавить канал».*

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FjBFknD5YnUFYb4smQ3el%2Fimage.png?alt=media&#x26;token=f1ce7bd4-db25-49df-83fc-34b88e5a0653" alt=""><figcaption></figcaption></figure>

Далее нажмите на созданный канал, скопируйте iframe-код и вставьте его в код вашей страницы сайта.&#x20;

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FSwG7cz692xZqyzHc7JPm%2Fimage.png?alt=media&#x26;token=0b5a410e-cdcb-4d35-9455-89023cf129de" alt=""><figcaption></figcaption></figure>

&#x20;Для канала «Page messenger» просто скопируйте URL.&#x20;

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FLhBoNlhm9FcTAGY6K8mn%2Fimage.png?alt=media&#x26;token=4098d7c2-6765-4032-94b3-f0e127e33f61" alt=""><figcaption></figcaption></figure>

### **Шаг 2. Создание задания**&#x20;

Для активации ИИ-агента необходимо создать задание.&#x20;

Слева перейдите в раздел *«*[*Задания*](https://selarti.com/panel?menu=tasks)*»* и нажмите *«Создать задание».*

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FFD6BrjsFtntbuFwOIXvs%2Fimage.png?alt=media&#x26;token=19790795-5544-48aa-b4ee-a279e1191100" alt=""><figcaption></figcaption></figure>

Откроется форма для настройки задания. В ней нужно заполнить поля:

* **Название** — укажите название задачи.&#x20;
* **Тип** — выберите тип задачи *«Web»*.
* **Лимит расхода на диалог ($)** — установите лимит трат на один диалог в долларах.
* **Формат работы сервиса** — выберите тип *«Входящая коммуникация».*&#x20;
* **Добавьте каналы** — в выпадающем меню выберите созданный вами Iframe канал или Page messenger канал.
* **Выберите ИИ** — выберите ИИ, который будет использоваться для выполнения задачи. О создании ИИ подробнее в этой [статье](https://manual.selarti.com/osnovnye-razdely-servisa/sozdanie-i-nastroika-ii-or-ai).&#x20;
* **Выберите интеграцию** — укажите интеграцию, через которую будет передаваться информация об успешных чатах. О настройке интеграций подробнее в [статье](https://manual.selarti.com/osnovnye-razdely-servisa/integracii-or-integration).

{% hint style="warning" %}
Если вы планируете, что ИИ-агент будет инициировать диалог, выберите ИИ с типом коммуникации *«Входящая и исходящая коммуникация»*.&#x20;

Для ответа только на входящие сообщения выберите ИИ с типом коммуникации *«Входящая коммуникация»*.
{% endhint %}

После заполнения всех полей формы нажмите *«Создать задание».*

<figure><img src="https://4089339230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSciXxWqmoBx13cWpl1JJ%2Fuploads%2FQujSwtjVP7R1UBP7Lznj%2Fchannel_19_03_1_ru.png?alt=media&#x26;token=048f71b4-044f-453b-bfbb-a17e325071db" alt="" width="461"><figcaption></figcaption></figure>