# Иные секции сайта

## Секция "Заголовок и текст"

Данный блок используется для добавления текста на ваш сайт. 

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeos1uKcbSliUC2gkMGHhJqG9QLyP-A7x8LAU5wqY3kRhhzc9hCgf6tE7tc-XiY_ryRlYPDvZduPbnkJ8Pmu9y-73iDg7xJTK9b6hxTqkHspIUQUa5U10AvLHh2FxArIfmfh0F5tw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Поле Заголовок можно заполнить или оставить пустым.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXccYVEc0hOw4AmDhQuGfVvyIQQ3BntzLYBSlwz702A15OW0OJnODuhxjk6COMpXyrVhzmk4WuGH-4hL1iWZDcrnK6Nde2N7PUM2VSBlND4W8v0gxuESoVfsdIDuwk_OyMWnxjO5?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Основные поля для форматирования текста Заголовка и Основного текста [такие же как в блоке Обложка.](/websites/builder/sekcii-bloki/sekciya-oblozhka.md)

Можно менять форматирование текста (Жирный, Курсив, Зачеркнутый, Подчеркнутый), менять цвет выделенного текста, выравнивание (справа, слева, по центру или по ширине страницы). Добавить списки (Нумерованные и Маркированные) или вставить ссылку в текст.

Также есть возможно вставить переменные в поле Заголовок и Текст:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe71tNwM_Ny9atQhs74elar8UtEbo_lYjPmeBpm-puBtrLjg9JRUMKQcxZq8Nnbf0NW_eOGK2fa371Cm00DJlZaaDQ0nqlhVAM9hgyfSaPfsVhjTspQlfUCllNFvWAxBrWvtVu6sg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

При клике по кнопке откроется меню с подсказкой доступных стандартных переменных и переменных проекта. Можно скопировать и вставить в выбранное поле:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeMc2bPgNT-BmauVAC9TPoGFz0sd9fIVWnqz4-W9SlDm1VFHs4aEV8qGjtb-lvRJMNE4ojDHWMpUTYaKX6Tp9iNDJcUukiI_3iNka-Tzf0J7QOS-yuMZFoUNie6FIf9V0qtIdhSbA?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция “HTML”

Секцию можно использовать для добавления элементов на созданный сайт с помощью HTML и CSS  кодов.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeD_ZUQkzxYQIetmtlZezbuJmpL6We9w3eolMtflgcVJ0VVX_VFDttWRAQd-ndN-YLDyDCOz_r3MWS-mP-ex6mstS3ro0js4TC8YA7wksN8y7nKQelsWGtjhHcnZNqgsurORbzAUg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

CSS код работает на весь сайт, а не только на текущую секцию!

Из-за правил Вконтакте код НЕ вставляется на Страницу подписки ВКонтакте

Не рекомендуется вставлять в блок HTML коды с тэгами \<script>

Данный HTML-код выполняется сразу же, в превью.

Чтобы добавить \<script> воспользуйтесь разделом CSS и JS в настройках сайта.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcHbr3pomKhhUPbq-bDpkwIcyLyZ0Enu3pOI-KSyHZVD14J3OhJ9VtATwEQKJ3Tpj_ob0u4oIgeweiIXl93N9WeWdNXw1tXmkS82_mFBQmibghHD4zplLeEBPWw7neoRJ5fK6itWg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция “Галерея”

С помощью секции “Галерея” можно существенно улучшить информативность и привлекательность вашего сайта, добавив различные изображения, которые наглядно демонстрируют товары или услуги вашим клиентам или пользователям. Это позволяет создать более привлекательный и информативный контент, что может увеличить уровень доверия пользователей к вашему сайту и, следовательно, повысить его конверсию.

