Всплывающее модальное окно с формой на WordPress
Обратился клиент с заданием - сделать на всем сайте всплывающее модальное окно с формой.
Для этой цели мне потребовалось установить 2 плагина - Popup Maker (модальные окна) + Ninja Forms (форма).
Все кнопки на сайте ранее вели на страницу контактов. Чтобы теперь при клике на них всплывало модальное окно я сделала следующее:
- Удалила все ссылки у этих кнопок.
- Добавила кнопкам CSS класс popmake-22390 (этот класс показывается самим плагином, у вас может быть другой номер).
Отправка заявок
Клиент попросил настроить отправку заявок на почту и связать форму с сервисом PrimeGate, чтобы данные подтягивались и туда. Все сделала!
Сложности
Изначально в модальном окне была вставлена форма от плагина Contact Form 7, но по какой-то причине (скорее всего конфликт с другими плагинами) она отправлялась дважды, из-за чего при повторной отправке пользователю высвечивались ошибки.
Решила не влезать в дебри, а просто выбрала другой плагин. К слову, он оказался гораздо приятнее по функционалу. Например, нельзя нажать кнопку, если поля формы заполнены неправильно, ошибки в заполнении тут же показываются, форма скрывается и отправить ее повторно нельзя.
