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

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

Ввести плагин Popup Builder — Responsive WordPress Pop up вы сможете ровно из админ-панели WordPress. Перебегите на страницу: Плагины – Добавить новоиспеченный , заведите наименование плагина в конфигурацию розыска, введёте и активируйте отворившийся плагин.

Дальше, после установки и активации плагина, перебегите на страницу: Popup Builder – All Popups . Тут будут отображаться все созданные всплывающие окна. Чтобы создать новоиспеченное окно, нажмите наверху на кнопку Add New .

Дальше, вам необходимо избрать тип окна. Вам будут доступны 4 даровых образа. Для образца я изберу HTML.

– Изображение.

– HTML код.

– Facebook.

– Шорткоды.

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

– Popup theme, можно избрать манера окна.

– Effect type, эффект при открытии.

– Effect duration, длительность эффекта.

– Popup opening delay, заминка при открытии.

– Responsive mode, сделать адаптивным.

– Custom mode, показать свои размеры.

– Initial, можно показать начальную ширину и вышину.

– Max, максимальная вышина и ширина.

– Dismiss on “esc” key, закрывать окно при нажатии на клавишу Esc.

– Show “close” button, показать кнопку Затворить.

Читайте также:  Как в wordpress отменить изменения?

– Enable content scrolling, включить прокрутку содержимого.

– Disable page scrolling, отключить прокрутку страницы.

– Enable reposition, включить репозиции.

– Enable scaling, включить масштабирование.

– Dismiss on overlay click, закрывать при нажатии на верхний слой.

– Dismiss on content click, закрывать при нажатии на пояс вне окна.

– Reopen after form submission, вторично обнаруживать после отправки конфигурации.

– Show popup this often, как нередко обнаруживать окно, изберите дни и пора.

– Repetitive popup, обнаруживать окно после X секунд.

– Change overlay color, изменить краска верхнего слоя.

– Change background color, изменить краска полы.

– Background opacity, прозрачность полы.

– Background overlay opacity, прозрачность слоя.

– Overlay custom class, собственный класс слоя.

– Content custom class, собственный класс контента.

– Popup z-index, индекс.

– Content padding, набивка.

– Popup location, избрать благосклонность окна.

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

Можно добавлять окна с поддержкой кнопки, ровно из визуального редактора, на странице редактирования записи или страницы. Нажмите на кнопку Insert popup .

Дальше, у вас отворится окно. Тут можно избрать наименование окна и тип открывания.

– Select Popup, изберите окно, какое будет открываться.

– Select Event, изберите тип открытия:

  • On load, при открытии страницы.
  • Click, при нажатии на кнопку или иной элемент.
  • Hover, при наведении на объект.

– Нажмите на кнопку Insert .

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

Читайте также:  Регистрация сайте wordpress

Дальше, на сайте будет отображаться кнопка. Нажмите на неё.

При нажатии на кнопку, у вас отворится всплывающее popup окно.

Всё готово! Вот так попросту и скоро вы можете создать всплывающее popup окно для своего сайта.

Остались проблемы? Напиши комментарий! Счастия!

Тут можно избрать наименование окна и тип открывания.

  • On load, при открытии страницы.
  • Click, при нажатии на кнопку или иной элемент.
  • Hover, при наведении на объект.

Чтобы создать новоиспеченное окно, нажмите наверху на кнопку Add New.