> For the complete documentation index, see [llms.txt](https://help.webstoryz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webstoryz.com/elementy-konstruktora/untitled.md).

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

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

## Элементы

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

![](/files/-MYExTQWINVDP9eU5ATH)

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

![](/files/-MYExdXvH1sCHkWVmHdg)

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

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

![Нажмите для увеличения](/files/-MYEyFlW_IwCU4DJN5gz)

## Кнопка

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

![](/files/-MYEytbylY7m8x9SOCWL)

### Обычная

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

![](/files/-MYF7xYLHHVN4tfpVzpf)

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

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

![](/files/-MYF-Im0C9WdRh4sHlmq)

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

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

![](/files/-MYF8Jn33Y690Ah8ifRx)

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

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

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

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

![](/files/-MYF8iDdf4sFpP-XznDj)

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

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

![](/files/-MYF3lyca1geLUMPhu4B)

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

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

![](/files/-MYF4yqftxYSWyVJoUo6)

####

#### Кнопка WhatsApp

![](/files/-MYF7m478YIvvJfjAecy)

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

![](/files/-MYF5Av-84BNWbEVFzd4)

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

![](/files/-MYF57JbovRaaWbF_Lu9)

####

#### Кнопка Viber

![](/files/-MYF8zqORKMyGHBrFECw)

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

![](/files/-MYF5Av-84BNWbEVFzd4)

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

####

#### Кнопка Telegram

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

![](/files/-MYF97Jsa6QEJNkuUpLM)

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

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

####

#### Кнопка VK

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

![](/files/-MYF9nQNJl_99NNf1UhX)

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

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

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

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

![](/files/-MYFBvYroLl47CqHYgT5)

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

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

## Медиа

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

![](/files/-MYFDPVl_aZLrrhnjTBW)

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

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

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

![](/files/-MYFDveTyHIIDBkdns1D)

## Текст

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

![](/files/-MYFEKmnwBXEtLeETwXm)

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

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

![](/files/-MYFEbUQeEazVh7Fbxrn)

![Пример различных цветов текста и контейнера](/files/-MYFF2tDI6oWGBvgjZWa)

## Фон

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

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

![](/files/-MYFFVesyF8m7nHqkCMG)

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

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

![](/files/-MYFG9rwoFRYpd4vAN-_)

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

![](/files/-MYFGOi4dR_2abXpJxWr)

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

![](/files/-MYFH0UfbhcssnnVAGtf)

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

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

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

![](/files/-MYFHeWQQNH9bIH78FR2)

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

###

## Загрузки

## Настройки