Раздел «Галерея» обычно состоит из набора изображений, которые можно просматривать в формате слайд-шоу или карусели. Эти изображения могут быть разных типов: фотографии, скриншоты, графики и т. д.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcOBRG1vy9kcrqXxhYKZL1vB3w5DF0aAQGG2efelF2k3qbDtKDvSuhzVzfoSnyGu5XPWBdSMEQz--1-t_oLIeNH8FACkI9dQZOwBkXK5ynns8z_x4E_lGHwe8wciHFYQEXMKsLD?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Добавление изображений в секцию “Галерея” . По умолчанию предлагается три изображения. Вы можете удалить их или добавить свои.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd-o9w3ci5upbuozw2NP5boHWaTkgRtcMpUl1sIc25YalvPd38bwYRGU6slJKenLfk17VHiGKR2KEZXRhRwZMHjRpa4rftkGZf06txwYHu5I6z_vPZa5E6LQgF7XfokFC7SUNkMMw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

По требованиям платформы, можно загрузить не более 20 изображений с общим объемом до 10 Мб.

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXek8C3uveCiqgeDaxrtwlYL-gQJD5t8gDNty-UVm3kVqX5RDB5_yTRadulaaaDopzG3sQGQJengSHRiX84kBohBmLe48sEF97_MSVin-OAgs-24BoxU9AjPy21NbbUEOgDI329sTw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Чтобы выбрать стиль галереи перейдите в настройки:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdaROH4YNIToxPDg9GuuVP2Cmp5z18OSRqKIGn0U4szervSSZOYhhgTJSRllBOVuDhRNJRDm7bzMv62EQRbZGLupM2OW2v8ka0Qab9nm7TcadISwKTPPJHORoNeFEhrRKqcQEtbrQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

По умолчанию галерея имеет вид «Полосы». Однако вы можете изменить его на стиль «Плитка», «Многоугольники (во всю ширину)» или «Плитка (во всю ширину)».

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdiedyCSt10yZqvmNZjpujkPxf5J2mJ949maKF9I9cWB6_zDA3D5LMllMvHcR_J1yNhkbpPxkA4Veu0Ce42QfTuqAi8wlEOdoaVeEvTPpZK--PR0ZWBAobj7DPIrjnvGE1NyvXGGg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция “Медиа”

Данная секция позволяет добавить любой медиа-файл (изображение или видео) на ваш сайт отдельно от универсального блока. Можно воспользоваться готовым шаблоном или создать свой, пустой, и затем настроить его так, как вам нужно.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd6fbgCa_7jOn7MsvGgn4ZtvP8qrgpGPli4yBTrGV36A3msPYbl00fj8KAlDy9F8n_uTDyf-hQAxQNMqolD9orgu99DO5-d-_Ieg7w_SeQ4uXmiIDx93TsgwDJ8QRYtwmIiavnrnw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Основное отличие данного блока от галереи, что изображение/видео, добавляемые в блоке остаются статичными (т.е. не листаются как в галерее):

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfH4Xzame_ZknIhDGskid8U4dxEwR_OSaRia8vilqTe6vRAY0QIDNsiDvt9WbhUB3K6UVrQhkzPPk2y5RCLnSA8_1a2woxFPAZ3Gg2EYqLa8n4aX83Z-4VWNoBGmYQczzTy11Eb?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

**Загрузка вложения**

После того как вы нажмете кнопку «Добавить блок», откроется дополнительное окно с параметрами для выбранного медиафайла. В этом окне вы сможете настроить параметры отображения файла на сайте.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXduF4Lqc2m7_Hf4fWkgWSRpwg5r6KeclIclHYmJlCqI77PXoGM662L31wBf6pb0eg2ROETFaHp58YswGrR80gcfBLzjOH5uVIYKTTcCtNAv3K_kvgaIXlF6ylnwn0GYMe69q4yF7g?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Видеофайлы любого типа можно добавить, указав ссылку на них. А изображения можно загрузить с компьютера или также ввести ссылку в поле URL.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdc4izIIeXZ13t97Rhj7PEG8Zo3_YxwXw2NrzZkRUrTgwqna2P2rfOjOro6kOz03E_3IR0aHAlcklxjfbC5aWogjbXzLiz8SpJv_JtMMgguOU6Q8yQxsqKVoe393RI2mkVYwxsraw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

К изображению можно добавить ссылку, которая позволит пользователю перейти по ней при нажатии на изображение. Можно добавить переменные, настроить ширину и высоту файла

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcMfYUa9zAFFBb4OMVu4Hq-fOP66UlYoej3RDTNbZTn7TadZTkwLOB4Yd9ueFUcxr5e6Myz2HRei_GLFPK712ebKtOxAQjdWew6UkdHglndBC28RkgmVMc89GN7cuRlL5MYpqpTdA?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

