Настраиваем блоки воронки

Рассмотрим общие настройки для всех блоков воронки.

1. Цветовая схема

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

- из стандартных цветовых схем (Светлая, Умеренная или Тёмная) 

- создав свою (Пользовательскую). 

Для создания своей цветовой схемы выберите в выпадающем списке "Пользовательская" и нажмите "Редактировать цветовую схему" (рис. 1). Укажите нужный цвет фона, текста и кнопок и сохраните настройки.

Рисунок 1.

2. Фоновое изображение - Иконка

В этом пункте настроек можно выбрать фоновое изображение блока. При нажатии на кнопку "Обновить изображение" откроется меню управления изображением, через которое можно:

• загрузить изображение с компьютера

• загрузить по ссылке

• загрузить изображение из галереи

• удалить изображение

Внимание: 

При загрузке из галереи изображения с ресурса www.pexels.com. Все изображения из этого источника являются полностью бесплатными для коммерческого использования (рис. 2).

Рисунок 2.

3. Показ и скрытие блока

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

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

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

Показывать на всех страницах - если данная галочка установлена, блок будет отображаться на всех страницах воронки.

4. Заголовки

Добавить заголовок

- Добавляет блок заголовок H2.

Добавить подзаголовок

- Добавляет блок заголовок H3.

Эти заголовки можно редактировать на странице самой воронки (при включенном inplace-редактировании) (рис. 3):

Рисунок 3.  

5. Отступы

Отступ сверху - задаёт для блока величину пустого отступа в пикселях сверху.

Отступ снизу - задаёт для блока величину пустого отступа в пикселях снизу.

Отступы выглядят следующим образом (рис. 4):

Рисунок 4.

6. Ширина блока

Здесь можно настроить ширину содержимого блока.

Ширина блока измеряется в условных единицах - колонках. Минимальная ширина блока - 1 колонка, максимальная - 12 колонок. Пример отображения содержимого блока в 1 колонку и в 12 колонок (рис. 5):

Рисунок 5.