Дизайн воронки

Общее

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

Интерфейс настройки дизайна состоит из превью воронки по центру и панелей настроек.

Чтобы перейти в режим настройки дизайна, нажмите на иконку палитры в панели инструментов

Панели настройки отображения

В верхней и нижней панелях находятся настройки отображения превью воронки, а также некоторые действия:

Операция
Описание
  1. Масштаб

Увеличивайте или уменьшайте превью воронки

  1. Сохранить как шаблон

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

  1. Скрыть интерфейс

Скрывает правую и левую панель

  1. Выйти из режима настройки дизайна

Возвращает вас обратно в рабочее пространство

  1. Переключатель: Сайт / Виджеты

Переключить превью на отображение сайта или виджетов

  1. Переключатель: Моб / Веб

Переключить превью на отображение воронки в мобильной или веб версии

Выбрать шаблон дизайн-темы

Вы можете применить к воронке готовый шаблон настроек дизайна. Для этого в левой панели перейдите на вкладку “Темы дизайна” и выберите шаблон.

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

Сохранить тему как шаблон

Вы можете сохранить свои настройки дизайна как шаблон темы, чтобы потом использовать его, например, в другой воронке. Для этого нажмите "Сохранить как шаблон".

Вы можете создать новый шаблон дизайн-темы или же заменить уже существующий шаблон.

Посмотреть типы шагов

Вы можете посмотреть как выглядят разные типы шагов с указанными вами настройками дизайна. Для этого в левой панели перейдите на вкладку “Шаги” и выберите тип шага.

Настройки дизайна

Панель настроек дизайна состоит из нескольких блоков:

Блок настроек
Описание

Фон сайта

  1. Акцентный цвет (подробнее)

Цвет кнопок и других интерактивных элементов

  1. Скругление (подробнее)

Скругления кнопок и других форм

  1. Дизайн шага (подробнее)

Настройки фона интерактивного блока шага

  1. Текстовые поля (подробнее)

Настройки текстовых полей

Last updated