После того как вами был выбран медиа-файл, в блоке можно отобразить текст и заголовок:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf7YVn9R6MjGDwH8YEuyvlP8iT6ZOauoa7GWU0XZGUCnfwWfneDnG0QycRGUfU1ZcGlCUesyQRNjgDii845RW3JldwPE83Vx6SSrmCIXTDmobF3_sYR1vdHxdMUQQJ5Zj6ypOCNJg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

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

## Секция "Цитата"

Этот тип блока нужен в случае, если вы хотите выделить цитату отдельно на сайте.

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemXptv0oYmF9gE9T423MIO3Pr2mUIzqjgDjS9GUeGGkxix_PoJiRTr9mIhPn9SGIbfcgvE9-a1PY2qpxuMpHVltgXh13GVuwJJxw1sQz6Sx2BKhgIBgpaJdH2cMYDgzMn_vmv-Qw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Шаблон №1:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcCygkW2tYrIOz1YTyJRRa4X2MFL23nYJ4oFsfaVrwO9nOcTYQZ0d13oEckxJAXRPgxfY2MaroXUevIO10mKevp-bMQT2YhgslcUL0ILHSsHI94xFFOUFThHUQyap4lTU4nTiS0Dg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Шаблон №2:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf3u6t8uRtwJ7mhzup_Fbw-a75RSNN39Au09TkvTJQ9PQsISKR83WryRB5IckxxyXRDlK81CkrEhj2B65aQxg9lHxzAfxMP0py0S_XiGa4cXiMU2d0FJcNdmuYRmiymaVN9NaarPQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Данный блок достаточно прост в настройке и содержит в себе одно текстовое поле для цитаты:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXepQyl4iumJPaODtlUs6nS6slqL_ju8IH41e3wTD2g_acGuX37IDQ-9cSbf1BiEKH1iT-Z7ic6FlLGnU5aWqsURr0MJeFJ5S8-kQ2HhzpqXDQZ86mmrpmRWxjrNpdXVkxPSSQaiXw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

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

Также можно выбрать цвет букв и их выделение.

Выбрать вариант отображения цитаты также можно в настройках:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdZ-w1w-rrqy1dCnNFGK_InmaRh68d6oaIBwuAGJ1T76waKyhJtQiNExkIe_ZUE-zqVVNrKXPmzeNK_dAXwYJ2hFnhrcWSbcfKYK3bRF6YiLiisxWFMT-KO0amQCbhWKcW-xWUE7g?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Варианты отображения:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXewjVugihNxkCoXEGEWZBo-rlxWeKhl27tcN2sbxeqxWNJY8DzOtORW9-e26sec1VQ7mLz3DBdyD6p2iJMyOAY1TX41MRthu1S-y-YLFbvfle727uKBCWAwjSu3IeHkBuJXJzXF6A?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Чтобы выбрать иной шрифт для блока, настроить задний фон и отображение можно воспользоваться настройками контента:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXccRqnu3JJICTmn4Ng-_9wRR5xF66syBFCbs0RcO3QajHyZSTKg0mqglTS2bVc-jYoKGa0RVI54cNyQh1XRQQmteq-AUy2E0W3-1fyPxN7wqU850MkT_SAqpcglEw2IWLAy-E6h?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция "Таймер"

Блок Таймер - то самое интересное решение для вашего сайта с до необходимой даты в режиме анимации:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdapqlalIKnX-A27-pQNafKKf_Z44B8CkqvtrAFYVXsJ7vXVnnmXdae37vgEdrzKANrFwqQ-1sh443En51TBaVx6Ky_Iqve7R1W2DeewdHrxn1WbkPR6gSL0h_ceNBFbmFlZvSO5w?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

В блоке существует два типа таймера:

