← Назад

Обзор функций

FAQ

Динамические секции

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

Сложность ∙ Легко

Содержание:

Размещение секции в редакторе
Обзор основных функций
Шаблоны динамических секций
Часто задаваемые вопросы

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

I. Размещение секции в редакторе

Для создания динамической секции, нажмите на "+" между любыми двумя секциями:

Добавление динамической секции в редакторе сайта

Откройте вкладку "Динамические":

Вкладка с динамическими секциями в режиме добавления секций

В панели слева кликните по нужной категории и выберите подходящий шаблон, нажав на него:

Выбор подходящего шаблона динамической секции

Секция появится в редакторе:

Добавленная в редактор сайта динамическая секция

II. Обзор основных функций

У большинства динамических секций имеется несколько вариантов оформления и расположения элементов.

Добавив секцию в редактор, вы сможете переключаться между этими вариантами с помощью стрелок в меню:

Обратите внимание:
Вариант оформления можно поменять в любой момент. При смене сбрасываются некоторые установленные цвета и шрифты. Добавленные тексты и картинки не пропадут.

Кликните по тексту в определенном месте секции, чтобы отредактировать его:

Редактирование текста в динамической секции

Изменить большую часть параметров у этой секции можно через ее настройки. Открыть их можно, кликнув по кнопке:

Или сделав двойной клик по свободной части секции.

С правой стороны экрана откроется панель настроек:

У каждого типа динамической секции имеются свои уникальные вкладки и параметры настроек.

Нажмите на кнопку "•••", чтобы открыть опции определенного параметра:

Такие панели настроек вы можете перемещать по экрану редактора:

Перемещение панели настроек динамической секции

Здесь вы задаёте все необходимые параметры. Чтобы включить-выключить какой-либо параметр, нажмите на переключатель:

Включение и отключение параметров в динамической секции

В шаблонах секций с повторяющимися карточками есть списки элементов/пунктов:

Список карточек в настройках динамической секции

Чтобы изменить элемент в списке, нажмите на "•••". Откроются его настройки:

Редактирование карточек в настройках динамической секции

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

Изменения порядка карточек в настройках динамической секции

ВАЖНО!
Кнопка "Сбросить настройки" сбрасывает все измененные параметры в секции и откатывает ее до состояния, когда секция была только добавлена в редактор.

III. Шаблоны динамических секций

Сейчас у нас имеется 14 категорий шаблонов динамических секций, рассмотрим их по порядку.

1. Меню

Здесь вы можете найти несколько вариантов меню для вашего сайта.

1.1 Двухуровневое меню — самый удобный вариант меню для многостраничных сайтов. Его функционал подробно рассмотрен в инструкции.

1.2 Многоуровневое меню — вариант меню с 3мя уровнями выпадающих пунктов. Рассмотрен в инструкции.

1.3 Боковое меню для ПК — отлично подходит для размещения ваших контактов и других полезных ссылок. Рассмотрено в инструкции.

1.4 Меню с вертикальной шторкой — меню сайта, которое открывается сбоку сайта. Подробную информацию о нем можно найти в статье.

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

2. Первый экран

Первый экран — это то, что посетитель сайта увидит сразу при входе на сайт. Именно от него зависит, заинтересуют ли потенциального клиента ваши услуги.

Первый экран сайта на динамических секциях

Здесь имеются такие шаблоны:

2.1 Простые секции с кнопкой — самый простой, но в тоже время эффективный вариант первого экрана. Фоновое изображение, 2 поля для заголовка/подзаголовка и всплывающая форма, которую можно заменить на кнопку для прокрутки вглубь сайта. Отображение кнопки при необходимости можно отключить.

2.2 Первый экран с преимуществами — гибрид прошлого шаблона и секции с преимуществами. Позволяет сразу показать посетителю сильные стороны вашей компании.

2.3 Слайдер первого экрана — позволяет создать несколько первых экранов в виде слайдера с разным содержанием. Имеет поле для размещения стандартных блоков редактора.

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

2.5 Первый экран - стандарт — улучшенная и доработанная версия шаблона "Первый экран с преимуществами".

2.6 Первый экран - слайдер — улучшенная и доработанная версия шаблона "Слайдер первого экрана".

2.7 Первый экран - двойной экран — улучшенная версия первого экрана с использованием эффекта разделения секции на 2 части.

3. Квиз

Шаблон секции "Quiz 2.0", который подробно описан в инструкции.

4. Преимущества

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

Шаблон динамической секции "Преимущества"

В этой категории имеются такие шаблоны:

4.1 Простые карточки преимуществ — создает секцию, в которой вы можете разместить информацию о преимуществах в виде карточек.

4.2 С фоновой картинкой — имеет схожую с прошлым шаблоном структуру, но здесь фоновое изображение размещается с боку секции.

4.3 Анимированные счетчики — здесь вы можете указать информацию о вашей компании в цифрах. При прокрутке к секции будет воспроизводиться анимация:

Динамическая секция с анимированными счётчиками

4.4 Преимущества - карточки — улучшенный и доработанный вариант шаблона "Простые карточки преимуществ".

4.5 Преимущества - двойной экран — улучшенная версия секции преимуществ с использованием эффекта разделения на 2 части.

