Всплывающее окно wordpress

Автор: | 03.03.2018

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

Чтобы создать всплывающее окно в wordpress, я предлагаю воспользоваться специальным плагином Popup Maker. Особенностью wordpress плагина Popup Maker для создания всплывающего окна, является то, что вы можете настроить всплывающее окно даже если вы новичок, а кроме того в арсенале данного плагина – огромные возможности которые позволяют легко использовать данный плагин для создания всплывающего окна по заданным критериям, на профессиональном уровне.

В общем плагин Popup Maker – это профессиональный инструмент для создания всплывающих окно для wordpress любой сложности, потратив на это всего несколько минут.

Ну, а в данной статье я расскажу вам:

Всплывающее окно wordpress

Скачиваем плагин с официального сайта wordpress.org и проходим стандартную процедуру установки плагина и его активации. После активации плагина, вас сразу перекинет на страницу помощи, на которой вам подробно на английском языке рассказывается, что это за плагин Popup Maker. Что он может делать и чего делать он не может.

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

Чтобы создать новое всплывающее окно вы можете нажать непосредственно на сам пункт “Popup Maker”, а далее на открывшейся странице нажать на кнопку “Add New”. Или же вы можете навести указатель мыши на пункт меню “Popup Maker” и в появившемся списке выбрать пункт “Add New”.

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

Читать  Увеличить посещаемость блога

В верхнее поле вводим заголовок всплывающего окна(я ввел “тестовое всплывающее окно“):

А в качестве содержимого окна – я указал текст “текст всплывающего окна”:

После всего этого, в самой верхней панели справа “Targeting Conditions” поставьте галочки возле следующих пунктов:

Тем самым мы отметили, что всплывающее окно wordpress будет отображаться при первом входе пользователя на сайт(On Entire Site); всегда отображаться для всех пользователей которые зашли на главную страницу сайта(On Home Page), и при посещения пользователем любой страницы записи wordpress(On Записи).

Далее, чтобы всплывающее окно точно появилось при просмотре указанных страниц вашего сайта – прокручиваем страницу до самого низа и ставим галочку возле опции “Enable Auto Open Popups”:

Данная опция активирует всплывающее окно и запускает его в автоматическом режиме всегда когда это необходимо. После проделанных манипуляций в боковой панели справа ищите кнопку “Опубликовать”, нажимайте на нее. После этого вы можете проверить работоспособность плагина Popup Maker – достаточно зайти на главную страницу вашего сайта. Если вы все сделали правильно, тогда вы увидите примерно следующее окно:

popup maker

Если нажать на кнопку “Close” окно закроется и вы увидите сам сайт и страницу на которую вы пытались зайти.

Как создать всплывающее окно, которое отображается для определенной страницы, рубрики или записи wordpress

Ну а теперь, давайте я рассмотрю основные опции, на странице “создания нового всплывающего окна”, которые позволяют настроить всплывающее окно, так чтобы оно отображалось только для определенной страницы wordpress или для определенной записи wordpress или же если пользователь просматривает записи из определенной рубрики wordpress или по определенным меткам. В общем всё это возможно сделать и именно поэтому на странице создания нового всплывающего окна, столько всяческих панелей и опций – но обо все теперь по порядку.

Основной блок который позволяет контролировать отображение всплывающего окна для тех или иных страниц блога wordpress, называется “Targeting Conditions” и располагается он в правой части экрана на странице создания нового всплывающего окна для wordpress.

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

Настройки блока “Targeting Conditions“:

Читать  Увеличить посещаемость блога

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

On Home Page — если опция активна, тогда всплывающее окно будет отображаться всегда для пользователей которые посетили главную страницу сайта.

Exclude on Home Page — если опция активна, всплывающее окно будет отображаться для всех страниц, кроме главной страницы блога.

On Blog Index — если опция активна, тогда всплывающее окно будет отображаться для пользователей которые просматривают основную страницу блога(это не всегда главная страница сайта. В качестве главной страницы вы можете указать любую статическую страницу сайта)

Exclude on Blog Index — если опция активна, всплывающее окно не будет отображаться для Index-ной страницы блога.

On Записи — если опция активна, всплывающее окно будет отображаться при просмотре пользователями записей блога. Если активна данная опция, используя опции Load on All Записи; и Load on Specific Записи; вы можете задать для каких записей вы хотите активировать всплывающее окно, а для каких показывать его не стоит.

Все остальные блоки позволяют настроить:

Настройка дизайна всплывающего окна wordpress

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

Размеры всплывающего окна. Вы можете указать размеры окна в процентах от общего размера страницы сайта(опция Size) или же указать размеры окна в пикселях, в относительных значения: минимальная ширина(опция Min Width) и максимальная ширина(опция Max Width) окна. Также вы можете указать ширину окна в точном значении – достаточно заполнить значение в поле Width.

Высота всплывающего окна может задаваться в автоматическом режиме(Auto Adjusted Height), в зависимости от контента или же в фиксированном варианте(Scrollable Content), в этом случае если контент не будет помещаться в заданные размеры, тогда будет появляться ползунок для прокрутки содержимого окна.

Расположение окна, относительно страницы блога.

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

Location – данная опция позволяет указать, где будет расположена кнопка для закрытия всплывающего окна.

Читать  Увеличить посещаемость блога

Fixed Postioning – если активна данная опция, тогда всплывающее окно будет зафиксировано согласно ниже идущим настройкам.

Top – отступ окна от верха окна браузера.

Bottom — отступ окна от низа окна браузера.

Left — отступ окна от левого края окна браузера.

Right — отступ окна от правого края окна браузера.

Стиль появления окна на экране пользователя.

В данном блоке настроек указываются настройки появления всплывающего окна wordpress:

Animation type – тип появления всплывающего окна на экране. Возможны следующие варианты:

None – окно отображается сразу, без использования различных эффектов появления окна.

Slide – окно выплывает из одной сторон.

Fade – окно плавно появляется на экране и растворяется в случае нажатия на кнопку закрытия окна.

Fade and Slide – совмещенный вариант 2 предыдущих эффектов.

Grow – эффект увеличения окна в размерах.

Grow and Slide — совмещенный вариант эффекта Grow и Slide.

Animation speed — данная опция задает задержку появления окна на экране посетителя в миллисекундах.

Animation origin – данная опция задает позицию, с которой происходит появление всплывающего окна.

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

Кроме этого, вы можете зайти на специальную страницу “Popup Maker”->”Theme” и настроить дизайн самого окна(цвет, стиль, фон, тени, стили оформления кнопки для закрытия окна и др.). Но, это я рекомендую вам сделать уже самостоятельно .

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

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