* Реальный

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXerbpUkRvYCNfMTZ-Q0G-E9Jmo6gP8do4p6lKm6W_WHAxvAsbOXDWqRlM2MEjbPzGh7cDgKczMjN8kq6kechwPFTyDiZvumJfc90R3QlbKtlU2F3pC5EtIwyQUmrawEouEoHt1R?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Как и следует из названия, таймер с типом «реальный» начинает отсчёт времени до заданной даты и времени определенного события.

Например, сегодня 22.04.2025  (вторник); событие - конференция 30 апреля в 15:00.

Выставляем в календаре дату - 30 апреля, в поле времени - 15:00.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfERvqJvy9-bAnUi8N-nw6miMz6yvOHVww0xKghjn8ApZ2k-DXQkRQadzb8p5q5pD_XFWy-EzfRr5riJ7B-pTRM5U4peT9daeK3IKIQI5xZU9b4rL4Ml2i_AfW4xyAXSH-7yMJK6g?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Таким образом, таймер начнет отсчитывать оставшееся до события время:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcafeECSvFydjIzi-ogqkVVnDI44TQQJ7cvwWCMdmOrdRvPdeZtURL74tFqSRlfOQ3HpeEa-Bx5VLS8Pfs-AH1oG02qSJKCKt_tx9Md5GFfg9h_YGa6Kw8bW109cRHnmZK2KQJleQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

* Цикличный

В таймере с типом 'цикличный' не осуществляется автоматический расчет времени: то есть вы самостоятельно выставляете дни и часы в доступных полях и таймер начинает отсчет:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeU0Hhs68wDa1XaQ_-RFhSVJ0_Iyo-ftC0Eoa_SpbgIyTUy91-_0B0DVSE7DJmFEodU_ykynww9Fm0_A1pe9NBS8Qcd_ecO_xmSl8FVDqgSyijjuQX2Cl4xPmZtWpg0CEa7N2FEXA?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Например, ваша скидка на подписку действует в течение недели: вы можете задать в таймере дату окончания акции через 7 дней. Система будет автоматически отсчитывать время до этой даты, начиная с момента настройки.

Также в данном типе таймера существует возможность перезапускать таймер по истечению времени:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcMe4pAxH3_LjC-gaLnZzIbJjyEAsm48JEhh6kkNLpqbqBFQ56CrDqvkHrDDZq0Ltl9S8q0l-YFNRujE6mS8jGLqPuGyRan8ZXVYj0npw1UE4f_KWvQboEzyq_PuL0hfAUHaBpe?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Разница между таймерами с типами «реальный» и «цикличный» заключается в том, что в первом случае отсчёт времени ведётся до определенной даты и времени (до 30.04.2025 15:00), а во втором — по заданным значениям времени (истекает через 7 дней).

Кроме того, для таймера можно выбрать настройки цвета цифр и фона - для этого перейдите в настройки:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfDJtLZBGD-F6G9yYkva41zQ4ZmJnjIt4LnDanxQR5AjFNBZWvy-MwN7nRingyxCjtKD-JIxQlMaZ0YToQns6d59SLzF8PS2-ChhkwlRtCYbj2jMBIxe-8LJksSxCPDhfP4KhJo?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Здесь вы можете настроить отображение миллисекунд, настроить цвет чисел, текста и фона таймера

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeYy2P3zs1oBYD8ID7lmESobje8jFG7Ia8JF52_Mljw4dSI4mXT_gpMgLb98tEb_Y8RAFsuwKqNdtWsU30KR_TF5MlyVPxXhUqR66kRID6WNx7rvZYX-dyT7BRpkZ-acZTYfEjDrg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция "Список"

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

