Создать всплывающее 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 окон с любым содержанием, а так же видео окно и т.д.

 

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

 





Создать всплывающее popup окно на сайт wordpress ! обновлено: Октябрь 15, 2016 автором: Илья Журавлёв

21 комментарий

  • Татьяна Ревякина 09.06.2016 Ответить

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

    • Илья Журавлёв 09.06.2016 Ответить Автор

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

  • Виктор 15.07.2016 Ответить

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

    • Илья Журавлёв 15.07.2016 Ответить Автор

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

  • андрей 15.07.2016 Ответить

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

    • Илья Журавлёв 15.07.2016 Ответить Автор

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

  • андрей 15.07.2016 Ответить

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

    • Илья Журавлёв 15.07.2016 Ответить Автор

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

  • Русан 22.09.2016 Ответить

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

    • Илья Журавлёв 22.09.2016 Ответить Автор

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

  • Русан 22.09.2016 Ответить

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

    • Илья Журавлёв 22.09.2016 Ответить Автор

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

  • Владислав 09.06.2017 Ответить

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

    • Илья Журавлёв 09.06.2017 Ответить Автор

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

      • Владислав 11.06.2017 Ответить

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

      • Владислав 11.06.2017 Ответить

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

        • Илья Журавлёв 11.06.2017 Ответить Автор

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

  • Виктор 09.07.2017 Ответить

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

    • Илья Журавлёв 09.07.2017 Ответить Автор

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

  • Алёна 17.08.2017 Ответить

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

    • Илья Журавлёв 17.08.2017 Ответить Автор

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *



Яндекс.Метрика

Помощь - Карта - Связь - Мой хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх