Обзор DJ-Suggester. Всплывающее окно на сайте Joomla. Окно всплывающее joomla
как создать всплывающее окно с помощью плагина JCE Media Box
Сегодня практически на каждом сайте можно встретить всплывающие (модальные) окна, которые содержат разнообразную информацию и существенно уменьшают количество контента на странице. Очень удобный функционал. В этой статье я расскажу, как создавать всплывающие (модальные) окна в Joomla 3 на примере функции "Заказать звонок"
Существует много различных решений для создания всплывающих окон, но сегодня мы поговорим о плагине JCE Media Box. Он установлен по умолчанию во всех наших шаблонах (скачать его можно бесплатно с оф. сайта JCE).
C помощью этого плагина мы сможем оставить сообщение благодарности после отправки формы в этом же всплывающем окне, что бывает просто необходимо. Поэтому, для реализации всплывающих окон, мы выбрали именно этот плагин.
Начнем с того, что настроим сам плагин. Для этого перейдем Расширения/Менеджер плагинов и выберем плагин System - JCE MediaBox. И настраиваем как нужно. Настроек достаточно много и все они достаточно хорошо описаны, поэтому на этом останавливаться я не буду.
После того, как выбрали все нужные настройки Сохраняем и переходим к элементу (ссылке, кнопке, изображению), при клике на который должно открываться всплывающее окно.
Я делаю функцию "Заказать звонок", поэтому подразумеваем, что у меня уже создана и настроена форма заказа звонка (у меня она в сделана в компоненте RS Form), а так же для нее создан пункт меню.
Задаем элементу (как задавать ссылки я описал в предыдущей статье). Выбираем нужный пункт меню, а далее переходим на вкладку Всплывающие окна, на которой выбираем именно JCE MediaBox Popup.
Теперь будем настраивать именно это всплывающее окно. Как видите, тут можно задать размер модального окна, показывать иконку или нет и т.д. Мы остановимся только на настройке Тип медиа. Тут мы выбираем Внешние ссылки/Iframe (это позволит нам отобразить сообщение благодарности в этом же окне). Еще вы можете обратить внимание, что проставить можно очень много типов медиа, с этими типами можете поэкспериментировать самостоятельно.
Открытие всплывающего (модального) окна при загрузке страницы Joomla 3 автоматически
Дополнительно хочется поговорить об автоматическом всплывании формы при загрузке страницы. Такой функционал тоже бывает необходим. Для этого в настройках всплывания JCE MediaBox есть специальное поле Авто-окна. В этой настройке есть 2 типа:
- Одинарные - если выбрать этот пункт, то окно всплывет при загрузке этой страницы только 1 раз для 1 пользователя. Т.е. человек переходит на страницу, на которой расположена ссылка на форму, и это всплывающее окно появляется автоматически после загрузки страницы. То что окно всплыло хранится в сессии браузера пользователя, и пока сессия браузера хранится, окно больше не всплывет для этого пользователя.
- Постоянные - если выбрать этот пункт, то окно будет всплывать ВСЕГДА, когда пользователь открывает страницу, на которой расположена ссылка на эту форму. Ни в какие сессии не сохраняется.. (обратите внимание на то, что такое всплывание может раздражать пользователей)
DJ-Suggester – всплывающее окно Joomla 3
DJ-Suggester – это плагин Joomla, который позволяет настроить вывод всплывающего окна внизу страницы сайта с предложениями. В качестве предложений могут выступать материалы Joomla, K2, Zoo, товары DJ-Catalog2, DJ-Classifieds и записи EasyBlog. Помимо этого можно выводить в этом окне любой модуль. Само всплывающее окно появляется в нижней части страницы, когда пользователь прокручивает её вниз, и не перекрывает содержимое.
Это очень важный момент, так как в официальной документации Яндекса для вебмастеров в подразделе «Некачественные сайты» есть список всего, что Яндекс «старается не индексировать или не ранжировать высоко», и там есть пункт «сайты, основным предназначением которых является агрессивная демонстрация рекламных материалов (в том числе popup, popunder, clickunder)». За это возможно такое ограничение как «понижение в результатах поиска». Подробнее можно прочесть в статье «Страницы с popunder-баннерами могут ранжироваться ниже». Думаю, что отношение к этому у Google и других поисковых систем аналогичное.
Обзор будет проходить в последней, на момент написания статьи (19.07.2016), русскоязычной версии DJ-Suggester 2.4.2 в Joomla 3.6. Демонстрационный сайт DJ-Suggester.
Особенности DJ-Suggester
Рассмотрим основные, на мой взгляд, особенности DJ-Suggester.
- Совместимость с Joomla 1.5 и 3.х.
- Переведён на русский и английский языки.
- Возможность создания ненавязчивых всплывающих окон (рисунок ниже) с рекомендованным контентом из текущей категории. Не нарушая рекомендации поисковых систем.
Всплывающее окно Joomla 3- Интеграция с материалами Joomla, K2, Zoo, DJ-Catalog2, DJ-Classifieds, EasyBlog.
- Анимация при появлении и исчезни окошка.
- Пять предварительно настроенных тем оформления всплывающего окна. Возможность самостоятельной адаптации темы под свой шаблон сайта.
- Возможность отображения любых модулей во всплывающем окне. Таким образом можно организовать рекомендацию товаров в VirtueMart.
- Возможность отображения модуля вместо или с рекомендациями во всплывающем окне.
- Возможность задания стиля модуля.
- Возможность задания работы DJ-Suggester только на определённых страницах сайта (привязка к пунктам меню).
- Задание ограничения на длину текста в окошке.
- Задание расстояния (в пикселях), на которое должен опуститься пользователь, чтобы появилось всплывающее окно.
- Возможность автоматически прятать окошко при прокрутке страницы вверх. Или только «ручное» скрытие.
- Хорошая техническая поддержка и документация (на английском языке).
Гибкие настройки рекомендованного контента.
- Вывод рекомендованных материалов/товаров только из категории материалов/товаров, которую в данный момент просматривает пользователь.
- Задание сортировки для улучшения нахождения более релевантного контента.
- Возможность включения/исключения категорий.
- Возможность отображения изображения материала/товара с заданием ширины изображения.
- Настройка заголовка всплывающего окна.
Настройка плагина
Рассмотрим некоторые настройки плагина всплывающее окна Joomla 3. Назначение большинства из них понятно по названию, или они оснащены всплывающими подсказками на русском языке. Все опции распределены по девяти вкладкам.
- Плагин.
- Описание. Текстовое описание плагина и некоторых его возможностей.
- Материалы.
- DJ-Catalog2.
- DJ-Classifieds.
- K2.
- Easyblog.
- Zoo.
- Настройки предложений модулей.
Вкладки 3-8 содержат опции для интеграции с соответствующими расширениями. Для этого у Вас должны быть установлены эти расширения. Опции аналогичны для каждого случая интеграции. Рассмотрим только для материалов Joomla (com_content).
DJ-SuggesterНа вкладке Плагин (рисунок выше) собраны настройки, которые влияют в случае с интеграцией с любым расширением.
Отступ. Данная опция позволяет задать расстояние (в пикселях) до низа страницы, при достижении которого будет появляться всплывающее окно на сайте Joomla.
Показывать только один раз. Если включить данную опцию, то окошко не будет показано пользователю повторно, если он его закрыл. Считаю, что стоит её включить. Навязчивость никто не любит.
При помощи опций Тип фильтра меню и Элементы меню Вы можете указать, на каких страницах сайта нужно\ненужно показывать модуль всплывающего окна Joomla.
Вкладка Материалы (рисунок ниже), а также другие вкладки, предназначенные для настройки интеграции, содержат схожие опции. При помощи опций Следующая категория, Тип фильтра категорий и Категории можно не только указать, в каких категориях отображать всплывающие окна, но и из каких категорий отображать предложения. При помощи опции Сортировать по можно указать, по какому «принципу» будут выбираться рекомендации из категории.
Модуль всплывающего окна JoomlaНа рисунке ниже пример настроек интеграции с DJ-Catalog2.
Всплывающее окно на сайте Joomla
Настройки предложений модулейПри необходимости (не рекомендуется) можно будет добавить настраиваемую позицию модуля во всплывающее окошко DJ-Suggester, путём добавления следующего кода в описание элемента - синтаксис:
{djsuggester modulePosition[|order=(first/last/replace)|style=(none/xhtml/rounded/etc.)]}Пример:
{djsuggester position-10|order=replace|style=rounded}загружает модуль, опубликованный в позиции «position-10», отрисовывает модуль в скруглённом стиле и заменяет предложение автоматически сгенерированным для компонента, если такое существует. «Order» и «style» опциональны и они переопределяют настройки плагина.
Русификатор
Скачать русификатор DJ-Suggester.
Надеюсь, что статья пригодится Вам при решении вопроса о выборе расширений для создания всплывающих окон. Не забывайте, что «классические» всплывающие окна на весь экран с шокирующим контентом и без возможности их закрыть – может сильно навредить Вашему сайту. А вот ненавязчивые, такие, как позволяет создать DJ-Suggester, могут повысить конверсии и увеличить вовлеченность (поведенческие факторы) посетителей.
Похожие материалы
Полезные ссылки:
aleksius.com
Simple Pop-up - всплывающие модальные окна в Joomla -
YouTube
Simple Pop-up - небольшой плагин для CMS Joomla, создающий всплывающие модальные окна с использованием cookie. Именно использование технологии cookie и делает этот плагин особенным, т.к. с его помощью можно создать автоматически всплывающее модальное окно, которое, например, будет показываться пользователю раз в неделю, месяц, год. Читать полное описание урока: http://ilyakhasanov.ru/baza-znanij/rasshireniya-dlya-joomla/plaginy/100-simple-pop-up-vsplyvayushchie-modalnye-okna-v-joomla
Все вопросы по данному уроку задаем на сайте: http://alex-kurteev.ru/masterskaya-joomla/full/641-masterskaya-joomla-4-vypusk.html Посмотреть все выпуски «Мастер
YouTube
Auto onPageload Popup is a Joomla Module which can be used to popup text, images, video and other joomla modules.It is compatible with all the version of Joomla
YouTube
Нужен собственный сайт, но нет денег для его разработки у профессиональных веб-мастеров? Выход из сложившейся ситуации есть, сделайте его собственноручно. Спец
YouTube
This 5 minute tutorial shows you how to play a YouTube video in a popup box on your Joomla 3 webpages using JCE Mediabox (it also works on Joomla 2.5).
YouTube
Социальные сети являются одним из главных источников трафика любого сайта. Именно поэтому каждому владельцу собственного сайта желательно иметь свое официальное
YouTube
Мучает вопрос как создать всплывающее окно в Wordpress? Решение есть - это плагин всплывающего окна Wordpress Popup Builder. Всем привет! С Вами Александр Солов
YouTube
Readmore.js - плагин с помощью которого скрывается часть текста при условии превышения заданной длины. После отображаемого текста размещается ссылка "Читать дал
YouTube
[Update] 25 июня вышел наш курс по созданию Landing Page на Joomla. Ссылка http://alex-kurteev.ru/dvd31 . В этом уроке на практике рассмотрим создание Landing
YouTube
Demo : http://www.extensions.infyways.com/popup-any-article.html Download : http://www.store.infyways.com/index.php?option=com_dms&task=view_document&id=61&Item
YouTube
In this tutorial I'll show you how to create an article in Joomla! 3.4.3. To replicate the process you need to install and enable: - JCE Editor 2.5.2 or highe
YouTube
This is the 4th video in a 16 part series helping you to launch and develop a free Joomla site on the CloudAccess.net platform. This video demonstrates how to i
YouTube
Видео урок о том, как на вставить красивый popup на Joomla сайт. Скачиваем пакеты установки тут: http://vitaliykulikov.ru/interfeys/krasivoe-vsplyvayushchee-okn
YouTube
Привет, друзья. В этом уроке мы с Вами создадим модальное окно на основе Bootstrap 3. Создадим мы его путем создания верной разметки и добавления новых классов.
YouTube
Avisos emergentes con jQuery Daily PopUP en Joomla 2.5 y 3.0. En el siguiente artículo del Blog de Webempresa te enseñamos a implementarlo: http://www.webempres
YouTube
Хостинг: https://hostiq.com.ua/virtual-hosting/?utm_medium=affiliate&utm_source=fedorvasiliev.ru&utm_campaign=749 Автор: Федор Васильев Сайт: http://fedorvasili
YouTube
vimore.org
