> For the complete documentation index, see [llms.txt](https://help.blinger.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.blinger.io/russian/opisanie-raboty/razdel-vidzhet.md).

# Раздел: Виджет

## Общая информация

Раздел "Виджет" в Blinger.io необходим  для создания виджета(-ов), управления, проведения тонких настроек для последующего использования его на веб-страницах как точка контакта клиента и компании.&#x20;

## Создать виджет?

Перейти в раздел Виджет и нажать на "Создать новый виджет"

{% hint style="info" %}
После этого, вы попадете на страницу настройки виджета
{% endhint %}

![](/files/-LmAaohcjRo1JCECB5kZ)

## Настроить виджет?

Ниже располагается описание настроек виджета

#### **Блок "Настройки":**

![](/files/-LmAkDBK4oSsMHB2_AO4)

* **Язык виджета** - позволяет изменять автоматически язык интерфейса виджета в зависимости от языка сайта.&#x20;
* **Анимация виджета** - позволяет включить/отключить анимацию виджета
* **Позиция** - позволяет изменять место расположения виджета на веб-странице: слева, справа.
* **Цвет виджета** - позволяет изменять цвет виджета, предоставляет возможность задавать цвета HEX-кодом
* **Размер виджета** - позволяет регулировать размер виджета (100%, 90% либо 70%)
* **Активное приглашение** - предоставляет возможность отображать приветственную фразу каждому пользователю веб-страницы в начале сеанса. Содержание задается в поле "Текст приглашения" (взаимосвязан с изменением языка виджета). Также можно задавать время отображения приветственной фразы с помощью опции "Задержка перед показом приглашения".

**Блок "Каналы"**

Блок позволяет управлять отображением в виджете добавленных аккаунтов.&#x20;

![](/files/-LmAkMp-V6fZRmwkvUAR)

Отображение конкретного аккаунта в виджете - необходимо проставить "галочку" напротив этого аккаунта.

Настройка конкретного аккаунта в виджете - необходимо нажать на "шестеренку" <img src="/files/-LmPqBNk2dr6jSg7jXLS" alt="" data-size="original"> . Настройки позволяют редактировать название канала в виджете, логотип канала.&#x20;

Добавление собственной кнопки в виджет - необходимо нажать "три точки" и далее провести донастройку созданной кнопки (например, так можно создать кнопку для Instagram)&#x20;

Изменение расположение кнопок по вертикали в виджете - необходимо нажать "стрелки вверх/вниз" <img src="/files/-LmPqQIVkMQE9eviqEmR" alt="" data-size="original"> и тянуть вверх либо вниз

#### **Блок “Предпросмотр виджета”**&#x20;

Позволяет графически контролировать процесс настроек виджета

![](/files/-LmAkcD8Bezk_avSuixK)

{% hint style="warning" %}
Если виджет настраивается сразу после его создания, следует нажать “Сохранить”**,** чтобы сгенерировать javascript-код, который в последующем используется для размещения виджета на веб-страницах.
{% endhint %}

{% hint style="warning" %}
После манипуляций по изменению виджета (если виджет создан ранее), необходимо нажимать "Сохранить".&#x20;
{% endhint %}

{% hint style="info" %}
**Чтобы увидеть изменения на веб-странице, на которой размещен виджет**, необходимо либо посетить ее в режиме инкогнито, либо сбросить кэш веб-страницы (воспользоваться "горячими клавишами": MacOS - Command+R, Win - Ctrl+F5)
{% endhint %}

## Разместить виджет?

Необходимо разместить javascript-код, указанный на рисунке ниже,  в html-коде веб-страницы перед тегом `</body>`

{% hint style="warning" %}
Если блок не отобразился, то необходимо нажать "Сохранить"
{% endhint %}

![](/files/-LmA_AwFQ6xCOAd7XBGs)

## Удалить виджет?&#x20;

Чтобы убрать виджет с веб-страницы, необходимо удалить javascript-код в месте, где этот код был размещен.

Чтобы удалить виджет в Blinger.io, необходимо перейти в раздел Виджет и нажать на "Корзину" напротив виджета, который планируется удалить.&#x20;

![](/files/-LmJwzZKn10yfc-Y4gzP)
