Всплывающие окна (pop-up). Добавление поп-апа

Youtube video

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

Добавить поп-ап очень просто. Для этого перейдите в раздел Контент/Информация дилера/Всплывающие окна и добавьте новый элемент.

Image 307


В поп-апе можно задать следующие настройки:

Image 308


Начало/Окончание активности – даты активности поп-апа. Если поставить дату окончания активности, поп-ап отключится автоматически.

Временной интервал – в какое время и по каким дням недели поп-ап будет отображаться на сайте.

Страница – ссылка страницы, на которой поп-ап будет отображаться. 

Чтобы поп-ап выводился только на главной, указываем «/», чтобы на всех страницах «/*»

Если вы хотите, чтобы поп-ап отображался в каком-то разделе и на всех его внутренних страницах, указываем «раздел/*». Например, чтобы поп-ап отображался в разделе акций, а также внутри каждой акции, указываем «/services/specials/*».

Для того, чтобы исключить показ всплывающего окна на страницах, нужно перед адресом страницы поставить «!»
Примеры:

Показывать на всех страницах, кроме раздела акций:

/*
!/services/specials/*


Показывать на всех акциях, кроме одной:

/services/specials/*
!/services/specials/special_offer_loyalty/


Image 309


Тип – тут нужно отметить, какие именно функции поп-апа будут использоваться: изображение, текст, обратный отсчет и форма. Если задать настройки полей, например, формы или обратного отсчета, но не поставить галочку, то форма или обратный отсчет не отобразятся.

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

Сколько раз показывать? – количество показов для 1-го пользователя

Не показывать снова – если посетитель закроет поп-ап, нажав на «больше не показывать», для него поп-ап больше отображаться не будет.

Время до закрытия – Количество секунд, после которого поп-ап закроется автоматически.

Изображение – картинка стандартного формата 620х372px

Дилерский центр – в случае, если на сайте 2 и более дилерских центра, нужно обязательно выбрать ваш дилерский центр. Если дилерский центр один, его можно не указывать.

Обратный отсчет до – отсчет таймера будет вестись в соответствии с указанной датой и временем.

Текст обратного отсчета – что будет отображаться рядом с цифрами таймера. Например, «До конца акции осталось:».

Если при создании поп-апа поля настройки обратного отсчета не отображаются, вы можете вывести их самостоятельно.

Для этого нажмите на шестеренку и выведите 2 поля: «Обратный отсчет до» и «Текст обратного отсчета»

Image 310Image 311


Чтобы в поп-апе отображалась кнопка, ссылающаяся на нужную акцию, перейдем во вкладку «Кнопка».

Image 313


Кнопка – нужно поставить галочку, чтобы кнопка отображалась

Координаты – можно задать произвольные или оставить поля пустыми.

Текст на кнопке – произвольный текст, например «Подробнее»

Перейдем во вкладку «Текст»

Image 312


Здесь можно задать любое текстовое описание.

Для добавления формы перейдем во вкладку «Форма»

Image 314


ID Формы – это число, которое соответствует конкретной форме. Чтобы форма отобразилась, выберите среди имеющихся форм нужную и укажите в поле ее ID.

Посмотреть ID Формы можно в разделе Сервисы/Веб-формы/Настройка форм

Image 315


Мы внесли все настройки для поп-ап, теперь перейдем на главную, куда-новый поп-ап привязан, и посмотрим, как он отобразится.

Image 316


Эта статья была полезна для 6 людей. Эта статья помогла вам?

Сервис поддержки клиентов работает на платформе UserEcho