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

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

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

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

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

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

![](https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmAX7C38C3BzIVquMSk%2F-LmAaohcjRo1JCECB5kZ%2Fimage.png?alt=media\&token=1a7e1c22-512f-4835-ac79-d2222f4d676e)

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

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

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

![](https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmAX7C38C3BzIVquMSk%2F-LmAkDBK4oSsMHB2_AO4%2Fimage.png?alt=media\&token=bb96e3ac-f6dc-4139-b84e-7b24cf34f6dc)

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

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

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

![](https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmAX7C38C3BzIVquMSk%2F-LmAkMp-V6fZRmwkvUAR%2Fimage.png?alt=media\&token=93e6ece7-311c-4af0-a75c-da23ef066449)

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

Настройка конкретного аккаунта в виджете - необходимо нажать на "шестеренку" <img src="https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmPinxeNOHZ8eYn4hp3%2F-LmPqBNk2dr6jSg7jXLS%2Fimage.png?alt=media&#x26;token=338a79e1-edf1-4c08-84dd-65e1666c950a" alt="" data-size="original"> . Настройки позволяют редактировать название канала в виджете, логотип канала.&#x20;

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

Изменение расположение кнопок по вертикали в виджете - необходимо нажать "стрелки вверх/вниз" <img src="https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmPinxeNOHZ8eYn4hp3%2F-LmPqQIVkMQE9eviqEmR%2Fimage.png?alt=media&#x26;token=54d5fb20-1f2e-47ad-a700-4db00b1ca427" alt="" data-size="original"> и тянуть вверх либо вниз

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

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

![](https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmAX7C38C3BzIVquMSk%2F-LmAkcD8Bezk_avSuixK%2Fimage.png?alt=media\&token=e189c342-0500-47de-b719-5d1b2a34c6fe)

{% 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 %}

![](https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmAX7C38C3BzIVquMSk%2F-LmA_AwFQ6xCOAd7XBGs%2Fimage.png?alt=media\&token=d541feb2-a8c1-464c-a7aa-4d52305070aa)

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

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

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

![](https://3288995818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LB1W87r5cFc0hgB5qdy%2F-LmJu4GHHf0VqDA0YrNp%2F-LmJwzZKn10yfc-Y4gzP%2Fimage.png?alt=media\&token=9b376f89-8354-4779-bb6a-94f7991ab98b)