Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62.

Основная цель всплывающих окон с незапамятных времен - привлечь посетителей к действию. В WordPress они очень популярны (например,OptinMonster) и почти у всех одна цель Преобразуйте посетителей в подписчиков или даже клиентов.

В WordPress существует очень широкий спектр плагинов, подходящих для создания всплывающих окон, но не все из них имеют одинаковые функции… и выбор следует делать в соответствии с потребностями. Для вас я выбрал один, который просто называется " Всплывающие окна И который доступен на WordPress.

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

Как установить и настроить всплывающие окна

Я приглашаю вас установить плагин прямо с вашей панели. Вы можете скачать его прямо на WordPress.org.

После активации плагина вы увидите в левом меню панели инструментов новое меню под названием " Всплывающие окна ». Нажмите на Добавить новый Чтобы создать новое всплывающее окно.

Как создать попап

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

Существует премиум-версия, и в ней будут добавлены новые функции (Я вернусь к этому позже), который будет доступен в коробке всплывающие окна премиум .

Ниже, в разделе « всплывающее окно Shortcode Вы можете увидеть различные шорткоды, которые будут использоваться для отображения различных кнопок facebook, twitter и google +.

Легко создайте свой сайт с Elementor

Elementor позволяет создавать Легко и бесплатно любой дизайн веб-сайта или блога с профессиональным видом. Перестаньте платить много за веб-сайт, который вы можете сделать сами.

Шорткод:

  • [spu-facebook] будет использоваться для добавления кнопки «Нравится» для facebook.
  • [spu-google] будет использоваться для добавления кнопки добавления в круги Google +
  • [spu-twitter] будет использоваться для добавления кнопки «Твиттер».

Примечание: вы должны каждый раз интегрировать эти шорткоды в предыдущий визуальный редактор, чтобы отображать эти разные кнопки. Каждый из его шорткодов имеет параметры, которые вы можете активировать. Ознакомьтесь с подробностями об этих параметрах, нажав " Facebook Опции Просмотр Для настроек шорткода Facebook, " Посмотреть варианты Google+ Для настроек шорткода Google+ и так далее.

Параметры-Всплывающие-шорткоды

Раздел Popup Показать Правила »Представляет параметры правил отображения, грубо говоря, с помощью этих параметров вы сможете определить условия, при которых может отображаться всплывающее окно.

Итак, вариант " Показать это всплывающее окно, если Дает вам возможность выбрать предмет (статьи, страницы и т.д..), который отображается, когда последний равен (или нет) к опции, доступной в последнем списке опций. Это может быть домашняя страница " Главная страница ", Домашняя страница блога" сообщение Страница .

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

Всплывающие-дисплей-правила-секция-всплывающие окна

Раздел Параметры отображения »Дает вам возможность настраивать определенные параметры на дисплее, в частности:

  • Положение всплывающего окна Box Позиция »
  • Определите количество секунд до его отображения или когда для страницы установлен определенный процент » провоцирующее действие »
  • Опция " Автоматическое скрытие », Используется для автоматического скрытия окна, когда пользователь перемещает страницу вверх.
  • Опция " Анимация », Позволяет выбрать анимацию для открытия всплывающего окна

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

Параметры опции сечение-дисплей

Мини-раздел « Внешний вид ", Дает вам возможность настроить непрозрачность фона" фон Непрозрачность ", Выберите цвет фона" Цвет фона », Цвет текста« цвет текста », Ширина всплывающего окна« ширина коробки », Цвет границы« выделяющий цвет Как и его толщина ширина границы .

вариант сечения, внешний вид

Вот как будет выглядеть окно в блоге.

презентационные всплывающие окна

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

Что касается премиум версии, она добавила:

  • 8 новые анимации
  • Технология " Выход Намерение технологии Чтобы определить, когда пользователи планируют покинуть страницу
  • Новые триггеры
  • Задержка автоматического закрытия всплывающих окон
  • Возможность отключения кнопки закрытия
  • Возможность деактивировать расширенные методы закрытия, например, нажав на «Esc» или из коробки.
  • Премиальная помощь.

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

4 акции
доля4
чирикать
Регистрация