Создать всплывающее popup окно на сайт wordpress

Прибамбасы для сайта

С помощью плагина – PopUp by Supsystic, вы сможете создавать разнообразные всплывающие popup окна, для wordpress сайта. Преимущество плагина:

 

Настройки плагина на Русском языке.

Огромный выбор готовых всплывающих окон, которые вы сможете настроить под себя.

Более 40 готовых шаблонов.

Facebook Like, Видео, Фрейм, Simple HTML, PDF, Подтверждение возраста, Полноэкранный, Логин, Регистрация, Уведомления.

Видео урок и часто задаваемые вопросы.

 

27-01-2016 12-58-16_mini

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

27-01-2016 12-34-00_mini

 

После установки и активации плагина, перейдите по вкладке: PopUp by Supsystic. Здесь вы сможете познакомиться с плагином и посмотреть видео-урок по созданию popup окон.

 

26-01-2016 22-17-10_mini

 

Чтобы создать новое всплывающее popup окно, перейдите по вкладке: Добавить новый PopUp. Выберите шаблон окна, укажите имя окна и нажмите на кнопку – Сохранить.  Для примера я выбрал всплывающее окно с видео.

 

27-01-2016 13-14-14_mini

 

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

 

27-01-2016 13-24-36_mini

 

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

 

27-01-2016 13-31-35_mini

 

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

 

27-01-2016 13-39-50_mini

 

27-01-2016 13-42-08_mini

 

Так же можно будет выбрать анимацию для всплывающего окна, то есть, эффект, с которым будет появляться окно.

 

27-01-2016 13-46-13_mini

 

После создания и настройки всплывающего popup окна, нажмите вверху на кнопку – Сохранить.

 

27-01-2016 13-55-24_mini

 

После чего на сайте будет появляться всплывающее окно.

 

