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

* [Элементы](/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)

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

###

## Загрузки

## Настройки


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.webstoryz.com/elementy-konstruktora/untitled.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
