# База знаний Webstoryz

На этой странице вы можете найти всю информацию по работе с сервисом Webstoryz

**Содержание:**

* [Создание и настройка сторис](/#sozdanie-i-nastroika-storis)
* [Создание, настройка и установка виджета на сайт](/#sozdanie-nastroika-i-ustanovka-vidzheta-na-sait)
* [Настройки](/#nastroiki)
* [Советы и примеры использования](/#sovety-i-primery-ispolzovaniya)

## Создание и настройка сторис

{% content-ref url="/pages/-MXbGMXrOmQOnGkbaLTS" %}
[Создание и управление сторис](/sozdanie-i-nastroyka-stories/sozdanie-i-upravlenie-storis)
{% endcontent-ref %}

{% content-ref url="/pages/-MXgaed5olpcZeQKVyB1" %}
[Как прикрепить сторис к виджету?](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu)
{% endcontent-ref %}

{% content-ref url="/pages/-MXm4gzP4QcTOKGJbSx-" %}
[Broken mention](broken://pages/-MXm4gzP4QcTOKGJbSx-)
{% endcontent-ref %}

## Работа в Конструкторе

{% content-ref url="/pages/-MXm4VM7KMisKSIs7dZr" %}
[Как загрузить изображение для хайлайта?](/kak-zagruzit-kartinku-dlya-khailaita)
{% endcontent-ref %}

{% content-ref url="/pages/-MXbH40arnQ-qQjzk2ck" %}
[Как добавить кнопки месседжеров на сторис?](/kak-dobavit-knopki-messengerov-na-storis)
{% endcontent-ref %}

## Создание, настройка и установка виджета на сайт

{% content-ref url="/pages/-MXbH5IbzTw4CLMITLJP" %}
[Создание, настройка и управление виджетом](/sozdanie-nastroika-i-upravlenie-widgetom)
{% endcontent-ref %}

{% content-ref url="/pages/-MXgHzQ-1wkeYzs-DSzH" %}
[Как установить виджет на сайт?](/kak-ustanovit-vidzhet-na-sait)
{% endcontent-ref %}

{% content-ref url="/pages/-MXbH3MI\_gfMzVfSllqX" %}
[Как установить Webstoryz виджет на Tilda?](/kak-ustanovit-vidzhet-na-tilda)
{% endcontent-ref %}

{% content-ref url="/pages/-MXbH3jGrQ1jRqVZDa97" %}
[Как установить Webstoryz виджет на LPmotor/LPgenerator?](/kak-ustanovit-vidzhet-na-lpmotor-lpgenerator)
{% endcontent-ref %}

{% content-ref url="/pages/-MXgRtaSN8wJNTe4yBLC" %}
[Как установить Webstoryz виджет на Creatium?](/kak-ustanovit-webstoryz-vidzhet-na-creatium)
{% endcontent-ref %}

{% content-ref url="/pages/-MXlPyVdzMlaKL\_H3lZy" %}
[Как установить Webstoryz.Виджет на InSales?](/kak-ustanovit-webstoryz.vidzhet-na-insales)
{% endcontent-ref %}

{% content-ref url="/pages/-MXlX723EvslOEoTw6LN" %}
[Как установить Webstoryz виджет на Taplink?](/kak-ustanovit-webstoryz-vidzhet-na-taplink)
{% endcontent-ref %}

## Настройки

{% content-ref url="/pages/-MXbH4Jylw6fYKeGelyN" %}
[Как подключить Instagram к своему аккаунту?](/nastroiki/kak-podkluchit-instagram-k-svoemu-akkaunty)
{% endcontent-ref %}

{% content-ref url="/pages/-MXql14qSPozAhEr3O1N" %}
[Как создать Бизнес-аккаунт Instagram?](/nastroiki/kak-sozdat-biznes-akkaunt-instagram)
{% endcontent-ref %}

{% content-ref url="/pages/-MXg8VbLN23PVN-f5M9Q" %}
[Тарифы и оплата](/nastroiki/tarify-i-oplata)
{% endcontent-ref %}

## Советы и примеры использования

{% content-ref url="/pages/-MXbGOvFcPFIXHH7lFPf" %}
[О чем рассказать в сторис?](/use-cases/untitled)
{% endcontent-ref %}

{% hint style="info" %}
Контакты нашего саппорта в Telegram - [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Создание и управление сторис

**Содержание:**

* [Как создать сторис?](/sozdanie-i-nastroyka-stories/sozdanie-i-upravlenie-storis#kak-sozdat-storis)
* [Как посмотреть сторис?](/sozdanie-i-nastroyka-stories/sozdanie-i-upravlenie-storis#kak-posmotret-storis)
* [Как редактировать сторис?](/sozdanie-i-nastroyka-stories/sozdanie-i-upravlenie-storis#kak-redaktirovat-storis)
* [Как переименовать сторис?](/sozdanie-i-nastroyka-stories/sozdanie-i-upravlenie-storis#kak-pereimenovat-storis)
* [Как удалить сторис?](/sozdanie-i-nastroyka-stories/sozdanie-i-upravlenie-storis#kak-udalit-storis)

### Как создать сторис?

Для создания сторис перейдите в раздел **Мои сторис** и нажмите [**Создать сторис**](https://builder.webstoryz.com/constructor/create)**.**

### Как посмотреть сторис?

Для просмотра сторис перейдите в раздел **Мои сторис** и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYENhbVuQgL-HCoX8fJ%2F-MYEQv8vktxghUqmGQhR%2Fimage.png?alt=media&amp;token=53a56b69-7f6e-4564-b16d-a777383d0076" alt="" data-size="line">

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYENhbVuQgL-HCoX8fJ%2F-MYER7qbvbVgePsofLBu%2Fimage.png?alt=media\&token=2bbd7f26-1965-42fe-9a80-92469e0e946a)

### Как редактировать сторис?

Для редактирования сторис перейдите в раздел **Мои сторис** и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYENhbVuQgL-HCoX8fJ%2F-MYERTwhQZ_i-FGKRtK0%2Fimage.png?alt=media&amp;token=8cb7b96a-129c-406a-9ee8-5a12887e4969" alt="" data-size="line">

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYERg99RR_QNaJmNLxm%2F-MYERvkH-fLpOHOcqoq9%2Fimage.png?alt=media\&token=aa8add25-40c0-41a9-a9be-0de8a47d62aa)

### Как переименовать сторис?

Для изменения названия сторис перейдите в раздел **Мои сторис**, нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYENhbVuQgL-HCoX8fJ%2F-MYERTwhQZ_i-FGKRtK0%2Fimage.png?alt=media&amp;token=8cb7b96a-129c-406a-9ee8-5a12887e4969" alt="" data-size="line"> и в левом верхнем углу введите название сторис

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYERg99RR_QNaJmNLxm%2F-MYESbcS4unO2RfkABHv%2Fimage.png?alt=media\&token=f138713e-0d32-4891-9d02-5853856a2985)

### Как удалить сторис?

Для удаления сторис перейдите в раздел Мои сторис, нажмите на значок<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYERg99RR_QNaJmNLxm%2F-MYETeApAQo-jz8Vamxd%2Fimage.png?alt=media&amp;token=c4ceb9db-de03-4167-9af1-d21cfe66760e" alt="" data-size="original">и выберите **Удалить**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYERg99RR_QNaJmNLxm%2F-MYETp6gs8jlv6jRrPYT%2Fimage.png?alt=media\&token=2f8651d8-8965-48ae-9279-02a8b33ae9d8)


# Как прикрепить сторис к виджету?

Прикрепить сторис к виджету можно двумя способами:

* [с помощью Webstoryz.Конструктора](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu#prikreplenie-s-pomoshyu-webstoryz-konstruktora)
* [с помощью Webstoryz.Виджета](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu#prikreplenie-s-pomoshyu-webstoryz-vidzheta)

## Прикрепление с помощью [Webstoryz.Конструктора](https://builder.webstoryz.com/)

1\. В **Webstoryz.Конструкторе** нажмите на раздел [**Мои сторис**](https://builder.webstoryz.com/my-stories)

2\. Нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm1JRNyLWTqhRYrgtA%2Fimage.png?alt=media&amp;token=69b8c82e-e839-447a-a5c4-adcbafa98f93" alt="" data-size="original"> у сторис, в появившемся окне нажмите **Добавить к виджету**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm-xrGQSalUdONX6tT%2Fimage.png?alt=media\&token=017c40f8-753a-41b8-a76f-5480e57ad5a8)

3\. Выберите нужный виджет из списка. Если список пуст, то необходимо [создать виджет](/sozdanie-nastroika-i-upravlenie-widgetom)

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm0Esp0nwVpqdrDVeX%2Fimage.png?alt=media\&token=bf935aca-9317-4497-9812-2f9f41ac8baf)

4\. Нажмите **Да** в появившемся окне

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm0S23MY9-eQci-opT%2Fimage.png?alt=media\&token=a522e5e8-976d-4a1d-971b-e38231cbb6db)

{% hint style="success" %}
**Вы привязали сторис к виджету!**

Если вы испытываете трудности с работой в сервисе Webstoryz, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}

## Прикрепление с помощью [Webstoryz.Виджета](https://widget.webstoryz.com)

1\. В **Webstoryz.Виджете** нажмите на раздел [**Мои виджеты**](https://widget.webstoryz.com/my-widgets)

2\. Выберите нужный виджет и нажмите на кнопку **Добавить сторис**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm2d0INxXJYLqsWJkD%2Fimage.png?alt=media\&token=73056e7f-b420-4271-b749-80f41aca24ce)

3\. В появившемся окне выберите **Выбрать из моих сторис**, если вы уже создавали сторис. Если у вас еще нет ни одной сторис, то нажмите на **Создать в конструкторе**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm3GeIAwmIdrl9VIif%2Fimage.png?alt=media\&token=ca591385-a44e-4a6a-860e-be74d34bd02a)

4\. Выберите необходимую сторис и нажмите **Добавить**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXm-15Hwmfmsf9SQikz%2F-MXm3aTaxpTZDK5_MtaH%2Fimage.png?alt=media\&token=7f63dc68-f754-4a11-b5b9-9d2e381e8ea4)

{% hint style="success" %}
**Вы привязали сторис к виджету!**

Если вы испытываете трудности с работой в сервисе Webstoryz, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Как выгодно обновить тариф?

Свяжитесь с менеджером, сообщите, что хотите обновить тариф, и мы предоставим вам скидку **10% на месяц** или **25% на год** оплаты тарифа!


# Как интегрировать стороннюю CRM в созданную сторис?


# Элементы конструктора


# Работа со слайдами

**Содержание:**

* [Как добавить слайд?](/elementy-konstruktora/rabota-so-slaidami#kak-dobavit-slaid)
* [Как переключить слайд?](/elementy-konstruktora/rabota-so-slaidami#kak-pereklyuchit-slaid)
* [Как изменить номер слайда?](/elementy-konstruktora/rabota-so-slaidami#kak-izmenit-poryadok-slaidov)
* [Как дублировать слайд?](/elementy-konstruktora/rabota-so-slaidami#kak-dublirovat-slaid)
* [Как удалить слайд?](/elementy-konstruktora/rabota-so-slaidami#kak-udalit-slaid)

### Как добавить слайд?

Для добавления слайда нажмите на иконку <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEoGU4FnaWDb0YqIpS%2Fimage.png?alt=media&amp;token=f73b00df-f409-4ba1-8d27-374cc1f55b14" alt="" data-size="original"> в шапке конструктора.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEoRPVTGcOSbmESj-s%2Fimage.png?alt=media\&token=cf4ef5ab-b7b0-49d7-8fa3-27e30bddfa67)

### Как переключить слайд?

**1 вариант**. Для переключения слайда нажмите на нужный слайд в верхней панели меню.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEpabxayJE-8rFkMa9%2Fimage.png?alt=media\&token=2a8977d9-4773-45db-9a14-7ca992ad1918)

**2 вариант**. Для переключения слайда используйте кнопки сбоку слайда.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEppRIohpHJhykbn6X%2Fimage.png?alt=media\&token=36575a72-437b-4678-b9b8-7dbe23530f57)

### Как изменить номер слайда?

Для изменения номера слайда нажмите на цифру слева сверху слайда и выберите нужный номер.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEqr598iQ95ZY3Nr0m%2Fimage.png?alt=media\&token=516bbe11-05d7-4392-becb-c5c4a373c1db)

### Как дублировать слайд?

Для дублирования слайда нажмите на иконку <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEod5J_ML_tb0vQQ0x%2Fimage.png?alt=media&amp;token=053e2159-6d45-42ee-8b7c-a9fbd4c2a31c" alt="" data-size="original"> под сторис.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEojyyEvJOkh4T5rwR%2Fimage.png?alt=media\&token=9d4e19f4-7641-4247-a44d-4967adfd2402)

### Как удалить слайд?

Для удаления слайда нажмите на иконку <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEonkr4L8uw-0dSfm3%2Fimage.png?alt=media&amp;token=4dc9d6c6-82f1-415e-b177-94ac65c77284" alt="" data-size="original"> под сторис.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEmzG4BmIxNYuGwpXK%2F-MYEot68XaEcY3sKhwkA%2Fimage.png?alt=media\&token=5efe0208-ecee-4892-acec-e23c8ab3dc0c)


# Действия с элементами


# Разделы конструктора

* [Элементы](/elementy-konstruktora/untitled#elementy)
* [Кнопка](/elementy-konstruktora/untitled#knopka)
  * [Обычная](/elementy-konstruktora/untitled#obychnaya)
  * [Свайп кнопка](/elementy-konstruktora/untitled#swipe-vverkh)
  * [Кнопка перезвонить](/elementy-konstruktora/untitled#knopka-perezvonit)
  * [Кнопки мессенджеров](/elementy-konstruktora/untitled#knopki-soc-setei-i-messendzherov)
    * [Кнопка WhatsApp](/elementy-konstruktora/untitled#knopka-whatsapp)
    * [Кнопка Viber](/elementy-konstruktora/untitled#knopka-viber)
    * [Кнопка Telegram](/elementy-konstruktora/untitled#knopka-telegram)
    * [Кнопка VK](/elementy-konstruktora/untitled#knopka-vk)
    * [Кнопка Facebook Messenger](/elementy-konstruktora/untitled#knopka-facebook-messenger)
* [Медиа](/elementy-konstruktora/untitled#media)
* [Текст](/elementy-konstruktora/untitled#tekst)
* [Фон](/elementy-konstruktora/untitled#fon)
* [Загрузки](/elementy-konstruktora/untitled#zagruzki)
* [Настройки](/elementy-konstruktora/untitled#nastroiki)

## Элементы

В разделе **Элементы** доступны различные иконки и эмодзи.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYErnocYgvF_xK5jbO3%2F-MYExTQWINVDP9eU5ATH%2Fimage.png?alt=media\&token=b435449d-529b-4116-beb6-15d4a3002f33)

Для того, чтобы увидеть больше элементов, нажмите на их название.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYErnocYgvF_xK5jbO3%2F-MYExdXvH1sCHkWVmHdg%2Fimage.png?alt=media\&token=b88deaca-4d60-4f03-88a0-e59ea6542549)

Для использования элемента нажмите на него, либо перетащите его на сторис.

{% hint style="info" %}
У всех элементов кроме эмодзи можно изменить цвет заливки.
{% endhint %}

![Нажмите для увеличения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYErnocYgvF_xK5jbO3%2F-MYEyFlW_IwCU4DJN5gz%2Fimage.png?alt=media\&token=4e54931e-407d-4c85-b23e-96046d52da46)

## Кнопка

В разделе **Кнопка** доступны кнопки для перехода по ссылкам и в мессенджеры, а также кнопка **Взмахните вверх** из Instagram.\ <br>

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEyTakbBZuoAVW0Yhz%2F-MYEytbylY7m8x9SOCWL%2Fimage.png?alt=media\&token=34b119bf-fbde-4f0a-8788-076ff3b94222)

### Обычная

Обычная кнопка используется для перехода по ссылке.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF7xYLHHVN4tfpVzpf%2Fimage.png?alt=media\&token=3f21096f-bcc4-41b1-b789-79f72c5dd539)

В правом меню **Настойка кнопки** можно изменить:

* Текст кнопки (шрифт, форматирование, цвет и размер)
* Цвет заливки кнопки
* Радиус скругления углов
* Ссылку кнопки

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEyTakbBZuoAVW0Yhz%2F-MYF-Im0C9WdRh4sHlmq%2Fimage.png?alt=media\&token=e8a56e44-4dd3-489d-a6ad-f9e7e8e91a0a)

### Свайп кнопка

Свайп кнопка активирует переход по ссылке по нажатию или по свайпу вверх.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF8Jn33Y690Ah8ifRx%2Fimage.png?alt=media\&token=ded74d20-a1de-4804-b2ef-22025db8f47a)

В правом меню **Настойка кнопки** можно изменить:

* Текст кнопки (шрифт, форматирование, цвет и размер)
* Ссылку кнопки

### Кнопка перезвонить

Кнопка перезвонить инициирует вызов на введенный номер.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF8iDdf4sFpP-XznDj%2Fimage.png?alt=media\&token=58d40db9-2ca0-4a54-ba7b-36b3073e8f34)

В правом меню **Настойка кнопки** можно изменить:

* Номер телефона
* Цвет кнопки

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEyTakbBZuoAVW0Yhz%2F-MYF3lyca1geLUMPhu4B%2Fimage.png?alt=media\&token=2f2aa6b2-e143-4c00-83bd-a191420099fe)

### Кнопки мессенджеров

С помощью кнопок месседжеров клиент может связаться с вами всего в одно нажатие.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF4yqftxYSWyVJoUo6%2Fimage.png?alt=media\&token=0f07c441-4318-48bc-917d-ea145ccda7c9)

####

#### Кнопка WhatsApp

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF7m478YIvvJfjAecy%2Fimage.png?alt=media\&token=05fbdcc3-cd61-4d68-95dd-d1d055018d4b)

По нажатию на кнопку у пользователя откроется приложение WhatsApp и диалог с вашим номером.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF5Av-84BNWbEVFzd4%2Fimage.png?alt=media\&token=f064bb0d-95d9-43ff-a38b-4102db7d75ed)

**Текст приветственного сообщения** будет заранее введен в поле ввода. Максимальная длина - 100 символов.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF57JbovRaaWbF_Lu9%2Fimage.png?alt=media\&token=a2e22207-04ac-4c3d-b0c7-a0db26792e29)

####

#### Кнопка Viber

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF8zqORKMyGHBrFECw%2Fimage.png?alt=media\&token=59063d19-0662-4eac-8394-25c6f10224d1)

По нажатию на кнопку у пользователя откроется приложение Viber и диалог с вашим номером.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF5Av-84BNWbEVFzd4%2Fimage.png?alt=media\&token=f064bb0d-95d9-43ff-a38b-4102db7d75ed)

**Текст приветственного сообщения** будет заранее введен в поле ввода. Максимальная длина - 100 символов.

####

#### Кнопка Telegram

По нажатию на кнопку будет открыто приложение Telegram и диалог с введенным логином.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF97Jsa6QEJNkuUpLM%2Fimage.png?alt=media\&token=1d730494-4462-4402-b6a7-c83941d9cae1)

Формат ссылки для кнопки: *t.me/ваш\_логин*

Например:[ *t.me/webstoryz\_support*](https://t.me/webstoryz_support)

####

#### Кнопка VK

По нажатию на кнопку будет открыто приложение VK со страницей или диалогом

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYF9nQNJl_99NNf1UhX%2Fimage.png?alt=media\&token=10e4d8ad-de87-46b0-b8ae-f9db66bc30d0)

Формат ссылки для открытия диалога: *vk.me/ваш\_логин* Формат ссылки для откытия страницы: *vk.com/ваш\_логин*

Например: [vk.me/webstoryz](https://vk.me/webstoryz)

#### Кнопка Facebook Messenger

По нажатию на кнопку будет открыт диалог в Facebook Messenger со страницей

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYF4qGhl7E0Li5Ajzfz%2F-MYFBvYroLl47CqHYgT5%2Fimage.png?alt=media\&token=9ff2d5b1-6578-4af6-be60-516da6c833d7)

Формат ссылки: *<http://m.me/ваш\\_логин>*

Например: <https://m.me/webstoryz>

## Медиа

В разделе **Медиа** доступны изображения и GIF для создания сторис.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFDPVl_aZLrrhnjTBW%2Fimage.png?alt=media\&token=7c0ba8ba-390d-4137-84b5-4adfcdd13df7)

Для того, чтобы увидеть больше элементов, нажмите на их название.

Для использования элемента нажмите на него, либо перетащите его на сторис.

В правом меню **Настойки изображения** можно изменить **Затемнение изображения**:

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFDveTyHIIDBkdns1D%2Fimage.png?alt=media\&token=ca17531e-2f96-41e1-8d57-081ad303771b)

## Текст

В разделе **Текст** доступно 3 текстовых элемента. Они отличаются лишь изначальным размером, который можно изменить.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFEKmnwBXEtLeETwXm%2Fimage.png?alt=media\&token=841d2389-80c1-4284-bf19-8a9ef3ca3b12)

В правом меню **Настойки текста** можно изменить:

* Шрифт
* Форматирование
* Цвет текста
* Цвет фона (цвет контейнера)
* Выравнивание текста внутри блока
* Размер текста
* Межстрочный интервал

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFEbUQeEazVh7Fbxrn%2Fimage.png?alt=media\&token=1769c368-0bce-425d-85df-c15538bc671e)

![Пример различных цветов текста и контейнера](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFF2tDI6oWGBvgjZWa%2Fimage.png?alt=media\&token=0b1951b4-b8f2-46ae-9303-2bfaabd0733b)

## Фон

В разделе Фон можно выбрать фон для слайда:

* Заливка цветом или градиентом
* Фоновое изображение или видео
* Загрузка файла

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFFVesyF8m7nHqkCMG%2Fimage.png?alt=media\&token=96431ca1-aa61-42c0-bea0-eb6645eb6499)

### Цвет или градиент

На вкладке цвет можно выбрать любой цвет для фона слайда или выбрать цвет из **Однотонных цветовых палитр.**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFG9rwoFRYpd4vAN-_%2Fimage.png?alt=media\&token=4a1efbb8-864f-49a3-8f0e-fe2f680557f2)

Либо можно выбрать градиент для заливки, переключившись на **Градиент.**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFGOi4dR_2abXpJxWr%2Fimage.png?alt=media\&token=ebf438db-117a-48aa-b4b6-d6ed89aeeacc)

Выберите первой и второй цвет для и укажите угол наклона градиента, либо воспользуйтесь готовым градиентом из **Градиентных цветовых палитр.**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFH0UfbhcssnnVAGtf%2Fimage.png?alt=media\&token=1dc6e6f4-7a10-4e82-bbff-41d04e10fb12)

### Изображение или Видео

На вкладках Изображение и Видео вы можете выбрать готовые материалы для фона.

Нажмите на название группы, чтобы увидеть больше изображений.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYFCv27wiKMfZpnhDKR%2F-MYFHeWQQNH9bIH78FR2%2Fimage.png?alt=media\&token=79043d51-e99b-439b-a055-11cc937259f4)

### Загрузка файла

###

## Загрузки

## Настройки


# Как загрузить изображение для хайлайта?

## Зачем нужны изображения для хайлайтов?

Изображения для хайлайтов нужны для визуального оформления виджета. С их помощью можно придать виджету единый стиль и вписать его в дизайн сайта.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrKzjXpuw9LVRBpcox%2Fimage.png?alt=media\&token=39c6353f-a343-4e6c-862c-9839680299f3)

