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

# Виджеты

**Для этого нужно:**

1. Создать виджет
2. Выполнить "Настройки виджета"
3. Разместить код на сайте

{% hint style="info" %}
Создание виджета
{% endhint %}

Заходим в свой проект и нажимаем "Создать виджет"

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

{% hint style="info" %}
Настройка виджета
{% endhint %}

1. Выбираем слева — "Конструктор" и нажимаем справа внизу на "Шестеренку"

<figure><img src="/files/8GREPcM1bbCj8wauwW2O" alt=""><figcaption></figcaption></figure>

2. Переходим к настройкам:

* Заголовок
* Описание
* Ссылка
* Баннер
* Кнопка

{% hint style="warning" %}
Только после нажатия на виджет, появится данная информация!
{% endhint %}

Чтобы добавить обычную ссылку или ссылку на чат-бот, необходимо нажать на "Добавить ссылку" и потом на "Шестерёнку".

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

{% hint style="info" %}
Установка кода на сайт
{% endhint %}

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

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

**Вот так выглядит виджет на сайте, после полной настройки:**

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