amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Плагины

Как сделать всплывающее окно в WordPress с помощью бесплатного плагина Popup

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

Появляется вопрос, как сделать всплывающее окно на WordPress. Для решения данной задачи существует бесплатный плагин Popup.

Как сделать всплывающее оно с помощью плагина Popup

Плагин бесплатный, однако существует версия с расширенными возможностями, за использование которой придется заплатить. Плагин можно скачать с официального WordPress каталога. Количество загрузок этого дополнения в настоящее время превышает 30 тысяч. Оценка плагина 4,7 из 5. Это неплохой показатель для такого количества скачиваний.

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

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

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

Последний блок настроек «Display Options», в котором осуществляется настройка внешнего вида окон, его типа, фона, а также другие эффекты.

Осуществив все необходимые настройки и убедившись, что вас все устраивает, нажмите на кнопку «Publish». Для просмотра результата нажмите на кнопку «View post». После этого вы увидите, как окно будут видеть ваши пользователи.

Вот, собственно, и все. Теперь вы знаете, как сделать всплывающее окно на WordPress.

Вы можете ознакомиться с этой статьёй, в которой мы рассказали про аналогичный плагин.

Адель Гадельшин