Загрузить изображение для хайлайта можно двумя способами:

* [Загрузка при создании сторис](/kak-zagruzit-kartinku-dlya-khailaita#zagruzka-izobrazheniya-khailaita-pri-sozdanii-storis)
* [Загрузка при редактировании сторис](/kak-zagruzit-kartinku-dlya-khailaita#zagruzka-izobrazheniya-khailaita-pri-redaktirovanii-storis)

## Загрузка изображения хайлайта при создании сторис

1\. В [**Webstoryz.Конструкторе**](https://help.webstoryz.com/www.builder.webstoryz.com/constructor/create), после создание сторис нажмите на кнопку **Создать** в правом верхнем углу экрана

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrJN_edp0h_1r0zlyp%2Fimage.png?alt=media\&token=80c255b1-c371-44e6-aebc-1ee621de7d23)

2\. В появившемся окне Настойки Веб-сторис нажмите на значок загрузки

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrJizorNqXuWM9lrW5%2Fimage.png?alt=media\&token=31f2212a-eb4e-4a63-9755-e1332bcee7dc)

3\. В появившемся окне проводника выберите необходимый файл и нажмите **Открыть**

{% hint style="info" %}

* Рекомендуемое соотношение сторон изображения - **1:1**
* Максимальный размер файла - **2 MB**
  {% endhint %}

4\. После загрузки файла нажмите кнопку **Сохранить**

{% hint style="success" %}
**Поздравляем!** Вы загрузили изображения для хайлайта&#x20;

Если вы испытываете трудности в работе с сервисом, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}

