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

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

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

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FZfR8bbtefyZaKmjqfq11%2Fvigj.jpg?alt=media&#x26;token=4555dfe5-5ca5-4561-859d-d924e89988de" alt=""><figcaption><p>Конструктор виджетов</p></figcaption></figure>

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FyRZmqhEewcb5yhp5qEFN%2Fvigj1.jpg?alt=media&#x26;token=5882dff5-e77c-4b2b-9270-aac10e8fa368" alt=""><figcaption><p>Настройки виджета</p></figcaption></figure>

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FJH3YyskW1rdWgnREX7od%2Fvigj2.jpg?alt=media&#x26;token=e40422b6-b421-4fa8-9ef7-3690f9962fbb" alt=""><figcaption><p>Добавление ссылок</p></figcaption></figure>

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FmEYsriNLiuVI4LW6mW0O%2Fvigj3.jpg?alt=media&#x26;token=f5908eff-66ac-4c35-b165-0c5f7d76273b" alt=""><figcaption><p>Кликабельный баннер</p></figcaption></figure>

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FqjGXwfJLMwxvi5ctzI0n%2Fvidj6.jpg?alt=media&#x26;token=8278204b-83ab-4929-af89-06d43115c605" alt=""><figcaption><p>Редактируем цвет кнопки и цвет иконки</p></figcaption></figure>

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FBmHTb9tIaROfukB4n90I%2Fvigj4.jpg?alt=media&#x26;token=397de079-fa56-4144-b68c-8da9b10ef453" alt=""><figcaption><p>Копируем код виджета и вставляем в подвал (Footer) сайта</p></figcaption></figure>

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

<figure><img src="https://142807269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXgURoHjOREu7lpbgVXmo%2Fuploads%2FBcyMFncX0JFXRTkpHjog%2Fvigj5.jpg?alt=media&#x26;token=f975489b-c5b6-4e9a-b118-93e8dc381318" alt=""><figcaption><p>Виджет установлен</p></figcaption></figure>