Виталий Манн
7 Дек в 11:44
151 просмотров
3 минут
Wordpress Customer Database
Содержание
Нет времени читать статью?

Но вам требуется продвижение сайта или создание сайта-лидера, идеального для SEO? Тогда вы можете оставить заявку на продвижение или заявку на создание сайта. Если вы собираетесь продвигать сайт самостоятельно — продолжайте чтение!

Не знаете, зачем вам на своем WordPress-сайте всплывающие pop-up окна? Они позволят вам получать больше продаж или более эффективно собирать электронные адреса посетителей. Хотите узнать, как можно сделать их совершенно бесплатно и без глубоких познаний в HTML? Тогда открывайте наш новый материал, посвященный специальным плагинам для создания всплывающих окон на ВордПрессе. Ссылка ниже.

Попап окна в WordPress: как создать всплывающие pop-up окна на WordPress

При помощи pop-up окон можно быстро и удобно доносить до посетителя сайта важную информацию. При этом, если ваш сайт создан на WordPress, реализовать эту функцию вы можете при помощи плагинов — быстро, просто и удобно. Мы собрали 3 таких плагина и подготовили для вас инструкции по созданию pop-up окон в WordPress.

В эту тройку вошли:

  1. Popup Maker — https://ru.wordpress.org/plugins/popup-maker
  2. Popup Builder — https://ru.wordpress.org/plugins/popup-builder
  3. Popups — https://ru.wordpress.org/plugins/popups или его обновление WP Popups — https://wordpress.org/plugins/wp-popups-lite.

Разберемся с каждым дополнением подробнее.

Popup Maker

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

Также здесь есть настройки для вывода pop-up. В этом плане Popup Maker отличается внушительными возможностями и вы можете выбрать один из нескольких вариантов: вывод на странице, в избранном списке, во всех записях, в записях с конкретными id и т.д. Есть также функция активации pop-up на мобильных устройствах. 

По умолчанию Popup Maker содержит несколько тем оформления для всплывающих окон. При этом, в каждую из них вы можете добавить контактную форму (например Contact form 7). Также есть возможность настройки оповещения после указания пользователем своих данных в этой форме. 

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

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

Popup Builder

Основной плюс этого плагина — простой и понятный для новичка интерфейс. Так, после инсталляции Popup Builder вы увидите в админке новый раздел “Popup Builder”, где можно настроить всплывающие окна для своего сайта. В бесплатной версии плагина доступно 4 шаблона для таких окон, которых вам будет вполне достаточно. Если нужно больше — после покупки платной версии Popup Builder вы получите доступ к еще -м десяткам таких шаблонов.

Каждая “заготовка” для pop-up имеет внушительные возможности в плане настройки своего внешнего вида. Так, вы можете менять эффекты появления окна, его позицию на экране, фоновой цвет и графику, место расположения и внешний вид кнопки и т.д. 

Есть в Popup Builder и возможность настраивать поведение окон при взаимодействии с ними. К примеру, можно заблокировать скроллинг по странице, пока посетитель не отреагирует на окно или настроить переадресацию при нажатии на кнопку и т.п. 

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

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

Кстати, хотите знать, какие ТОП 4 обязательных плагина просто обязаны быть у вас на сайте WordPress?

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

Popups (WP Popups)

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

Все важные настройки для pop-up также имеются. Так, с их помощью вы сможете указывать размеры и позицию окна, а если нужно — прописать для него дополнительные стили через CSS. 

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

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

Создатели этого дополнения кардинально изменили его функционал и стали выпускать в виде отдельного решения. Так, если вы скачаете обновление “WordPress Popups plugin”, то получите отдельный продукт, который будет работать независимо от предыдущих версий Popups. В нем есть все функции, что и в Popups, но упор сделан на визуализацию процесса оформления всплывающих окон. Причем, здесь все настройки максимально удобно разбиты по подгруппам и вкладкам.

Заключение

Создать всплывающие pop-up окна на WordPress проще простого. А особенно, если использовать плагины, перечисленные выше. Поверьте (а лучше — проверьте) — их функционала вам будет вполне достаточно.

0

Добавить комментарий

Ваш адрес email не будет опубликован.

2 × четыре =