4.6 Преимущества - с кнопками — улучшенный и доработанный вариант шаблона "Простые карточки преимуществ" с добавлением встроенных кнопок.

4.7 Преимущества - слайдер — улучшенный и доработанный шаблон секции преимуществ с добавлением слайдера.

4.8 Преимущества - плитка — секция преимуществ с необычным расположением элементов.

4.9 Преимущества - счетчики — улучшенная и доработанная версия шаблона "Анимированные счетчики".

5. Контент, статьи, блог

Желаете разместить на сайте новостную ленту со ссылками на статьи? Данная категория шаблонов поможет вам сделать это.

Шаблоны динамической секции для контента, статей и блога

Здесь имеются такие шаблоны:

5.1 Список статей — шаблон с готовым оформлением примеров статей. В нем вы сможете настроить не только сами карточки, то положение этих карточек в секции.

5.2 Секция плитка — позволяет разместить новости по одной в строку, изображения для статей размещаются в шахматном порядке. В пустых слотах есть место для размещения блоков редактора.

5.3 Адаптивная сетка со слотами — пустой шаблон секции, где вы сможете с нуля разместить карточки новостей внутри сетки с заданными размерами. Имеет дополнительные поля шапки и подвала для размещения контента.

Динамическая секция адаптивная сетка со слотами

6. Услуги

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

7. Отзывы

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

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

8. Галерея

Желаете разместить на сайте галерею работ или выполненных услуг? Шаблоны этой категории помогут вам в этом!

8.1 Большие фото в слайдере — добавляет на сайт секцию с большим слайдером по центру и карточкой для подписи к нему.

Шаблон динамической секции Большие фото в слайдере

8.2 Сетки фотографий — отлично подходит для случаев, когда нужно разместить на сайте большое количество картинок

Шаблон динамической секции с сеткой фотографий

8.3 Слайдер До/После — хотите показать результаты своих услуг в контрасте с первоначальными данными? Этот шаблон поможет вам!

Шаблон динамической секции со слайдером до/после

8.4 Галерея - гармошка — секция для яркого и необычного представления ваших работ на сайте.
При наведении выбранная картинка растягивается,  а соседние изображения сжимаются, как в гармошке.

8.5 Галерея - сетка — улучшенная и доработанная версия шаблона "Сетки фотографий".

9. Товарный каталог

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

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

Динамическая секция с товарным каталогом

9.1 Товары в слайдере — товары размещаются на сайте внутри слайдера. Для просмотра каталога требуется прокручивать этот слайдер.

9.2 Товары с категориями-якорями — шаблон с вертикальным расположением товаров и меню для прокрутки к категориям. Для корректной работы этой секции у вас обязательно должны быть настроены категории на товарах.

9.3 Товары в ряд с фоном карточки — стандартная секция-каталог, товары размещаются вертикально друг за другом. Отлично подходит для размещения большого количества товаров.

9.4 Товары с параметрами — улучшенная версия прошлого шаблона, позволяет отображать варианты товаров. Также имеет функционал фильтров, поиска по названию товаров и сортировке каталога.

9.5 Товары с параметрами без корзины — секция-каталог, заказ в которой производится через блоки "форма". Товарный каталог подгружается в нее из раздела "Товары" управления сайтом. Корзина в этой секции не используется.

9.6 Товарная секция с одним товаром — шаблон, специально созданный для размещения на отдельных страницах товаров. Позволяет отобразить и подробно описать один конкретный товар корзины.

10. Этапы работ

Шаблон позволит вам показать процесс взаимодействия с клиентами и выполнения их заказов.

11. Вкладки

Желаете разместить на сайте большое количество схожего контента компактно? Сделайте это с помощью вкладок!

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

Динамическая секция с вкладками для блоков

12. Частые вопросы (спойлеры)

Этот шаблон представляет из себя секцию со спойлерами. При нажатии на спойлер открывается или закрывается окно с размещенным контентом. Удобнее всего его использовать для ответа на частые вопросы ваших клиентов.

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

13. Виджеты

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

13.1 "Cookies-уведомления"

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

Данный шаблон должен обязательно иметься на любом сайте, действующем на территории Евросоюза согласно cookie-law и GDRP. Для сайтов, работающих на территории РФ он обязательным не является.

Динамическая секция со куки-уведомлением

13.2 "Видео-виджет", функционал которой мы подробно рассмотрели в инструкции.

13.3 Кнопка "Наверх" — Кнопка возвращает посетителя вверх страницы и позволяет ещё раз посмотреть главный экран с призывом к действию. Описана в инструкции.

13.4 POP-UP — секция ловца лидов, подробно рассмотрена в инструкции.

13.5 Модуль "плавающее окно" — новая версия виджета "Только что купили", рассмотрена в инструкции.

13.6 "Виджет социальных сетей", которую мы рассмотрели в инструкции.

13.7 Геотаргетинг — позволяет подставлять название города посетителя в любой текст на сайте. Функционал подробно описан в инструкции.

14. Разные секции

Здесь находится один шаблон — переходы секций.

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

Динамическая секция для перехода к другим секциям

Часто задаваемые вопросы:

1. Можно ли конвертировать динамические секции в свободные?

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

2. Можно ли менять положение контента в динамических секциях?

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

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