Веб-страница состоит из обязательного элемента - раздел. И чтобы начать создавать дизайн, необходимо создать раздел страницы.
Раздел - это часть страницы, имеющая несколько других элементов: текст, изображение, кнопка и т.д. Ваша страница может состоять из одного или несколько разделов.
Как добавить раздел
Во вкладке Веб-сайты > Воронки нажмите на кнопку "Перейти к воронке" и нажмите кнопку "Дизайн". У вас откроется редактор страниц. Нажмите кнопку и создайте первый раздел.
Как настроить раздел
В меню справа раздел имеет две вкладки - Общие настройки и Контейнер. В общие настройки входит:
Высота. Вы можете сделать высоту "Вручную" - тогда вы сможете устанавливать высоту раздела по желанию, смещая вверх или вниз. Или выбрать "Минимум 100% окна" - тогда высота раздела будет равна высоте окна редактора страницы, вы сможете увеличить высоту, но не уменьшить.
Цвет фона - позволяет вам выбрать цвет фона раздела. Вы можете выбирать цвет из палитры, регулировать прозрачность, сохранять созданный цвет фона.
Фоновая картинка - вы можете установить фоновое изображение. Для этого загрузите изображение с компьютера и установите его в качестве фоновой картинки.
Заполнение. Это размещение фоновой картинки внутри раздела. Имеет 4 варианта: авто - разместит картинку автоматически внутри раздела (верхний левый угол картинки совпадает с верхним левым углом раздела), вручную - вы можете устанавливать картинку внутри раздела так, как вам нравится, вместить - размещает картинку целиком внутри раздела, обложка - размещает картинку таким образом, чтобы она заполнила весь раздел.
Повторение. Это повторение картинки внутри одного раздела. Возможны 4 варианта: нет повторений - картинка не повторяется, повторение - картинка повторяется многократно и заполняет полностью раздел, повторение по горизонтали - картинка повторяется многократно, но только по горизонтали, повторение по вертикали - многократное повторение картинки по вертикали.
Позиция и размер. Здесь вы видите кнопку "Показать помощник". Нажмите на кнопку. Теперь вы можете перемещать картинку внутри раздела.
Яркость. Передвигая ползунок, вы можете менять яркость фона и фоновой картинки внутри раздела. При этом остальные элементы в этом разделе не будут менять цвет и яркость.
Условный показ. Данная функция будет скрывать или показывать выбранный элемент от посетителя. Например, если необходимо показать специальное предложение новому пользователю, а затем скрыть это предложение и больше не показывать. Включите "Условный показ". Выберите "Показать" - если необходимо показать раздел, или "Скрыть" - если хотите скрыть его от посетителя. Затем выберите условие: первый визит, повторный визит, продукт имеет спец предложение и уже зарегистрировался.
Вкладка Контейнер для более продвинутых пользователей. Контейнер - это часть веб-страницы, которая включает в себя несколько элементов (кнопка, иконка, текст, изображение и т.д). В контейнере вы можете изменять ширину веб-страницы, фон для контейнера и добавлять фоновое изображение для контейнера.
Ширина. Вы можете выбрать "Авто" - и по ширине раздела автоматически будут добавлены отступы справа и слева или "Полная ширина" - в этом случае расположение элементов на странице может размещаться по всей ширине раздела, без отступов.
Цвет фона. Позволяет вам выбрать цвет фона для контейнера. Вы можете выбирать цвет из палитры, регулировать прозрачность, сохранять созданный цвет фона.
Фоновая картинка. Вы можете установить фоновую картинку для контейнера. Она будет накладываться поверх фонового изображения раздела. Для этого загрузите изображение с компьютера и установите его в качестве фоновой картинки.
Безопасная зона
Раздел страницы содержит выделенную зону - это область видимого участка веб-страницы для всех экранов. Посетители сайтов могут заходить на ваши веб-страницы с различных устройств и размеры экранов этих устройств отличаются. Экраны компьютеров более широкие, чем экраны ноутбуков или планшетов. И на каждом таком устройстве сайт будет отображаться по-разному: на компьютере видимая область сайта будет намного больше, чем на экране планшета.
Безопасная зона - это часть страницы, которую видит посетитель вне зависимости от того, с какого устройства он заходит на сайт.
Безопасная зона имеет фиксированную ширину 1120 px. Все элементы, расположенные в этой зоне, будут видимы для посетителя.
Рекомендуем вам размещать информацию и элементы внутри безопасной зоны. Но если вы уверенны, что ваши посетители заходят на сайт с компьютеров и имеют достаточный размер экрана, тогда можно размещать элементы вне данной области.
Чтобы изменить ширину веб-страницы перейдите во вкладку "Контейнер" и выберите ширину - "Полная ширина".
Как поменять разделы местами
Вы можете менять порядок расположения разделов на вашей странице. Для этого нажмите кнопку "Переместить ниже"/ "Переместить выше", которая располагается на границе выделенного раздела.
