Первый экран - на многих сайтах используется только этот тип секции. Причина в том, что так вы передали основной смысл, который без лишних слов понятен посетителю, например, в ней говорится "Первый год обучения в школе английского языка - бесплатно!". Данной информации достаточно, чтобы посетитель понял какой продукт у вас и он уже будет иметь общие представления о нем. В результате он с больше вероятностью захочет вам позвонить или написать, чтобы уточнить какие-то детали.
Среди шаблонных секций вы можете выбрать уже готовый первый экран и просто изменить его под свои потребности. Подробнее о добавлении секций написано в инструкции "Создание страницы".
В этой инструкции мы создадим такую секцию с нуля и подберем все необходимые настройки у виджетов и секций так, чтобы она становилась похожей на шаблонную, но все же кое-что изменим.
Собираем секцию
1. Первой добавим шаблонную секцию, она будет служить примером, а за ней пустую секцию.
2. Теперь нужно понять, какие виджеты уже добавлены в шаблонную секцию. Для этого просто водим мышкой по секции и смотрим, какие названия присутствуют у виджетов.
В секции есть следующие виджеты
Первый виджет "Колонка" разделенный на три части:
- В левой части колонки виджет "Иконка с текстом";
- В средней колонке виджет "Текст";
- В правой колонке виджет "Кнопка".
Второй виджет "Колонка" разделенный на две части:
- В левой колонка три простых виджета "Текст" и виджет "Счетчик";
- В правой колонке виджет "Блок" и в нем виджет "Форма".
3. Повторим структуру шаблонной секции добавляя виджеты в пустую.
4. Напишем в виджетах "Текст" тот же самый текст, что и в шаблоне. Можно сделать это несколькими способами:
- Продублировать виджеты "Текст" из шаблонной секции;
- Скопировать только текст и вставить его в новые виджеты;
- Написать текст вручную или скопировать только чистый текст, без стилей, задавая стили вручную.
5. Осталось настроить отображения секции и виджетов в ней. Для этого будем подсматривать какие параметры установлены в шаблонной секции и устанавливать в своей аналогичные.
6. Когда дизайн в новой секции стал точно таким же как в шаблонной, внесем в нее некоторые свои изменения:
- Растянем секцию по ширине экрана, для этого перейдем в настройки секции и выберем вкладку ”Параметры”, на ней поставим галочку возле пункта ”Растянуть по ширине экрана”;
- Для второго виджета ”Колонки” добавим виджет ”Ограничитель ширины”, чтобы ширина оставалась такой же, как в шаблонной секции;
- Также добавим растягивание по высоте экрана, чтобы секция на любом экране всегда была полной и уберем отступы снизу и сверху;
- Изменим цвет фона и включим движущиеся частицы подобрав подходящие параметры отображения частиц.
7. Чтобы посетитель сайта мог видеть новую секцию, нужно повторно опубликовать страницу.
Ссылки на пример страницы в редакторе и на опубликованный вариант.