## Загрузка изображения хайлайта при редактировании сторис

1\. В [**Webstoryz.Конструкторе**](https://help.webstoryz.com/www.builder.webstoryz.com/constructor/create) при редактировании сторис выберите раздел **Настройки** в левой панели и нажмите на значок загрузки

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrLVyi83a1zbn7zokI%2Fimage.png?alt=media\&token=05c84950-e2d8-455a-b9fd-6f28a2f308fe)

2\. В появившемся окне проводника выберите необходимый файл и нажмите **Открыть**

{% hint style="info" %}

* Рекомендуемое соотношение сторон изображения - **1:1**
* Максимальный размер файла - **2 MB**
  {% endhint %}

3\. После загрузки файла нажмите кнопку **Сохранить** в правом верхнем углу экрана

{% hint style="success" %}
**Поздравляем!** Вы загрузили изображения для хайлайта

Если вы испытываете трудности в работе с сервисом, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Как добавить кнопки месседжеров на сторис?

Кнопки мессенджеров позволят вашим клиентам связаться с вами всего в одно нажатие

В [**Webstoryz.Конструкторе**](https://help.webstoryz.com/www.builder.webstoryz.com/constructor/create) перейдите в раздел **Кнопка** в левой панели и выберите нужную кнопку в разделе **Кнопки мессенджеров.**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrPuN8v9_t7Yt-Jpjn%2F-MXrPwEykY2A-4EerIfu%2Fimage.png?alt=media\&token=9e2e5725-af5f-4bdd-8673-f45e179252ea)

{% hint style="info" %}
Для **кнопок WhatsApp и Viber** можно указать текст заготовленного сообщение, которое автоматически будет в поле ввода у клиента
{% endhint %}

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrPuN8v9_t7Yt-Jpjn%2F-MXrSmbG6PT-ufZwYUZe%2Fimage.png?alt=media\&token=eb82619f-fb63-4dfd-a41b-1fe0251bcab3)

