Как добавить всплывающее окно при закрытии страницы в Joomla

Дата публикации:Август 3, 2017

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

Именно поэтому очень важно продумать, как будет выглядеть всплывающее окно, ведь, возможно, именно оно поможет вам удержать посетителя на своем сайте. Чтобы подробнее разобраться, как реализовать задуманное, мы установили движок Joomla на хостинг https://s-host.com.ua/ позади.

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

Установка модуля

Перейдите на сайт разработчика и скачайте бесплатное расширение JBounce. Откройте раздел «Расширения»/»Менеджер расширений»/»Установить» в своей административной панели. Перейдите на вкладку «Загрузить файл пакета» и установите модуль.

Настройка модуля

После того, как вы увидите сообщение об успешной установке расширения, перейдите в раздел админки «Расширения»/»Менеджер модулей»/JBounce. Откройте вкладку “Модуль”, чтобы приступить к настройкам:

  • включите модуль в поле “Состояние”;

  • выберите позицию модуля (неважно какую, поскольку окно в любом случае будет “всплывать” по центру);

  • Theme (на выбор предложена лишь одна тема);

  • Development Mode (выберите “Да”, если хотите, чтобы всплывающее окно появлялось всегда);

  • Animation In (появление окна: выберите эффект);

  • Animation In Duration (“продолжительность” эффекта);

  • Animation Out (исчезновение окна: выберите эффект);

  • Animation Out Duration (“продолжительность” эффекта):

  • Title (впишите заголовок);

  • Subtitle (впишите подзаголовок);

  • Content Source (выберите HTML Content или Module Position);

  • HTML Content (впишите основной текст сообщения):

  • Modal Background Color (выберите цвет фона окна);

  • Background Image (выберите фоновое изображение);

  • Modal Text Color (выберите цвет шрифта):

Перейдите на вкладку «Привязка к пунктам меню» и выберите. на каких страницах будет появляться всплывающее окно. Затем сохраните изменения и проверьте, как работает модуль:

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

Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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