Как настроить дизайн pop-up окна (МультиЧат)

AI-саммари
  • Перейдите в Настройки → МультиЧат → Ловцы лидов и нажмите «Настроить дизайн pop-up окна». Выберите один из четырех шаблонов, настройте цвета, обводку и тени.
  • Если используете шаблон с изображением, загрузите его при настройке конкретного pop-up окна. Поддерживаются форматы .jpg и .png (для шаблона с прозрачным фоном — только .png).
  • После настройки дизайна сохраните изменения и проверьте отображение pop-up в режиме Инкогнито, предварительно закрыв все вкладки сайта.

Важно: Требования к изображению: размер от 1150×500 до 4600×2000 px, максимальный размер файла — 0,5 МБ.

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

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

e4610e7531397ec6dd2bdd0abaf9941a61bb4d91.png

После этого откроется редактор.

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

Минимальный размер изображения — 1150px на 500px, максимальный — 4600px на 2000px. Максимальный вес файла 0,5 Мб.

  • Все изменения появятся в предпросмотре:
    yyyyuuu.png
  • Перейдите во вторую вкладку, чтобы настроить цвета — их можно выбрать для любого элемента pop-up окна:
    ddddd.png
  • Выберите оттенки вручную или введите код нужного цвета.

Переключите слайдеры под предпросмотром, чтобы настроить обводку и тени:

f1644e91d3af032e5e4e2bb76fc9aff3c511747e.png
Готово! Дизайн поп-ап окон настроен.

Вы можете проверить их отображение в режиме Инкогнито, предварительно закрыв все вкладки с сайтом. Только в таком случае кэш браузера не помешает корректному отображению ловцов на сайте.

Не забудьте в настройках pop-up окон выбрать группу операторов, которые получат Обратный звонок от клиента.

03b0b3beae1bc16f6640ec3ebc7088144f9f5acf.png

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

dwvae.png

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

Изучите эту инструкцию в видеоформате:

Не получилось найти решение?

Напишите нам — проконсультируем и обязательно поможем!

CallibriCallibriCallibriCallibriCallibriCallibri

Была ли полезна статья?

Как настроить дизайн pop-up окна (МультиЧат)

AI-саммари
  • Перейдите в Настройки → МультиЧат → Ловцы лидов и нажмите «Настроить дизайн pop-up окна». Выберите один из четырех шаблонов, настройте цвета, обводку и тени.
  • Если используете шаблон с изображением, загрузите его при настройке конкретного pop-up окна. Поддерживаются форматы .jpg и .png (для шаблона с прозрачным фоном — только .png).
  • После настройки дизайна сохраните изменения и проверьте отображение pop-up в режиме Инкогнито, предварительно закрыв все вкладки сайта.

Важно: Требования к изображению: размер от 1150×500 до 4600×2000 px, максимальный размер файла — 0,5 МБ.

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

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

e4610e7531397ec6dd2bdd0abaf9941a61bb4d91.png

После этого откроется редактор.

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

Минимальный размер изображения — 1150px на 500px, максимальный — 4600px на 2000px. Максимальный вес файла 0,5 Мб.

  • Все изменения появятся в предпросмотре:
    yyyyuuu.png
  • Перейдите во вторую вкладку, чтобы настроить цвета — их можно выбрать для любого элемента pop-up окна:
    ddddd.png
  • Выберите оттенки вручную или введите код нужного цвета.

Переключите слайдеры под предпросмотром, чтобы настроить обводку и тени:

f1644e91d3af032e5e4e2bb76fc9aff3c511747e.png
Готово! Дизайн поп-ап окон настроен.

Вы можете проверить их отображение в режиме Инкогнито, предварительно закрыв все вкладки с сайтом. Только в таком случае кэш браузера не помешает корректному отображению ловцов на сайте.

Не забудьте в настройках pop-up окон выбрать группу операторов, которые получат Обратный звонок от клиента.

03b0b3beae1bc16f6640ec3ebc7088144f9f5acf.png

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

dwvae.png

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

Изучите эту инструкцию в видеоформате:

Не получилось найти решение?

Напишите нам — проконсультируем и обязательно поможем!

CallibriCallibriCallibriCallibriCallibriCallibri

Была ли полезна статья?