Результат:

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrPuN8v9_t7Yt-Jpjn%2F-MXrTHsNDSSIvKcfn4e7%2Fimage.png?alt=media\&token=2c0dd9b9-e77f-437b-9967-7280a6cfabb6)

{% hint style="success" %}
**Поздравляем!** Вы добавили кнопки мессенджеров

Если вы испытываете трудности в работе с сервисом, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Создание, настройка и управление виджетом

**Содержание:**

* [Создание виджета](/sozdanie-nastroika-i-upravlenie-widgetom#sozdanie-vidzheta)
* [Настройка виджета](/sozdanie-nastroika-i-upravlenie-widgetom#parametry-vidzheta)
  * [Параметры виджета](/sozdanie-nastroika-i-upravlenie-widgetom#parametry-vidzheta-1)
    * [Заголовок виджета](/sozdanie-nastroika-i-upravlenie-widgetom#zagolovok-vidzheta)
    * [Автоматическая загрузка сторис из Instagram](/sozdanie-nastroika-i-upravlenie-widgetom#avtomaticheskaya-zagruzka-storis-iz-instagram)
    * [Цвет фона](/sozdanie-nastroika-i-upravlenie-widgetom#cvet-fona)
    * [Расположение на сайте](/sozdanie-nastroika-i-upravlenie-widgetom#raspolozhenie-na-saite)
  * [Стиль хайлайта](/sozdanie-nastroika-i-upravlenie-widgetom#stil-khailaita)
    * [Форма хайлайта](/sozdanie-nastroika-i-upravlenie-widgetom#forma-khailaita)
    * [Параметры хайлайта](/sozdanie-nastroika-i-upravlenie-widgetom#parametry-khailaita)
    * [Цвет обводки](/sozdanie-nastroika-i-upravlenie-widgetom#cvet-obvodki)
  * [Стиль подписи](/sozdanie-nastroika-i-upravlenie-widgetom#stil-podpisi)
* [Редактирование виджета](/sozdanie-nastroika-i-upravlenie-widgetom#redaktirovanie-vidzheta)
* [Удаление виджета](/sozdanie-nastroika-i-upravlenie-widgetom#udalenie-vidzheta)

## Создание виджета

{% hint style="info" %}
Для создания виджета выберите продукт **Виджет** и в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets) нажмите на кнопку [**Создать виджет**](https://widget.webstoryz.com/my-widgets/create)
{% endhint %}

![Нажмите для увеличения](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkXrsXeFZMiy4hlEmO%2F-MXkYwby52G_r4QPlB5F%2Fimage.png?alt=media\&token=9eda121c-8abd-405e-8333-9870e5e9015a)

Далее, введите название виджета в левом верхнем углу.‌

![Нажмите для увеличения](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkXrsXeFZMiy4hlEmO%2F-MXkZKPYcBcotYnlohzn%2Fimage.png?alt=media\&token=399c4569-e278-40bd-8c48-590a5f4a51cc)

Параметр **Активность виджета** отвечает за показ виджета на сайте.

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkXrsXeFZMiy4hlEmO%2F-MXkZQcjNNcDqze70PdQ%2Fimage.png?alt=media\&token=0218fe1b-dd84-4b9d-a3a6-f3607aa8cdf7)

{% hint style="info" %}
Если вы временно хотите убрать виджет с сайта, то его не обязательно удалять, достаточно просто **деактивировать виджет**.
{% endhint %}

В настройках виджета доступно 3 раздела:‌

* [​Параметры виджета​](/sozdanie-nastroika-i-upravlenie-widgetom#parametry-vidzheta)
* [​Стиль хайлайта​](/sozdanie-nastroika-i-upravlenie-widgetom#stil-khailaita)
* [​Стиль подписи​](/sozdanie-nastroika-i-upravlenie-widgetom#stil-podpisi)

## Настройка виджета <a href="#parametry-vidzheta" id="parametry-vidzheta"></a>

### Параметры виджета

В этом разделе можно:‌

* [​Задать виджету заголовок​](/sozdanie-nastroika-i-upravlenie-widgetom#zagolovok-vidzheta)
* [​Активировать загрузку сторис из Instagram​](/sozdanie-nastroika-i-upravlenie-widgetom#avtomaticheskaya-zagruzka-storis-iz-instagram)
* [​Выбрать цвет фона​](/sozdanie-nastroika-i-upravlenie-widgetom#cvet-fona)
* [​Выбрать расположение на сайте​](/sozdanie-nastroika-i-upravlenie-widgetom#raspolozhenie-na-saite)

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXfwCYLCr5qXu2ZF7hh%2F-MXfy5gWfiY3Omf14Yqx%2Fimage.png?alt=media\&token=0ed5e85a-e971-42be-8fad-f278f4ba0387)

#### Заголовок виджета

Вы можете активировать заголовок виджета и написать текст, который появится над виджетом.‌

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkXrsXeFZMiy4hlEmO%2F-MXk_BpK3aruCTwi72zW%2Fimage.png?alt=media\&token=3e8fecfa-a0dc-4cbd-b6df-cc4b4526bc7d)

#### Автоматическая загрузка сторис из Instagram

При активации этого параметра автоматически будет создан хайлайт виджета, в который будут добавляться ваши сторис из Instagram. Для этого необходимо [**подключить Instagram аккаунт к вашему профилю**](/nastroiki/kak-podkluchit-instagram-k-svoemu-akkaunty). Данная функция доступна начиная от [**тарифа Starter**](/nastroiki/tarify-i-oplata).

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkXrsXeFZMiy4hlEmO%2F-MXk_OpuHsR23yFK_4TC%2Fimage.png?alt=media\&token=3867fa0f-2afd-4a2e-8b6d-30065318040c)

{% hint style="info" %}
Сторис добавляются **один раз в час** (12:00, 13:00 и т.д.).
{% endhint %}

#### Цвет фона

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

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkbtNp9bvuKDAaly34%2F-MXkcWHiJpDeX9o4Thr3%2Fimage.png?alt=media\&token=bd72d232-ca2c-4628-86ff-97780e646913)

![Выбранный цвет сразу отразится в окошке Превью виджета](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkbtNp9bvuKDAaly34%2F-MXkcfWdXW5I7HI8XX9f%2Fimage.png?alt=media\&token=26a26aba-2e05-4b5a-a049-ccb0ba6aa6c7)

{% hint style="info" %}
Чтобы сделать фон прозрачным, необходимо удалить все символы из поля **Цвет фона.**
{% endhint %}

#### Расположение на сайте

Выберите расположение виджета на сайте. Доступно 4 варианта:‌

* **Произвольное** - виджет будет располагаться там, где вы вставите его в вашей CMS или в коде
* **Снизу** - виджет будет закреплен снизу экрана
* **Слева/справа** - виджет будет расположен вертикально и закреплен сбоку экрана, поверх сайта‌

![Расположение виджета на сайте](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgAL5_B2ARJ2ns0hLC%2F-MXgDGMr-lOVi1VPnG4X%2Fimage.png?alt=media\&token=a082b9b2-c86c-4c4b-b649-59eeb163d8d8)

{% hint style="info" %}
При вертикальном отображении (**Слева/Справа**) виджет отображается **поверх остальных элементов** сайта и **остается на экране при прокрутке страницы**.&#x20;
{% endhint %}

### Стиль хайлайта

В этом разделе можно:‌

* [​выбрать форму хайлайта​](/sozdanie-nastroika-i-upravlenie-widgetom#forma-khailaita)
* [​настроить параметры хайлайта​](/sozdanie-nastroika-i-upravlenie-widgetom#parametry-khailaita)
* [​выбрать цвет обводки​](/sozdanie-nastroika-i-upravlenie-widgetom#cvet-obvodki)

#### Форма хайлайта

Выберите форму хайлайта. Всего доступно 3 варианта:‌

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkbtNp9bvuKDAaly34%2F-MXkcqkseOXrQ_ebYmUA%2Fimage.png?alt=media\&token=b368ab96-e68d-45b0-8825-99c137964cba)

* **Круглый** - является самым привычным для большинства пользователей

![Круглый формат](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgAL5_B2ARJ2ns0hLC%2F-MXgFOUINO_hejb49TZ3%2Fimage.png?alt=media\&token=f23f378e-021e-4376-b0ed-96ec09325c26)

* **Квадратный** - иногда используется в банковских приложениях и информационных сайтах

![Квадратный формат](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgAL5_B2ARJ2ns0hLC%2F-MXgEgkjVZqJLiKJ99yv%2Fimage.png?alt=media\&token=4ded125f-bd56-490f-8088-e596e5e131f6)

* **Прямоугольный** - часто используется в банковских приложениях и информационных сайтах. Особенностью такого формата является то, что подпись расположена внутри хайлайта‌

![Прямоугольный формат](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgAL5_B2ARJ2ns0hLC%2F-MXgEZZZXK8tiIuPHXCI%2Fimage.png?alt=media\&token=fa89807a-4c43-4d74-9a4f-ead352aab906)

#### Параметры хайлайта

Перемещая ползунки, выберите размер хайлайта и толщину обводки.

{% hint style="info" %}
Рекомендуется сначала [**установить виджет**](/kak-ustanovit-vidzhet-na-sait) на тестовую страницу, и уже затем настроить параметры хайлайта.
{% endhint %}

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgGS11Bf-gxWPE-eIu%2F-MXgH9uK5D10MLBospke%2Fimage.png?alt=media\&token=e4817b38-fc81-4e1b-bd56-87dfbcefd842)

#### Цвет обводки

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

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgK-wyzSwFQ7_Qmf0e%2F-MXgLu4AEpOaS0ZfR60g%2Fimage.png?alt=media\&token=a9235644-d9f4-4539-841f-4e5f5366cc6f)

![](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkbtNp9bvuKDAaly34%2F-MXkdBzyBh8z5dGRqF6W%2Fimage.png?alt=media\&token=c712add9-c3ed-4f63-bc9c-250410275b09)

### Стиль подписи

В этом разделе можно выбрать шрифт, его размер, и выравнивание текста.

{% hint style="info" %}
Для круглого и квадратного формата хайлайтов рекомендуем использовать **выравнивание по центру**, а для прямоугольного - **выравнивание по левому краю.**
{% endhint %}

![Стиль подписи](https://gblobscdn.gitbook.com/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgK-wyzSwFQ7_Qmf0e%2F-MXgM91by2pqN3Wn2ONt%2Fimage.png?alt=media\&token=c8010188-fce1-4d6b-bbff-1688cced2aec)

{% hint style="success" %}
Поздравляем, только что вы создали и настроили ваш виджет!‌
{% endhint %}

Теперь необходимо сохранить виджет, нажав на кнопку **Сохранить** в правом верхнем углу экрана.‌

Настало время [добавить виджет на сайт](/kak-ustanovit-vidzhet-na-sait).

## Редактирование виджета

Для редактирование виджета перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/) и нажмите на значок<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEY4ZYe1rBM-dNzOEG%2Fimage.png?alt=media&amp;token=97da83e5-424a-4c23-9365-5046e5ea948c" alt="" data-size="original">

![Нажмите для увеличения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEXsT0qKb60IJhKWqi%2Fimage.png?alt=media\&token=91775a9a-1e74-438d-96aa-c90aee5dd3f7)

## Удаление виджета

Для редактирование виджета перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/) и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEYITKCzJ8KrOLHmXk%2Fimage.png?alt=media&amp;token=eb2fba22-f946-4875-9019-74b48e0a5498" alt="" data-size="original">

![Нажмите для увеличения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEYS32r7EcG3czGMcJ%2Fimage.png?alt=media\&token=994b1efa-0f25-4391-bbf6-8663bca61c60)


# Как скопировать код виджета для вставки на сайт?

Для того, чтобы скопировать код виджета, перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/my-widgets) и нажмите на кнопку **Код виджета**

![Нажмите для увеличения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEYv9y3kIW_BQGWNZK%2F-MYEZYKt6_ZmJVA-lT6W%2Fimage.png?alt=media\&token=4fc832ad-0393-47ed-b287-2aea327001e9)

В появившемся окне нажмите на кнопку **Скопировать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEYv9y3kIW_BQGWNZK%2F-MYEZp3zVH4xsv0kpxST%2Fimage.png?alt=media\&token=633ba9dd-862f-4619-b22c-2212efa375d5)

Ознакомьтесь с установкой виджета на сайт в [**следующей инструкции**](/kak-ustanovit-vidzhet-na-sait)**.**


# Как временно отключить виджет?

Если вы хотите внести изменения в виджет, но не хотите чтобы их сразу видели пользователи, то необязательно убирать виджет с сайта. Достаточно просто **деактивировать виджет**.

Для того, чтобы это сделать, перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/my-widgets) и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEY4ZYe1rBM-dNzOEG%2Fimage.png?alt=media&amp;token=97da83e5-424a-4c23-9365-5046e5ea948c" alt="" data-size="original">&#x20;

![Нажмите для увеличения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEXsT0qKb60IJhKWqi%2Fimage.png?alt=media\&token=91775a9a-1e74-438d-96aa-c90aee5dd3f7)

В разделе **Активность виджета** нажмите на переключатель, чтобы деактивировать виджет.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYE_8IZ6EJlUpziZgIR%2F-MYEf5yMWVd1Bj9muWG4%2Fimage.png?alt=media\&token=7c61eac0-c839-43f5-9ee9-4a0db709f2b9)


# Как сделать вертикальный виджет сбоку сайта?

Если вы хотите чтобы виджет на сайте отображался вертикально, то необходимо изменить пункт [**Расположение на сайте**](/sozdanie-nastroika-i-upravlenie-widgetom#raspolozhenie-na-saite) в настройках виджета.

Для того, чтобы это сделать, перейдите в раздел [**Мои виджеты**](https://widget.webstoryz.com/my-widgets) и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEY4ZYe1rBM-dNzOEG%2Fimage.png?alt=media&amp;token=97da83e5-424a-4c23-9365-5046e5ea948c" alt="" data-size="original">&#x20;

![Нажмите для увеличения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEUzEBHYSmjYgsfpMz%2F-MYEXsT0qKb60IJhKWqi%2Fimage.png?alt=media\&token=91775a9a-1e74-438d-96aa-c90aee5dd3f7)

В разделе **Параметры виджета** найдите пункт **Расположение на сайте** и выберите **Слева/Справа**, в зависимости от дизайна вашего сайта.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEfCNLgZvlZzGnX-BH%2F-MYEfxchy3BhUF0YrBTa%2Fimage.png?alt=media\&token=20c2b287-7f4e-4b01-83cb-a06e6a9da72c)

Теперь виджет отображается поверх остальных элементов сайта и остается на экране при прокрутке страницы.&#x20;

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEfCNLgZvlZzGnX-BH%2F-MYEgKw2LDJzw5_OAPVX%2Fimage.png?alt=media\&token=f517639e-f9df-488f-b80e-8110704300b9)


# Как установить виджет на сайт?

Для установки виджета на сайт необходимо:

1\. Перейти из продукта **Webstoryz.Виджет** в раздел [**Мои виджеты**](https://widget.webstoryz.com/my-widgets)

2\. Нажать на кнопку **Код виджета** рядом с нужным виджетом.

<div align="center"><img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl0z5SlJlcNoZyUwHT%2F-MXl1DRxeuvxRNtjA_JC%2Fimage.png?alt=media&amp;token=36993869-cd08-4717-96b0-eaf67c069e99" alt=""></div>

3\. В появившемся окне нажать на кнопку **Скопировать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl0z5SlJlcNoZyUwHT%2F-MXl1HnTYDcNSvGee58A%2Fimage.png?alt=media\&token=880f0d57-e35c-41d9-91e6-856573da56d6)

4\. Вставить скопированный код виджета на свой сайт между тегами **< body>...< / body>**

{% hint style="info" %}
Если ваш создан на одной из популярных CMS (Tilda, LPMotor, Creatium), то вы можете найти ссылку на нужную инструкцию ниже:
{% endhint %}

{% content-ref url="/pages/-MXbH3MI\_gfMzVfSllqX" %}
[Как установить Webstoryz виджет на Tilda?](/kak-ustanovit-vidzhet-na-tilda)
{% endcontent-ref %}

{% content-ref url="/pages/-MXbH3jGrQ1jRqVZDa97" %}
[Как установить Webstoryz виджет на LPmotor/LPgenerator?](/kak-ustanovit-vidzhet-na-lpmotor-lpgenerator)
{% endcontent-ref %}

{% content-ref url="/pages/-MXgRtaSN8wJNTe4yBLC" %}
[Как установить Webstoryz виджет на Creatium?](/kak-ustanovit-webstoryz-vidzhet-na-creatium)
{% endcontent-ref %}

{% content-ref url="/pages/-MXlPyVdzMlaKL\_H3lZy" %}
[Как установить Webstoryz.Виджет на InSales?](/kak-ustanovit-webstoryz.vidzhet-na-insales)
{% endcontent-ref %}

{% content-ref url="/pages/-MXlX723EvslOEoTw6LN" %}
[Как установить Webstoryz виджет на Taplink?](/kak-ustanovit-webstoryz-vidzhet-na-taplink)
{% endcontent-ref %}

{% hint style="warning" %}
Если вы не нашли вашу CMS в списке или испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Как установить Webstoryz виджет на Tilda?

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkC0NpeltZnXIiWYp_%2F-MXkiAh11PsAmHuOVmNL%2Ftilda%20new.png?alt=media\&token=29ed65aa-6e05-4657-8d6f-7b8b38717f16)

{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu).
{% endhint %}

Установить Webstoryz виджет на сайт, сделанный с помощью [Tilda](https://tilda.cc/ru/) можно двумя способами:

* [Используя блок **HTML-код (T123)**](/kak-ustanovit-vidzhet-na-tilda#ustanovka-vidzheta-s-pomoshyu-bloka-html-kod)
* [С помощью **Нулевого блока (Zero-block)**](/kak-ustanovit-vidzhet-na-tilda#ustanovka-vidzheta-s-pomoshyu-nulevogo-bloka)

## Установка виджета с помощью блока HTML-код

Данным способом можно установить виджет как на конкретной странице сайта, так и сразу на всех страницах, используя **Header** и **Footer** в Tilda.

### Установка на одной странице

1 .Откройте нужную страницу в Tilda

2\. Добавьте новый блок &#x20;

![Значок + появляется при наведении на пунктирную линию](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkC0NpeltZnXIiWYp_%2F-MXkogfPouObRkZ2FHDG%2Fimage.png?alt=media\&token=c0366ef9-ca58-4305-820a-18aa8b2a740e)

3\. Пролистайте Библиотеку блоков вниз, и нажмите на **Другое**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkC0NpeltZnXIiWYp_%2F-MXkpL4LlxvqatVOWBs6%2Fimage.png?alt=media\&token=e9ab1eaf-50fd-411c-ae93-2ecb728a43f3)

4\. Выберите блок **(Т123) HTML-код**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXksQGhQYz77EKqwKSi%2Fimage.png?alt=media\&token=53749008-e784-4d6e-88e5-e31b40aaadac)

&#x35;**.** В появившемся блоке нажмите на красную кнопку **Контент**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXksmtzWoEYvO-Ffng-%2Fimage.png?alt=media\&token=12700acd-4d15-473b-b41c-d01ceb91359a)

6\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Сохранить и закрыть**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXktBzD-HzliFqWfTCE%2Fimage.png?alt=media\&token=b8c2f794-8416-4ea5-8572-1e6b8a3f32ce)

7\. Нажмите **Опубликовать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXkta7GPQogmSuJ_LGu%2Fimage.png?alt=media\&token=9053e5ec-6db8-4867-bc36-6d5d024f23a4)

### Установка на всех страницах

Для установки виджета на всех страницах вам необходимо [создать отдельную страницу в Tilda и указать ее как **Header** сайта](https://tilda.cc/ru/answers/a/header/).

## Установка виджета с помощью Нулевого блока

{% hint style="info" %}
Рекомендуем использовать этот способ, если вы хотите вручную настроить расположение виджета на странице, а размещение по центру вам не подходит.
{% endhint %}

1 .Откройте нужную страницу в Tilda

2\. Добавьте новый блок &#x20;

![Значок + появляется при наведении на пунктирную линию](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXkC0NpeltZnXIiWYp_%2F-MXkogfPouObRkZ2FHDG%2Fimage.png?alt=media\&token=c0366ef9-ca58-4305-820a-18aa8b2a740e)

&#x33;**.** Пролистайте Библиотеку блоков вниз, и нажмите на **Нулевой блок**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXku_YKWoyrgrTdWQTS%2Fimage.png?alt=media\&token=b63a40e2-e493-464e-aa31-ff4c6517f638)

4\. В появившемся блоке нажмите на красную кнопку **Редактировать блок**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXkuku9Rv6ZvOdPXm4R%2Fimage.png?alt=media\&token=7eb438e1-ea99-4a8c-9249-af1c8d80d51d)

5\. В левом верхнем углу нажмите на значок **+**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXkut4oTm4Un0oWvOeK%2Fimage.png?alt=media\&token=aba0c286-8393-485d-9005-c8f38f5d8486)

6\. В открывшимся окне выберите **Add HTML**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXkv7POlOuZygQC2eN_%2Fimage.png?alt=media\&token=b9d11bbb-7e4c-4ef9-bdc8-50941497b320)

7\. Дважды нажмите на появившийся блок

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXkvG8BRX8rZr-wxs-_%2Fimage.png?alt=media\&token=62ce25d5-561f-4312-b49f-66385bca7c33)

8\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Close & Update**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXks5Xhek44vA3H4R78%2F-MXkvUPvyhIqzuwRG1y2%2Fimage.png?alt=media\&token=f15129a8-c777-4316-9df4-e5d9c4fae927)

9\. Настройте расположение и размер блока на свое усмотрение. Не забудьте изменить версии для мобильных и планшетов нажав на соответствующие значки сверху <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgeFxuUVNcCeLZ5Ao5%2F-MXgiZbLA1_8t3EN3E08%2Fimage.png?alt=media&amp;token=7c080484-a5e5-4865-b5f0-68325e749f55" alt="" data-size="original">&#x20;

10\. Нажмите **Save,** затем **Close**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXky6qz1Mm_4w50uMya%2F-MXkyiA2Jqt2U6cqouqb%2Fimage.png?alt=media\&token=e8690a26-0133-44cc-bf37-f14bcecba718)

11\. Нажмите **Опубликовать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXky6qz1Mm_4w50uMya%2F-MXkyqrGLA6xOsVvYfKZ%2Fimage.png?alt=media\&token=a8b2cf8d-5545-491f-8458-09dd532d90ae)

{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**

Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Как установить Webstoryz виджет на LPmotor/LPgenerator?

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlKQhkBS22x12iTHGR%2Fimage.png?alt=media\&token=9e4ad77d-159b-4d32-bc34-1b1ec4c533bd)

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgjk4dMPzBvS0lXzr4%2F-MXglZRycvr0eir4FyHX%2Flpgen.png?alt=media\&token=96af8b94-8dbe-48f9-b123-b06b9afca807)

{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu).
{% endhint %}

Установить Webstoryz виджет на сайт, сделанный с помощью [LPmotor](https://lpmotor.ru/)/[LPgenerator](https://lpgenerator.ru/) можно с помощью **HTML блока:**

1\. Откройте нужную страницу в LPmotor/LPgenerator

2\. Добавьте новый блок, нажав на значок<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXgjk4dMPzBvS0lXzr4%2F-MXgms-uQ3fBEohSdcWf%2Fimage.png?alt=media&amp;token=cc786e23-4f72-4770-92b4-978fed1aeba0" alt="" data-size="original">в левом верхнем углу

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlGewDhqOnrRp2xeHZ%2Fimage.png?alt=media\&token=c9ff096a-d680-47cd-9346-f615108ff007)

3\. Выберите **HTML блок** и перетащите его в нужное место на сайте

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlGvcsuZqdb1YuqqrI%2Fimage.png?alt=media\&token=fa072bf7-d58b-42cf-bf56-98334a9450c9)

4\. Дважды нажмите созданный блок

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlH7ZXeRm8CHGglE3z%2Fimage.png?alt=media\&token=2be985a1-13de-4aa7-abed-f620609f4947)

