Как настроить дизайн pop-up окна

Pop-up окно настраивается в разделе Настройки — МультиЧат — Ловцы лидов, вместе с крючками и подменой контента.

Чтобы настроить его внешний вид, нажмите кнопку Настроить дизайн pop-up окна в левом верхнем углу раздела:
jgfgu.png
jgfgu.png 111.41 KB

После этого откроется редактор.
  • В первой вкладке выберите шаблон: есть четыре варианта с разным отображением блоков. Вы можете оставить только текст и форму сбора контактов, а можете добавить изображение:
    cxzczcx.png
    cxzczcx.png 87.33 KB
    • Верхние карточки — pop-up без изображений, можно добавить только текст; они отличаются тем, что в первом случае форма сбора контактов выделяется другим цветом, а во втором — нет.
    • Нижняя левая карточка — pop-up с картинкой с непрозрачным фоном. Ее можно загрузить в формате .jpg или .png. Если у картинки прозрачный фон, он станет белым.
    • Нижняя правая карточка — pop-up с картинкой с прозрачным фоном. Изображение должно быть в формате .png.

      Само изображение загружается при настройке конкретного pop-up окна:
      bbbbvvv.png
      bbbbvvv.png 185.97 KB


      Минимальный размер изображения — 1150px на 500px, максимальный — 4600px на 2000px. Максимальный вес файла 0,5 Мб.
  • Все изменения появятся в предпросмотре:
    yyyyuuu.png
    yyyyuuu.png 130.17 KB
  • Перейдите во вторую вкладку, чтобы настроить цвета — их можно выбрать для любого элемента pop-up окна:
    ddddd.png
    ddddd.png 166.13 KB

    Выберите оттенки вручную или введите код нужного цвета. 
  • Переключите слайдеры под предпросмотром, чтобы настроить обводку и тени:
    sasasass.png
    sasasass.png 282.45 KB
Готово!

Если вы хотите провести А/Б-тестирование текстов и изображений в pop-up окнах, перейдите в группу ловцов, поставьте галочку в чек-боксе «Включить А/Б-тестирование», а затем укажите тексты и изображения для эксперимента в настройках pop-up окон:
dwvae.png
dwvae.png 211.87 KB

Подробнее о настройке ловцов лидов и А/Б-тестировании читайте в инструкции.

Изучите эту инструкцию в видеоформате:
Связанные страницы
Не нашли решение проблемы? Обратитесь в техподдержку, мы поможем
Apteka