27-01-2016 14-04-39_mini

 

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

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Татьяна Ревякина

    Загрузила плагин, создала окно и соц сети. Проблема в том, что соц. сети отражают пост страницы, к которой привязано всплывающее окно, а не само содержание в окне. Что можно сделать?

    Ответить
    1. Admin автор

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

      Ответить
  2. Виктор

    Попробовал самый простой вариант всплывающего окна – ничего не работает! Нажимаю включить – перегружаю страницу сайта – появляется затемненный фон – и все… самого окна нет! Перепробовал несколько вариантов – результат тот-же… А все так красиво расписано… все просто и надежно…

    Ответить
    1. Admin автор

      Значит ты что-то не до конца понял, потому что у меня всё работает !

      Ответить
  3. андрей

    как можно сделать настройки плагина на руском,

    Ответить
    1. Admin автор

      Надо перевести настройки плагина на Русский ! Вот плагин попробуй хороший – Loco Translate.

      Ответить
  4. андрей

    как не стараюсь чтот неполучаеться перевести

    Ответить
    1. Admin автор

      Плохо стараешься ! Не всё так просто.

      Ответить
  5. Русан

    Не получается ввести свой текст самого окна! как изменить? нужно покупать чтоли?

    Ответить
    1. Admin автор

      “свой текст самого окна” по подробней можно ?

      Ответить
  6. Русан

    i11.pixs.ru/storage/3/4/8/Bezi1111my_7869776_23391348.png

    Ответить
    1. Admin автор

      Там есть вкладка “Тексты”. Смотри внимательней !

      Ответить
  7. Владислав

    При нажатии на закрытие всплывающего окна, пролистывает обратно к началу страницы, как это исправить?

    Ответить
    1. Admin автор

      В настройках ничего подобного не нашёл. Может потому что страница на фоне прокручивалась, если крутить колесо мыши. Попробуйте в настройках изменить параметр – Когда закрыть PopUp. По подробней опишите как это происходит ?

      Ответить
      1. Владислав

        Пробовал по разному включать закрытие, ничего не помогает! Когда я нажимаю кнопку закрыть, то меня автоматически прокручивает к началу страницы. Можете помочь?)

        Ответить
      2. Владислав

        Могу скинуть ссылку на мой сайт, как это работает.

        Ответить
        1. Admin автор

          Да, можете скинуть ссылку. А как появляется popup окно ?

          Ответить
  8. Виктор

    А как сделать попап кнопку-изображение(именно изображение, а не текст), чтобы можно было вставить шорткод?

    Ответить
    1. Admin автор

      В настройках плагина, есть такой параметр “Когда отображать Popup” и там же есть значение “Нажмите на определённые ссылки, кнопки, другие элементы”. Пробовали?

      Ответить
  9. Алёна

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

    Ответить
    1. Admin автор

      Здравствуйте! В настройках “Кому показывать” вы можете выбрать параметр “Для посетителей кто впервые” и можно выбрать напоминание, то есть через сколько дней показать повторно окно. Это самый оптимальный вариант. Можно просто выбрать через сколько часов, дней, недель или месяцев будет показываться окно для любого пользователя, после первого показа. Настройки внимательно изучите и всё поймёте. Удачи!

      Ответить
  10. Дмитрий

    Добрый день! Все работает но есть проблемы, как создать свою форму (шаблон), а то выбрал шаблон, вставил туда контактную форму (contact form 7) и получилось надо ввести 2 емайла и тд. Мне надо убрать шаблонскую контактную форму и оставить от contact form 7

    Ответить
    1. Admin автор

      Добрый день. Выберите пустой html шаблон и туда вставьте форму.

      Ответить
      1. Дмитрий

        Спасибо!

        Ответить
  11. Михаил

    Здравствуйте, Илья! Вы посоветовали хороший плагин, но, для дополнительных настроек (под себя) нужно покупать ПРО-версию, а я пенсионер, не в состоянии. Может посоветуете бесплатный? Буду премного благодарен! Успехов Вам1

    Ответить
    1. Admin автор

      Добрый день! Второй плагин, который я рекомендовал, он не подошёл вам? По моему, он бесплатный. Да, здесь эта функция платная. Но, есть много полезных, бесплатных функций!

      Ответить
  12. all

    Хотел узнать, как можно установить всплывающее окно в определенную часть конкретной (одной) страницы, чтобы окно не увеличивалось, а оставалось одинаковым, то есть всплывающей кнопкой? И можно ли на одной странице вставить несколько таких всплывающих кнопок?

    Ответить
    1. Admin автор

      Да, можно, есть такой плагин – Popup Builder — Responsive WordPress Pop up

      Ответить
      1. all

        Хотел еще спросить, уже не по теме всплывающих окон — сейчас версия сайта WordPress 4.8.21 с темой оформления Twenty Seventeen, домен предлагает обновиться до WP 6.1, если просто нажму на Обновить, как я прочитал в Сети, могут перестать работать некоторые вещи в коде. С другой стороны, раньше была еще более старая версия и домен автоматом обновил на новую и все ОК. Как тут лучше быть?
        Дело еще в том, что как я ни старался, не могу в этой теме сделать боковые сайдбары, возможно, эта тема это не позволяет? Но не так давно чуть расширил контейнер контента, убрал в папке стилей максимальную ширину строки, стало пошире, но как в этом случае с сайдбарами, может быть, вернуть ограничения и обновить версию, и тогда вставятся сайдбары?
        И по теме перехода на https – когда проверяю код, то часто при этом вижу надписи про Смешанный контент. Исправляю в картинках и так далее, но в папке все изображения и медиафайлы по-прежнему как http, хотел бы узнать, предлагали на форумах зайти в Общие настройки и исправить там URL сайта на https, НО – читал на сайтах, что при этом могут возникнуть неполадки, вплоть до невозможности зайти в админку, как тут быть?
        И еще один вопрос – где можно посмотреть типовое описание кода моей темы – чтобы там было – вот это папки, это код стиля шрифта, это код управляет сайдбарами, это код такой-то, нечто вроде подробного мануала для админа. Версия стандартная, ведь должно же быть ее описание для пользователей?

        Ответить
        1. Admin автор

          В любом случае, я рекомендую обновлять тему, тем более Twenty Seventeen является официальной и точно будет совместима с WordPress. Для правильного перехода на HTTPS, рекомендую установить плагин Really Simple SSL, он добавляет редирект php или htaccess, можно оставить по умолчанию. Внешний вид – Редактор тем, либо через панель хостинга посмотреть исходный код темы. Также можно скачать её на комп и открыть все файлы для просмотра.

          Ответить
          1. all

            Спасибо. Буду разбираться.
            Еще вопрос небольшой – как в моей теме WordPress 4.8.21 с темой оформления Twenty Seventeen вставить сайдбары, пробовал, но пока никак. Сайдбар справа бы сделать…

          2. Admin автор

            Вам нужно обновить WordPress. Внешний вид – Виджеты, здесь отображаются сайдбары, если они предусмотрены в теме. Добавьте виджет в сайдбар и он появится на сайте.