Для этого нажмите в настройках блока "Добавить элемент списка":

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd66zppCo-P-POrbMn3Z58E0zdVRFQazqThCpPWOu71p8lfBqykbVKDFtRhGrxlRFEoRKUtURzelLfyKZwt7W0OGEIKQJrYssI4MbYvTfNOzc9NMybcAhZp31fgEep4YblTsUcm9w?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Здесь можно добавлять любое нужное количество строк для списка, а также вместо текста можно добавить переменную, нажав на фигурные скобки слева:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcmboJr7uxR66vEM8I6aujeA0mR_F0drFK31Y047jAZqDuIQvHfwGhq1ETh8PSMyyFWsAzFxXtDSyW_DBSoxbfprGJQXlB_5mNd7SPcd8zJd7uDlVyaCrHsMKnGKSHCuWMONE3DqQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Стиль текста и списка можно изменить в настройках:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXejp6_FBjjc0vERVm0aHeEY5EWjytmaLEAWm6dOC6jZRqtBi3tiftXRbNUY09NqxdzYKlHS8sjesdZlVVArRF6hXzr60d1spZW6RR8NVo4gAx578Uov6gACNIXm7ED3LIIZQFZMKw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Стиль списка можно выбрать из предложенных: “Без стиля”, “Точка”, “Круг”, “Квадрат”, “Нумерованный список”

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfTxAcuVWB6jdjQCsKz0H4AiGy_ZxgGmWjN1vKyz4kC66gCTcrbsxUd9PuL-t8VhpT-BgI21n9kUTmsc9pTlvZLvyPw38zUtgHVgTqcqU_oLpW6JtMe2U9pUaoy_DR3Y0ODBf0tWQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Можно изменить стиль текста в настройках шрифтов:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfsWf9tAEWzWzk_XBtuaFr0DlHl19_IHIHvSeEqwJMHBK1TaFOAvVOISlUxw8L1NgxDkuSSXJWWCJ_USTpfrNYX1oPA0r-WxbhZIaPNXDQ6ace2X7JYfitvd0M6qWscjNblmBmqPA?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция "Выпадающий текст"

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdoIuz_mg6VpYDdY0DMNyIp4Svv8B7OMdRtW0worpjp_7BeNnCIwl3Gp7C624eUk8Xgir7P8SL1UNzVTXFeBOZmqVys-2sXiV70VcjNtDD-p6eCAm6h9JOocg3XAfM5tgJ6xYKBug?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Можно прописать заголовок и подсказки, а полный текст будет открыт только после нажатия кнопки:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXchaco8JKZ-iWCLvciM6noEIEwyiN19x0ivHTv4-fujRAuHOVC5cKqzKi5IWSchnkM2bRnql1oeVfOe1Fh7_57PWTKEfRDNhYV0DYx-6SxViBGp6pW8GXdpszb6ZN3_Xv6jzBR0yA?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

В конструкторе существуют поля для заголовка, текста, подсказки и полного текста, где для каждого поля можно предусмотреть начертание шрифта, цвет и прочие настройки, аналогичные текстовому редактору:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXesOzRxjhdwnQ8P_JeMUtXC-U221-9pwgBxWKulduVBVCQJ2AMQiYioI_v9GIvAQiEqyjv3GLw4uxFxR9lix0V7O2GxpkZl_URMzZIXndryHdiYG_QL5-XmEHeyI4MgaVuZNUrF?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Затем следует выбрать анимацию для текста: мгновенную или плавную. Для этого перейдите в настройки:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfvshYabg9MoLXepLik21aHtGxKufLOjKvJ5aSq0kQiO7H0IOotkV9K0EtqvcR1Qu2z3FEzxzKgoiHh-3JuykhCsqwde78fm09W1nBWPnVoQf7nlEV7BYcdDstDZKVsVR-g2CiAzg?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

После этого можно настроить стиль шрифта в параметрах шрифта.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdOn-OydwUqekwrSJ3aBGOqfOQ9lCbpf8vwg7ohfheANFE78Q0yryLyH-k9kJmBGJ4BkYro1UN-VSFhEY2Tl7MhiDIzrXZiL34wbXjRDtQ8K5DzD6ef5QLxaIHUSGoLHldyjNbtsw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция "Этапы"

Данный блок поможет отобразить на сайты различные необходимые вам этапы: как для онлайн-курса, так и для любых других нужд:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfZm6hbK6pOKld3qo_xNN4CotYiQpB6oPzznFZimGKs6YTYEGp-MkUzCR4-oDVNWLm_26kvsN4848XF4i4sOL-0jCoFWJGVSNsLDa6mZYyUSB555AmaNyr_OlamFEyDC0szvJl7Kw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Чтобы разместить блок на странице, перейдите в раздел «Добавить новый блок». В этом разделе выберите «Этапы» и можете создать блок с нуля или использовать готовый шаблон:

