Как сделать попап на WordPress без плагина: пошаговая инструкция
Если вы хотите добавить попап на свой сайт WordPress, но не хотите использовать плагины, этая статья расскажет вам, как это сделать. Мы предоставим вам подробную инструкцию и приведем шаги для создания попапа без необходимости устанавливать дополнительные плагины.
![](https://divitheme.space/wp-content/uploads/2021/09/popups-divi-vsplyvayuschee-okno-nastroyki-razdela-.jpg)
![](https://img.youtube.com/vi/ik7WbHb1Dfk/0.jpg)
Как сделать всплывающее окно для сайта на WordPress без плагинов и навыков программирования
Выберите желаемый попап-контент - это может быть видео, изображение, форма или любое другое содержимое, которое вы хотите отобразить в попапе.
![](https://wimex.com.ua/wp-content/uploads/2020/06/11.png)
![](https://img.youtube.com/vi/hYvMW7K_jLc/0.jpg)
Как сделать всплывающее окно на WordPress - Плагин модальных окон Popup Maker - WordPress с нуля
![](https://n-wp.ru/wp-content/uploads/2019/11/n-wp-popup.png)
![](https://img.youtube.com/vi/rIb0OoNWDEs/0.jpg)
Модальное окно (попап) на сайте без плагинов, своими руками. HTML + CSS + jQuery
Создайте HTML-код для попапа, включая в него выбранный контент. Убедитесь, что код содержит необходимые теги и стили для отображения попапа.
![](https://offlinecrm.ru/wp-content/uploads/2022/07/elementor-pro.png)
![](https://img.youtube.com/vi/su2DCF35vXE/0.jpg)
✨ POPUP BOX — ПЛАГИН ВСПЛЫВАЮЩИХ ОКОН ДЛЯ WORDPRESS
![](https://www.poptin.com/blog/wp-content/uploads/2020/06/The-4-Best-Popup-Extensions-for-OpenCart-–-Tried-and-Tested.png)
Добавьте JavaScript-код, который будет отображать и скрывать попап в зависимости от действий пользователя. Это может быть, например, код, который открывает попап по нажатию на определенную кнопку или при прокрутке страницы до определенного элемента.
![](https://img.youtube.com/vi/cxtMCmP8fD0/0.jpg)
Всплывающее popup окно для WordPress с плагином Popup Maker + форма обратной связи