> For the complete documentation index, see [llms.txt](https://help.cleverapp.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.cleverapp.pro/konstruktor-vidzhetov.md).

# Конструктор Виджетов

{% hint style="warning" %}
*Работает только на тарифе* **Pro**
{% endhint %}

Представляем Вам конструктор Виджетов встроенный в платформу CleverApp.pro.

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

<figure><img src="/files/0zDSRpUri5EISW4M8XQv" alt=""><figcaption><p>Конструктор виджетов</p></figcaption></figure>

Конструктор имеет очень гибкие настройки

<figure><img src="/files/tpRW1A1IgjXmSI5ZPgwg" alt=""><figcaption><p>Настройки виджета</p></figcaption></figure>

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

<figure><img src="/files/9YVEOUheTiQIacgUeq3X" alt=""><figcaption><p>Добавление ссылок</p></figcaption></figure>

Можно добавить кликабельный баннер

<figure><img src="/files/wSWohgfczLbUXuM9DIkO" alt=""><figcaption><p>Кликабельный баннер</p></figcaption></figure>

Можно отредактировать цвет кнопки и цвет иконки

<figure><img src="/files/VLflnny2nJLOQo3yL3at" alt=""><figcaption><p>Редактируем цвет кнопки и цвет иконки</p></figcaption></figure>

Копируем код виджета и вставляем в подвал (footer) сайта

<figure><img src="/files/zqRXm0RjHnR4h0yhTaX6" alt=""><figcaption><p>Копируем код виджета и вставляем в подвал (Footer) сайта</p></figcaption></figure>

Готово, виджет установлен на сайт

<figure><img src="/files/YIWNOl7f1szMRHsPxfAq" alt=""><figcaption><p>Виджет установлен</p></figcaption></figure>