5\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Применить**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlHIaYGMQKGLfmpnyW%2Fimage.png?alt=media\&token=ff3e8063-7086-4fd9-8b23-7f2d4e52ab0f)

6\. Нажмите **Опубликовать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlHVXIpCfspnRrOUlG%2Fimage.png?alt=media\&token=031898fc-d533-428e-8e08-5f3f8e66462d)

{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**

Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}

{% hint style="warning" %}
Что делать, если нет подходящего места для виджета?
{% endhint %}

В такой ситуации необходимо создать место для виджета, это можно сделать с помощью **Свободной секции:**

1\. Нажмите на кнопку <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlIAEFmK0_jvQ6JaLF%2Fimage.png?alt=media&amp;token=f93f2500-3149-4042-b13e-e23704d895ac" alt="" data-size="original"> **Добавить секцию**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlHo5FXV0iLH9MHC5j%2Fimage.png?alt=media\&token=66d7ae88-400d-4649-8677-25fbe0474834)

2\. В открывшимся окне выберите вкладку **Пустые**, затем нажмите на **Свободная** **секция**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlIQbb89koP2mFQ5zZ%2Fimage.png?alt=media\&token=ed40cf26-d625-4fa6-b41c-41bf86473654)

3\. В появившейся пустой секции нажмите<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXl9nqqRe6A30AvKcKt%2F-MXlInTZd7oHsnVeurcy%2Fimage.png?alt=media&amp;token=fc5684da-0d34-4352-b520-bc35e7a55083" alt="" data-size="original">и перейдите к 3 пункту первой части инструкции.


