S Subster
RUEN

Оформление: тема и стиль

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

Что где настраивается

Оформление живёт на трёх уровнях. Настройка блока важнее настройки экрана, а настройка экрана важнее темы и стиля всей части:

УровеньЧто меняетсяГде
часть воронки целикомтема — цвета, фон и шрифт; стиль — форма; логотип; иконка вкладкикнопки «Тема» и «Стиль» в верхней строке, поля под вкладками «Слои» и «Блоки»
экранфон и расположение содержимоговкладка «Экран» в правой колонке
блокшрифт, цвета, фон, скругление, отступысвойства блока в правой колонке

Например, цвет фона экрана перекрывает тему только на этом экране, а «Шрифт блока» — шрифт воронки только в этом блоке.

Квиз и экран с ценами оформляются отдельно. Тему, логотип и иконку вкладки задайте в каждой части, переключаясь «Квиз | Пейволл» в верхней строке. Стиль выбирайте в квизе: внутри воронки экран с ценами показывается в стиле квиза.

Посетители увидят оформление после публикации, как и любую правку.

Тема: цвета, фон и шрифт

Кнопка темы стоит в верхней строке. На ней «Тема», если тема не выбрана, название темы, если выбрана, или «Своя палитра», если цвета воронки подбирал ИИ и они уже не совпадают ни с одной темой.

  1. Нажмите кнопку темы — откроется окно «Тема оформления».
  2. При желании сузьте выбор фильтром «Тёмные», «Светлые» или «Яркие».
  3. Щёлкните тему — она применится сразу.

Названия тем английские. Карточка «Без темы» снимает тему.

Если на кнопке «Своя палитра», любая тема из окна сотрёт цвета от ИИ вместе с его фоном и цветом текста; вернуть их можно только отменой, пока вы не перезагрузили страницу. Шрифт, который выбрал ИИ, тема не меняет.

Стиль: форма

Кнопка «Стиль» открывает окно «Стиль оформления» с 12 стилями. Стиль задаёт форму: скругления, плотность, размер заголовков, вид кнопки, полосы прогресса и кнопки «Назад», место логотипа. Цвет остаётся за темой, так что их можно сочетать. «Без оформления» возвращает вид по умолчанию.

Цвет кнопок или шрифт всей воронки

Отдельных полей для цвета кнопок, фона или шрифта всей воронки в конструкторе нет — их задаёт тема. Чтобы поменять что-то одно, напишите в ИИ-редактор внизу левой колонки, например «сделай кнопки зелёными» или «поставь шрифт Montserrat». Ход платный, цена написана под полем ввода. После смены цветов на кнопке темы появится «Своя палитра».

Фон экрана

  1. Щёлкните любой блок экрана и наверху правой колонки переключите «Блок | Экран» на «Экран». У экрана без блоков этой вкладки нет — сначала добавьте блок.
  2. В разделе «Фон экрана» задайте цвет, градиент или картинку: ссылкой, кнопкой «Загрузить с компьютера» или из «Ваш медиа-хаб».
  3. Для картинки там же выберите, как её показывать и затемнять.
  4. «Расположение контента» сдвигает содержимое экрана по вертикали и горизонтали.

Оформление блока

Шрифт, цвета текста и заливки, фон блока, скругление и отступы задаются в свойствах выбранного блока. Шрифт выбирается в поле «Шрифт блока». Что настраивается у каждого блока — в справочнике «Блоки конструктора».

Логотип и иконка вкладки

Оба поля стоят в левой колонке, сразу под вкладками «Слои» и «Блоки».

Подсказка у иконки вкладки неточна: логотип задаётся не в «Стиле», а полем «Логотип воронки».

Картинка-стиль

Картинка-стиль — скриншот вашего приложения, по которому ИИ повторяет дизайн новой воронки. Поле есть только в окне генерации ИИ, в режиме «Pro», и только на тарифе Pro — Сгенерировать воронку ИИ. В конструкторе такого поля нет. Готовой воронке скриншот можно приложить скрепкой к правке в ИИ-редакторе, тоже с тарифа Pro.

Как вернуть как было

Дальше