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

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

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

###

## Загрузки

## Настройки
