# Создание, настройка и управление виджетом
**Содержание:**
* [Создание виджета](#sozdanie-vidzheta)
* [Настройка виджета](#parametry-vidzheta)
* [Параметры виджета](#parametry-vidzheta-1)
* [Заголовок виджета](#zagolovok-vidzheta)
* [Автоматическая загрузка сторис из Instagram](#avtomaticheskaya-zagruzka-storis-iz-instagram)
* [Цвет фона](#cvet-fona)
* [Расположение на сайте](#raspolozhenie-na-saite)
* [Стиль хайлайта](#stil-khailaita)
* [Форма хайлайта](#forma-khailaita)
* [Параметры хайлайта](#parametry-khailaita)
* [Цвет обводки](#cvet-obvodki)
* [Стиль подписи](#stil-podpisi)
* [Редактирование виджета](#redaktirovanie-vidzheta)
* [Удаление виджета](#udalenie-vidzheta)
## Создание виджета
{% hint style="info" %}
Для создания виджета выберите продукт **Виджет** и в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets) нажмите на кнопку [**Создать виджет**](https://widget.webstoryz.com/my-widgets/create)
{% endhint %}
Далее, введите название виджета в левом верхнем углу.
Параметр **Активность виджета** отвечает за показ виджета на сайте.
{% hint style="info" %}
Если вы временно хотите убрать виджет с сайта, то его не обязательно удалять, достаточно просто **деактивировать виджет**.
{% endhint %}
В настройках виджета доступно 3 раздела:
* [Параметры виджета](#parametry-vidzheta)
* [Стиль хайлайта](#stil-khailaita)
* [Стиль подписи](#stil-podpisi)
## Настройка виджета
### Параметры виджета
В этом разделе можно:
* [Задать виджету заголовок](#zagolovok-vidzheta)
* [Активировать загрузку сторис из Instagram](#avtomaticheskaya-zagruzka-storis-iz-instagram)
* [Выбрать цвет фона](#cvet-fona)
* [Выбрать расположение на сайте](#raspolozhenie-na-saite)
#### Заголовок виджета
Вы можете активировать заголовок виджета и написать текст, который появится над виджетом.
#### Автоматическая загрузка сторис из Instagram
При активации этого параметра автоматически будет создан хайлайт виджета, в который будут добавляться ваши сторис из Instagram. Для этого необходимо [**подключить Instagram аккаунт к вашему профилю**](https://help.webstoryz.com/nastroiki/kak-podkluchit-instagram-k-svoemu-akkaunty). Данная функция доступна начиная от [**тарифа Starter**](https://help.webstoryz.com/nastroiki/tarify-i-oplata).
{% hint style="info" %}
Сторис добавляются **один раз в час** (12:00, 13:00 и т.д.).
{% endhint %}
#### Цвет фона
Нажмите на кружок, чтобы выбрать цвет фона, который больше всего подходит вашему сайту по дизайну.
{% hint style="info" %}
Чтобы сделать фон прозрачным, необходимо удалить все символы из поля **Цвет фона.**
{% endhint %}
#### Расположение на сайте
Выберите расположение виджета на сайте. Доступно 4 варианта:
* **Произвольное** - виджет будет располагаться там, где вы вставите его в вашей CMS или в коде
* **Снизу** - виджет будет закреплен снизу экрана
* **Слева/справа** - виджет будет расположен вертикально и закреплен сбоку экрана, поверх сайта
{% hint style="info" %}
При вертикальном отображении (**Слева/Справа**) виджет отображается **поверх остальных элементов** сайта и **остается на экране при прокрутке страницы**.
{% endhint %}
### Стиль хайлайта
В этом разделе можно:
* [выбрать форму хайлайта](#forma-khailaita)
* [настроить параметры хайлайта](#parametry-khailaita)
* [выбрать цвет обводки](#cvet-obvodki)
#### Форма хайлайта
Выберите форму хайлайта. Всего доступно 3 варианта:
* **Круглый** - является самым привычным для большинства пользователей
* **Квадратный** - иногда используется в банковских приложениях и информационных сайтах
* **Прямоугольный** - часто используется в банковских приложениях и информационных сайтах. Особенностью такого формата является то, что подпись расположена внутри хайлайта
#### Параметры хайлайта
Перемещая ползунки, выберите размер хайлайта и толщину обводки.
{% hint style="info" %}
Рекомендуется сначала [**установить виджет**](https://help.webstoryz.com/kak-ustanovit-vidzhet-na-sait) на тестовую страницу, и уже затем настроить параметры хайлайта.
{% endhint %}
#### Цвет обводки
Нажав на кружок, выберите цвет обводки, который больше всего подходит к дизайну вашего сайта и иконкам сторис.
### Стиль подписи
В этом разделе можно выбрать шрифт, его размер, и выравнивание текста.
{% hint style="info" %}
Для круглого и квадратного формата хайлайтов рекомендуем использовать **выравнивание по центру**, а для прямоугольного - **выравнивание по левому краю.**
{% endhint %}
{% hint style="success" %}
Поздравляем, только что вы создали и настроили ваш виджет!
{% endhint %}
Теперь необходимо сохранить виджет, нажав на кнопку **Сохранить** в правом верхнем углу экрана.
Настало время [добавить виджет на сайт](https://help.webstoryz.com/kak-ustanovit-vidzhet-na-sait).
## Редактирование виджета
Для редактирование виджета перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/) и нажмите на значок
## Удаление виджета
Для редактирование виджета перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/) и нажмите на значок 