# Как установить Webstoryz виджет на Creatium?

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlJtrZma0J1BPEPQv4%2Fimage.png?alt=media\&token=98c194a9-5f24-43f7-8e2b-0a834c05d343)

{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu).
{% endhint %}

Установить Webstoryz виджет на сайт, сделанный с помощью [Creatium](https://creatium.io/) можно с помощью блока **HTML:**

1\. Откройте нужную страницу в Creatium

2\. Добавьте блок **HTML -** нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlLYg50ZHAfiTb0dzv%2Fimage.png?alt=media&amp;token=09db6ab8-5551-432c-b4a0-79ccbd2be499" alt="" data-size="original"> в левом верхнем углу, выберите **Вставка HTML кода** и перенесите его в нужное место

![Нажмите для увеличения изображения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlL7j6OgSbJ521bd7D%2Fimage.png?alt=media\&token=f8458c83-d09a-4b24-8600-9216651e633f)

4\. Наведите на блок **HTML** и нажмите на значок<img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlMI2RZ6JuY1PqDAkO%2Fimage.png?alt=media&amp;token=09dff9ea-2bb5-4baf-aaa2-ca75e9d38d15" alt="" data-size="original">

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlMrRCaWDISo7_jFV3%2Fimage.png?alt=media\&token=ca7bbf38-324a-4ab4-be5b-41b8b4369f67)

