Настройки всплывающей формы

Следующие настройки определяют внешний вид и поведение всплывающих форм. Их можно задать при создании формы вместе с настройками, которые применяются как ко всплывающим, так и ко встроенным формам.

Настройка отображения формы

Настройка Отображение формы определяет, как форма отображается в вашем магазине.

Настройки раздела отображения всплывающих форм.
НастройкаОписание
ПлавающаяОтображает тизер и форму в виде плавающего раздела на витрине и позволяет выбрать положение формы в магазине.
НаложениеОтображает форму посередине страницы и применяет Цвет наложения к остальной части витрины.

Настройки тизера

Настройки Тизер определяют, когда будет отображаться тизер вашей формы. Раздел тизера — это небольшое всплывающее окно, которое отображается в вашем магазине. Если клиент нажимает на тизер, открывается форма.

Настройки раздела тизера для всплывающих форм.
НастройкаОписание
ПоказыватьОпределяет, когда раздел тизера отображается для клиентов.
  • Сначала (перед формой): отображает раздел тизера перед формой.
  • Сначала (перед формой) и если клиент закрывает форму: отображает раздел тизера перед формой, а также отображает тизер, если клиент закрывает форму.
  • Если клиент закрывает форму без подписки: отображает раздел тизера, если клиент закрывает форму, не заполнив ее.
  • Никогда: скрывает раздел тизера от всех клиентов. Если клиент закрывает форму, не заполнив ее, он не сможет получить к ней доступ снова.
Положение в магазинеОпределяет, где в магазине будет отображаться тизер. Варианты отображения (повернуто) отображают раздел тизера на боку.
ЗаголовокТекст, который отображается в разделе тизера.

Настройки стиля

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

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

Настройки раздела стиля для всплывающих форм.
НастройкаОписание
ЦветаИзмените цвет фона формы, текста, активного поля, текста кнопки и сообщений об ошибках, чтобы они соответствовали вашему бренду и теме.
Поля формыВыберите белый или прозрачный фон.
ТипографикаВыберите шрифт, который вы хотите использовать для заголовка и основного текста.

Настройки изображения

Настройки Изображение определяют, будет ли отображаться изображение в вашей форме, а также влияют на размещение и внешний вид изображения.

Настройки раздела изображения для всплывающих форм.
НастройкаОписание
Вариант изображенияГде отображается изображение в вашей форме.
ИзображениеЭто поле отображается, если вы выбрали Фоновое изображение, Изображение слева или Изображение справа. Нажмите Добавить изображение, чтобы загрузить изображение с вашего устройства.
МасштабЭто поле отображается, если вы добавляете изображение в свою форму. Вы можете выбрать, как будет отображаться изображение.
Непрозрачность изображенияЭто поле отображается, если вы выбрали Фоновое изображение. Вы можете выбрать непрозрачность изображения с помощью ползунка. При значении 100 отображается только загруженное вами изображение. Уменьшение непрозрачности затеняет изображение цветом фона, заданным в разделе Цвета.

Настройки поведения

Настройки Поведение определяют, когда и где отображается ваша форма.

Настройки раздела поведения для всплывающих форм.
НастройкаОписание
УстройстваВыберите, должна ли форма отображаться на всех устройствах, только на компьютерах или только на мобильных устройствах.
СтраницыВыберите, хотите ли вы отображать форму на всех страницах или только на страницах определенных типов. Например, можно отображать форму только на страницах Коллекция или Товар.
ТриггерВы можете настроить отображение формы при первом, втором или третьем просмотре страницы — сразу или с задержкой. В этом разделе вы также можете установить флажок Показывать форму при попытке посетителя покинуть страницу (только для компьютеров). Если этот флажок установлен, форма отображается, когда посетитель перемещает курсор к адресной строке.