Все коллекции
Дашборд
Приложение Поп-апы
Приложение Поп-апы
Suren avatar
Автор: Suren
Обновлено более недели назад

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

  • Пожалуйста, имейте в виду, что это приложение доступно только для наших платных или пожизненных подписок.

Чтобы начать, перейдите на Дешборд и нажмите на Приложение Поп-апы. Оттуда вы можете создать столько всплывающих окон, сколько захотите, просто нажмите кнопку «Создать Поп-ап» и заполните поля «Заголовок» и «Альяс».

mceclip0.png

Как только вы нажмете «Создать», вы увидите список всех созданных вами всплывающих окон. Затем вы можете настроить, продублировать, отредактировать или удалить ваши всплывающие окна, нажав на соответствующий значок справа.

Нажмите кнопку Открыть Поп-ап, чтобы начать редактирование того, как выглядит ваше всплывающее окно.

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

  • Обратите внимание, что если вы добавите элемент «Аккаунт пользователя», изменения, которые вы примените к элементу, будут применены и к всплывающему окну.

mceclip2.png

Чтобы изменить настройки всплывающих окон, просто нажмите на значок шестеренки в верхнем левом углу экрана. Оттуда вы можете настроить Дизайн поп-апа, Дизайн слоев и Тени поп-апа.

  • Дизайн поп-апа: настройте положение всплывающего окна, стили анимации, добавьте фоновое изображение и измените цвета всплывающего окна.

  • Дизайн слоев: добавьте фон в ваше всплывающее окно и измените его изображение, цвет и уровень размытия.

  • Тени поп-апа: создайте тень для вашего всплывающего окна, используя опцию Enable Shadow. Измените цвет и отрегулируйте положение, растяните и размывайте соответственно.

Назначить всплывающее окно для элемента

Есть определенные элементы, которым вы можете назначить свои всплывающие окна. Включая:

  • Элемент кнопки

  • Элементы изображения (включая Галерею и Слайдер)

  • Икона

Как только вы добавите любой из этих элементов в вашу область редактирования, нажмите на него → Отредактировать ссылку → Поп-ап. Оттуда вы можете выбрать, какое всплывающее окно вы хотите назначить для вашего элемента.

mceclip3.png

После того, как вы выбрали всплывающее окно, вы можете отредактировать его, нажав опцию Открыть поп-ап.

mceclip4.png

Вот и все! Как только вы закончите, нажмите «Сохранить» и вы можете увидеть как выглядит ваше всплывающее окно, нажав «Первью» на левой панели, затем щелкнув на элемент, которому вы прикрепили свое всплывающее окно!

Правила активации

С помощью правил запуска вы можете отображать всплывающее окно прямо на своем веб-сайте.

Начните кампанию по сбору эл. адресов, добавив элементы " Подписка" или "Форма" во всплывающее окно, объявите об обновлениях или просто добавьте приятное поздравительное сообщение для ваших посетителей. Все зависит только от вашего креатива.

Чтобы сделать ваше всплывающее окно видимым на ваших страницах, вы должны:

  1. Выбрать Правила Страницы,

  2. Ввести инициированный URL-адрес,

  3. Установить время его появления.

Правила Страницы.

Давайте рассмотрим правила, которые вы можете установить для своих страниц один за другим:

  • Является: Ваш ПопАп будет отображаться только на выбранной вами странице.

  • Не является: ПопАп будет отображаться на всех страницах, кроме выбранной.

  • Начинается с: Окно будет появляться только на тех страницах, URL-адрес которых начинается с выбранного альяса,
    например: mysite.com/store/products/sale

  • Заканчивается с: Окно будет появляться только на тех страницах, которые заканчиваются указаным альясом,
    например: mysite.com/store/products/sale

  • Включает в себя: Сообщение будет видно на всех страницах, содержащих добавленный вами альяс.
    например: mysite.com/store/products/sale

  • Не включает в себя: Будет скрыт со страниц, содержащих альяс.

Как только правило установлено, вам нужно ввести Альяс страницы. Чтобы увидеть альяс страницы, откройте приложение Страницы на Дешборде > наведите на нужную страницу и нажмите кнопку Редактировать.

Примечание: Альяс может содержать только строчные буквы, цифры и тире.

Мы почти закончили. Все, что вам осталось - это установить время появления всплывающего окна на Вашей странице, после ее откытия.

Обратите внимание, что вы используете только натуральные числа, {1, 2, 3...}.

Вот и все! Вы можете включить или отключить настройки запуска, когда захотите.

Мы также рекомендуем ознакомиться с этими Статьями, чтобы лучше познакомится с Ucraft!

И всегда помните, мы всего в шаге от нас! Нажмите на окно чата в правом нижнем углу, и наша служба поддержки будет рада помочь вам!

Нашли ответ на свой вопрос?