5\. В открывшимся окне вставьте скопированный код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**), для выхода нажмите в любое место вне окна

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlN2VqFh6fvILqgWVs%2Fimage.png?alt=media\&token=5525a144-4c0a-4641-93ff-a8b78e8b453f)

6\. В правом верхнем угла экрана нажмите на надпись **Не сохранено**, дождитесь когда она изменится на <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlNdb9-vvFj8b2u7j4%2Fimage.png?alt=media&amp;token=56bf1c50-adc1-45ca-8cb2-6d3abfbcc4fb" alt="" data-size="original"> и нажмите **Опубликовать**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlJdNDvjYqmDw0uBgq%2F-MXlNY2w8B31Wv-5tLxV%2Fimage.png?alt=media\&token=c028a99f-9acd-4cd3-99fd-eb486bffa821)

{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**

Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Как установить Webstoryz.Виджет на InSales?

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlQGdR90gZnnJrB_Al%2Fimage.png?alt=media\&token=8baeaced-ce03-4009-93e4-ef2819fd8fe4)

{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu).
{% endhint %}

1\. В **бэк-офисе Insales** нажмите на вкладку **Сайт**, затем выберите **Дизайн** и нажмите на значок <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlQi4TTZjiiehHCFdE%2Fimage.png?alt=media&amp;token=6f67519d-1b10-48dd-8f58-a9275eec52d5" alt="" data-size="original"> у вашего текущего шаблона

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlQcboCPieLNxtoGh6%2Fimage.png?alt=media\&token=2a0ff011-d443-4d64-8823-4cddd364af60)

2\. В редакторе шаблона нажмите на **Шаблоны**, затем выберите **index.liquid** для размещения виджета на главной странице

3\. В появившемся редакторе вставьте код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Сохранить**

![Нажмите для увеличения изображения](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlO1Tic4BlCrXcN8RY%2F-MXlRNbHw5tK9CHrdOhV%2Fimage.png?alt=media\&token=57f614c0-5b3f-471c-bda6-721eb22a6f50)

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

4\. Снизу появится надпись <img src="https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlS0FYrTkymryFGjKT%2F-MXlSUB1aVSvD1lnVNQA%2Fimage.png?alt=media&amp;token=632a34c0-2762-48c9-944f-05a531db589f" alt="" data-size="original">

{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**

Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}


# Как установить Webstoryz виджет на Taplink?

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlUhfURDNJyhHQOSCq%2F-MXlYpHEZlErFHcrr2VQ%2Ftaplink%20logo.png?alt=media\&token=d1572622-e008-4f65-9c02-1f31f10faa83)

{% hint style="warning" %}
Перед установкой виджета на сайт вы должны [прикрепить к виджету хотя бы одну сторис](/sozdanie-i-nastroyka-stories/kak-prikrepit-storis-k-vidzhetu).
{% endhint %}

1\. В разделе Страница нажмите на кнопку **Добавить блок**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlUhfURDNJyhHQOSCq%2F-MXlXBvKU1QfSECXKyaa%2Fimage.png?alt=media\&token=a382ef4f-0f2e-4774-a64c-9f97e0e06449)

2\. В появившемся окне выберите **HTML код**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlUhfURDNJyhHQOSCq%2F-MXlXIecGUYTxztmKp93%2Fimage.png?alt=media\&token=e62444f2-3598-4c58-917d-cb904285d2c6)

3\. Вставьте код виджета (его можно получить в разделе [**Мои виджеты**](https://widget.webstoryz.com/my-widgets), нажав на кнопку **Код виджета**) и нажмите **Сохранить**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlUhfURDNJyhHQOSCq%2F-MXlXQOnMvirWf1eKHNp%2Fimage.png?alt=media\&token=9b32945a-aed1-47ad-95a9-5d58a25b2ebb)

{% hint style="info" %}
После сохранения вы увидите пустой блок, но это нормально. Виджет появится когда вы перейдете в ваш Taplink **по ссылке**.
{% endhint %}

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlUhfURDNJyhHQOSCq%2F-MXlY6d24ShGSC-SzbnP%2Fimage.png?alt=media\&token=3c1fb358-06d4-489c-9dce-4c22d58db924)

{% hint style="success" %}
**Вы добавили Webstoryz виджет на свой сайт!**

Если вы испытываете трудности с установкой виджета на сайт, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXlUhfURDNJyhHQOSCq%2F-MXlY9lXmVFQWU2wLujZ%2Fimage.png?alt=media\&token=9fb162e5-6e4c-4e62-9a8e-138f20cb1559)


# Как подключить Instagram к своему аккаунту?

{% hint style="warning" %}
Функция **автоматической загрузки сторис из Instagram** доступна начиная с тарифа [**Starter**](/nastroiki/tarify-i-oplata)
{% endhint %}

{% hint style="warning" %}
Перед подключением необходимо [**создать Бизнес-аккаунт Instagram**](/nastroiki/kak-sozdat-biznes-akkaunt-instagram)
{% endhint %}

Если вы хотите, чтобы сторис из Instagram [**автоматически загружались в виджет**](/sozdanie-nastroika-i-upravlenie-widgetom#avtomaticheskaya-zagruzka-storis-iz-instagram), то вам необходимо привязать Instagram аккаунт:

1\. Перейдите в [**Настройки**](https://auth.webstoryz.com/settings) из любого продукта

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqd2p0DPUFg2eaK0MW%2F-MXqeJUuAD0skDBYutpT%2Fimage.png?alt=media\&token=264cb20e-a167-4dd9-b2bb-bc220567c397)

2\. В разделе **Привязанные аккаунты Instagram** нажмите **Подключиться к Instagram через Facebook**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqd2p0DPUFg2eaK0MW%2F-MXqeZw2QzLzOlY4oIwH%2Fimage.png?alt=media\&token=d16d389c-681e-410b-8472-53916a3e818b)

