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

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

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

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

      Само изображение загружается при настройке конкретного pop-up окна:
      Дизайн без названия (122).png
      Дизайн без названия (122).png 250.4 KB


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

    Выберите оттенки вручную или введите код нужного цвета. 
  • Переключите слайдеры под предпросмотром, чтобы настроить обводку и тени:
    Настройка оформления pop-up окна в редакторе
    Настройка оформления pop-up окна в редакторе
Готово!

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

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

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