Пропустить

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

Divi: самая простая тема WordPress для использования

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шорткод:

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

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

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

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

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

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

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

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

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

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

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

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

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

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

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

Эта статья содержит комментарии 6

  1. Расширение очень полезно, так что мы можем следить за социальными сетями. Спасибо, что поделились!

  2. Расширение действительно очень интересно, учитывая, что оно немного играет роль призыва к действию в конце статьи, чтобы привлечь внимание читателей.
    Однако, если последние также выбрать социальную сеть, на которых они будут позиционировать себя таким образом, что их усилия являются оптимальными.
    Спасибо за статью, Эрве!

  3. Привет Тьерри,

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

    Amicalement,

    коричневый

    1. Привет Бруно,

      Да вы совершенно правы. И так назвал его Эрве до того, как я изменил название для стратегических нужд. 🙂

      Amicalement,
      Тьерри

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

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