3\. В появившемся окне нажмите **Продолжить как**

![](https://lh6.googleusercontent.com/sH7sVcZmSr_aO0EKNBLk5DC3iVZtYOQdTJt3-03Z8ij_soJLpfPB6SIvELpjaR-DKFLljTEsMkoXrJHuq7RElSfdhwMe1EScfMTjyg4oMJRF_nmAQpLJNsL1syEUZns0AZCL3rHW)

4\. Выберите аккаунт Instagram, из которого вы хотите выгружать сторис и нажмите **Далее**

![](https://lh5.googleusercontent.com/LtYw6sXL4g17OLGiLoRwx3CKx3XI5sRK-amlGZU7DS6iKUG8fPbDb_SCUO1bqzPVFrwpLT1c8BzjS3YqbjYNSTUpYcaBURUFKF2LHDfJMnQxYAsQQsezXERMSriOWZkOHbVjNMfG)

5\. Выберите страницу, привязанную к вашему Instagram аккаунту и нажмите **Далее**

![](https://lh5.googleusercontent.com/mFUkcOirjE4FKDLUUEy0gAOyYjqyShqzIG-xricswkhA_gm03wL9R2yzSRrt9pwWMAtrhNI4xJHF0daARoy4JAdwwujnGd7deCN7WceR-A1D9KMIzVM3av2iaihhOVDTtzPWBo1Z)

6\. Предоставьте доступ ко всем пунктам и нажмите **Готово**. Это необходимо для корректной работы виджета.

![](https://lh6.googleusercontent.com/gktzs2iClg7w5mdV4NA-qIYRyyCqBgMraJ-M7Uwgt1tQdCw9et0pOHPmzAVLKAzKNNlil1x_F7Ceh4tCqYHaj7v1cIwfkiUUw5sqs-4-58YzTIUVOvIboWslDEgF0t2kVlPixciw)

7\. После загрузки нажмите **ОК**

![](https://lh5.googleusercontent.com/Uf3Vo2ZUJ5zofId6Cn9ILvuM9YRVorOdpuiIGbFUntYnZGLl6DKBQPUZEBAUqDeJJhvOmGmHKsBdD6aAubU26vYkci5Kcd8R80kopw1DcEPzrsbzrCzn56NMKO1Rv0hz0QEFai4R)

{% hint style="success" %}
Поздравляем! Вы привязали свой Instagram к аккаунту Webstoryz. Теперь необходимо активировать [Автоматическую загрузку сторис из Instagram](/sozdanie-nastroika-i-upravlenie-widgetom#avtomaticheskaya-zagruzka-storis-iz-instagram) в необходимом виджете.
{% endhint %}

{% hint style="info" %}
Посмотреть все бизнес интеграции можно в [настройках Facebook](https://www.facebook.com/settings?tab=business_tools).
{% endhint %}


# Как создать Бизнес-аккаунт Instagram?

## Зачем нужен **Бизнес-аккаунт в Instagram?**

Такой аккаунт открывает новые возможности для работы с аккаунтом. В нем удобнее наладить коммуникацию с подписчиками, отслеживать их активность и эффективность постов. В таком аккаунте доступны:

* Статистика
* Коммуникация с подписчиками через звонок или email
* Запуск рекламы
* Адрес компании

С более подробной информацией можете ознакомиться на [официальном сайте Instagram Business](< https://business.instagram.com/getting-started?locale=ru_RU>)

Также Бизнес-аккаунт в Instagram позволяет связать его с Facebook, что дает доступ к бизнес-интеграциям. Именно они позволяют связать аккаунт в Instagram с Webstoryz, для [**автоматической загрузки сторис в виджет**](/sozdanie-nastroika-i-upravlenie-widgetom#avtomaticheskaya-zagruzka-storis-iz-instagram).

## Переход с личного аккаунта Instagram на бизнес-страницу

1 . Зайдите в раздел **Настройки** в приложении Instagram

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr-E7AZ7KgUY0Vkx3y%2Fimage.png?alt=media\&token=d75cac4b-b8ef-4331-a1c4-595dca61774c)

2\. Перейдите в раздел **Аккаунт**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr-Ukvp00I64bPO-8P%2Fimage.png?alt=media\&token=f8b051d7-84d1-4c19-868c-211ff33af716)

3\. Нажмите на **Переключиться на профессиональный аккаунт**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr-hP7PAxp059FKQ7g%2Fimage.png?alt=media\&token=f5567e0b-8f87-4b27-8ee7-6f1404fd0737)

4\. Нажмите **Продолжить** несколько раз

5\. Выберите тип аккаунта и нажмите **Далее**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr0DH1zhlBUj8cqWtG%2Fimage.png?alt=media\&token=161d2546-4b47-49d6-bf75-3a8320a0fe03)

6\. На свое усмотрение укажите контактную информацию и нажмите на **Далее/Не использовать мою контактную информацию**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr0n0K7ZoAS0C6rlul%2Fimage.png?alt=media\&token=a5c384fa-1662-4cb1-9916-82dfec69bc35)

{% hint style="success" %}
**Поздравляем!** Вы создали бизнес-страницу Instagram.
{% endhint %}

7\. Для настройки интеграции с Instagram необходимо **подключить Страницу бизнеса Facebook**. Если у вас нет такой страницы, перейдите в [следующую часть инструкции](/nastroiki/kak-sozdat-biznes-akkaunt-instagram#sozdanie-stranicy-biznesa-na-facebook). Без подключения Страницы Facebook не получится настроить интеграцию с Instagram.

Если вы создали страницу бизнеса Facebook, то нажмите **Войти на Facebook**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr13mQk0aqErcDXHYu%2Fimage.png?alt=media\&token=d8d5558b-ed62-46aa-8794-c68d717863af)

{% hint style="success" %}
**Поздравляем!** Вы полностью подготовили аккаунт Instagram для интеграции с Webstoryz, осталось [подключить Instagram к аккаунту Webstoryz](/nastroiki/kak-podkluchit-instagram-k-svoemu-akkaunty)
{% endhint %}

## Создание Страницы бизнеса на Facebook

1\. В правом верхнем углу нажмите на значок **+** и выберите **Страница**

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr1ZH-905Ur5N24PMK%2Fimage.png?alt=media\&token=ee30bc91-0d12-4c97-acb0-300f76e6cf66)

2\. В левой части экрана введите **Название страницы**, выберите **Категорию** и нажмите **Создать Страницу**.

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXqzlEmawPlJ3cJKE-5%2F-MXr1eXSllvA6WOEcdGQ%2Fimage.png?alt=media\&token=ffab924a-cb10-4a0f-96f5-cfc6a9af26eb)

3\. Теперь необходимо привязать Страницу Facebook к Instagram, вернитесь на 7 пункт [предыдущей инструкции](/nastroiki/kak-sozdat-biznes-akkaunt-instagram#perekhod-s-lichnogo-akkaunta-instagram-na-biznes-stranicu).


# Как изменить пароль?

Для изменения пароля перейдите в раздел [**Настройки**](https://auth.webstoryz.com/settings)

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MYEjod-ihXut9ML8xYC%2F-MYEkyYHhm02Jnu6P7O4%2Fimage.png?alt=media\&token=6ce7f1ab-61c4-491d-83c1-c77611b60194)

В разделе **Управление паролем** введите свой старый и новый пароли и нажмите кнопку **Сохранить**


# Тарифы и оплата

**Содержание:**

* [Как отвязать карту?](/nastroiki/tarify-i-oplata#kak-otvyazat-kartu)
* [Как оплатить тариф?](/nastroiki/tarify-i-oplata#kak-oplatit-tarif)

### Где посмотреть доступные тарифные планы?

&#x20;Для просмотра доступных тарифных планов перейдите в раздел **Финансы**

### Как отвязать карту?

Для того чтобы отвязать карту перейдите в раздел [**Настройки**](https://auth.webstoryz.com/settings) и нажмите на кнопку **Удалить карту.**

### **Как оплатить тариф?**

Для оплаты тарифа перейдите в раздел **Финансы** и нажмите кнопку **Выбрать тариф**. Откроется форма оплаты через YooMoney, введите данные карты и проведите оплату.<br>


# О чем рассказать в сторис?

## Can I become who I want to be?

That's a tough question but thankfully, our team is on it. Please bear with us while we're investigating.

## Have you had a chance to answer the previous question?

Yes, after a few months we finally found the answer. Sadly, Mike is on vacations right now so I'm afraid we are not able to provide the answer at this point.