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

# Виджеты

{% hint style="success" %}
Во всех новых шаблонах поддерживаются только ссылки на ВК и Discord
{% endhint %}

{% hint style="danger" %}
Устаревшая система, работает только на старом шаблоне.
{% endhint %}

Первым делом вам нужно нажать на кнопку  **создать виджет**

<figure><img src="https://2015836169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSGdKfYR2XgL945t6coyK%2Fuploads%2FFnbRHiLxPGmecl2TI3VA%2F%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.png?alt=media&amp;token=e545b627-9e70-4ae0-9c20-83c8e92b3b5a" alt=""><figcaption></figcaption></figure>

1. Включите систему.
2. Заголовок - дополнительный текст на виджете.
3. Приоритет - позволяет перемещать виджеты местами. (если у вас их несколько)
4. Тип - система поддерживает виджеты VK и Discord.

Настройка виджета VK&#x20;

<figure><img src="https://2015836169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSGdKfYR2XgL945t6coyK%2Fuploads%2FA05jTYpRZAOUV5da22ef%2F%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.png?alt=media&amp;token=af394273-4269-4ae1-968c-b9d8a67473b9" alt=""><figcaption></figcaption></figure>

1. У знать id группы vk вы можете по ссылке.

{% embed url="<https://vk.com/faq18062>" %}

2. Вид - какая информация будет отображаться в виджете.
3. Цвета - основные цвета в виджете.

Настройка Discord виджета&#x20;

<figure><img src="https://2015836169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSGdKfYR2XgL945t6coyK%2Fuploads%2FS7YXd9RgjCquTQElBTtS%2F%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.png?alt=media&amp;token=8adac037-4322-4b9f-94e5-754f9a6501ea" alt=""><figcaption></figcaption></figure>

1. ID Discord сервера - вы можете узнать в настройках своего сервера&#x20;

<figure><img src="https://2015836169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSGdKfYR2XgL945t6coyK%2Fuploads%2FBYBaZJSVqjO2PGqrsWol%2Fimage.png?alt=media&amp;token=3737ea36-7c09-4af5-8377-a9005cd4b425" alt=""><figcaption></figcaption></figure>

2. Цвета - настройка цветов виджета.

{% hint style="warning" %}
Не забудьте включить виджет
{% endhint %}