&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf14pzOLOGLbryhSy3g_vGIPF1zo9xql-ntN0ffU30AWZHpeStzhPHfd3qRc833xkisGFdJWd0SJHv4uUJq65bdxdaVk63j7E5qXXe2Ik3Qh8jsYfD-BiUHnEyF9E3Kxwe2YDlLTQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Чтобы добавить точку этапа в настройках блока, нажмите на одноименную кнопку:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXctRYzsNyT7YP_wkD6jaY_LJD1zz5dGFuuPL8tVcCml0dNUS_g_e4Bl18u_eBKN6Lp1Ge5hgqt4IY9rxcY3gPQuq0eZqf8bJhwZPgQLLe0WD5kbHnjAQO0TQImZS2wJkRMHCFiWbA?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Далее при нажатии на саму точку этапа откроются поля для ввода названия точки, заголовка и текста для данного этапа:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdlukcTyZqLH_wvl9KAXSMvYUQ_eo1X4VK8xOJLkvRxOImJfJA49ET-Zk-mXYffeqe_gzLl9bvFAtEDUOJ3bnvhbgFdjfg4GFwPnrWM5pBZrh-OrrrZ1m1zpRjWxz8XLERf2Q9YCQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Где можно использовать настройки, применимые к каждому тексту отдельно, аналогично любому текстовому редактору (курсив, подчеркивание, цвет букв, выравнивание и т.д.).

После чего выбрать стиль (с рамкой или без). Для этого перейдите в настройки:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfbZ12qkRWKZ1anuietARSCUinxlmxSS5bwEYGl9qxBm6rvkLdsm-NjW51xsWQgfMyLyf_UlYfSXpulaGZldkAUgb9zpm1JxJirpkMuN0wzmQ7E7K-ITVnIoWG_KlEpqa9MVnvV?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Также можно выбрать цвет для каждого отдельного элемента сектора этапа:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc9WrWYZi19XDgCrgSwZKjHD38Krh6-nFdluFE0K0tRizaJ-TKnNBaXqALArbvTVtKSXKt3S_V9hkZOkx6sObHL4GU7g_h_mgt6UJmC6W950uKB1coUzghmo0MQ2Y-MtLBlMZvIWQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

## Секция "Файл"

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd6Bkf_jKMk72_q0ihELOA3QJZW8_3ZmQCOmhZJ98q5YQMcdtsfHCXzYRGlt3z1K47FsPI3qg_TVF3IJOK4VI_mthbbSih_sEPVR0Bj8y1JhJlPT01kpZO2I4L7m1H7HCFNkoveCw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Вы можете предоставить своим пользователям возможность скачивать любые файлы, но их общее количество не должно быть больше 5, а общий размер — не более 20 мегабайт.

Перейдите в настройки и выберите необходимые файлы для загрузки пользователями:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcQ7tmVaG6b3RxKHtzy-kZ8w8nmY4rtRnoDenqf-qG4V2VgnqS56h3G5Nmk7VrsEhPbET14qtxvgUnsUjzr2r1N4g_5ALwKmrVAesGDDirh4kV4T7dT3MMcC0BW7qB4SbOUJ1DiAw?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

Если потребуется, после загрузки аудиофайла, активируйте функцию «Воспроизвести аудио». Тогда при посещении сайта пользователем звук будет воспроизводиться автоматически. Также вы можете включить функции «Запретить скачивание аудио» и «Показывать превью»:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXePGTWNIezQzf4r_PAzJzzFAj0HJYVMeNyHhaJsRKy-hALXFt0ugQF-RTgcqdhFX7rnViGXvH8_LdDjOjWsuA1jwfgPjlNIYeeBiG8I96cGnrRUik_AUQkjfqz-FR-72LfMzxPfMQ?key=vmst0iVr7Ub9n2_9IrMQRuD2" alt=""><figcaption></figcaption></figure>

### Видео-инструкция

{% embed url="<https://youtu.be/M94uqK5KEOE>" %}


---

# 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://docs.salebot.pro/websites/builder/sekcii-bloki/inye-sekcii-saita.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.