Popup Maker — это одно из самых популярных решений для создания всплывающих окон на веб-сайтах. В сочетании с плагином Contact Form 7, оно предоставляет мощный инструмент для сбора контактных данных от посетителей вашего сайта. В этой статье мы рассмотрим, как настроить и использовать Popup Maker Contact Form 7 на вашем сайте.
Процесс настройки Popup Maker Contact Form 7 довольно прост. Сначала вам нужно установить и активировать оба плагина — Popup Maker и Contact Form 7. Затем, в панели администратора своего сайта, перейдите в раздел Popup Maker. Создайте новое всплывающее окно и добавьте блок Contact Form 7 из списка доступных блоков.
После того, как вы добавили блок Contact Form 7, вам нужно выбрать или создать форму контактов в соответствии с вашими потребностями. Вы можете настроить поля формы, добавить текстовые блоки или изображения и определить, какие данные будут собираться. Кроме того, вы можете настроить действия после отправки формы, например, показывать благодарность или перенаправлять пользователя на другую страницу.
После завершения настройки формы контактов, сохраните и опубликуйте ваше всплывающее окно. Теперь ваш сайт будет отображать эффективное и привлекательное всплывающее окно с формой контактов. Вы можете настроить, когда и на каких страницах должно появляться окно, а также дизайн и стиль вашего всплывающего окна с помощью различных опций Popup Maker.
Таким образом, благодаря Popup Maker Contact Form 7, вы можете с легкостью собирать контактные данные от ваших посетителей и улучшить взаимодействие с ними. Всплывающее окно с формой контактов — это отличный способ привлечь внимание посетителей, получить их контактные данные и повысить конверсию вашего сайта.
Как настроить и использовать Popup Maker Contact Form 7 на вашем сайте
- Установите и активируйте плагины Popup Maker и Contact Form 7.
- Создайте новую форму обратной связи с помощью Contact Form 7. Для этого войдите в административную панель вашего сайта, выберите «Контакты» в боковом меню и нажмите на «Добавить новый». Затем настройте поля формы согласно вашим потребностям и сохраните изменения.
- Перейдите в раздел «Всплывающие окна» в административной панели вашего сайта, затем выберите «Добавить новый».
- Заполните основные настройки всплывающего окна, такие как заголовок, триггер и размеры окна. В поле «Содержимое» вставьте следующий код:
<p>[contact-form-7 id="ВАШ_ID_ФОРМЫ"]</p>
- Замените «ВАШ_ID_ФОРМЫ» на фактический ID вашей формы обратной связи Contact Form 7, который можно найти на странице редактирования формы в административной панели.
- Сохраните изменения всплывающего окна и опубликуйте его.
- Теперь, когда посетитель вашего сайта активирует триггер всплывающего окна, он увидит вашу форму обратной связи, созданную с помощью Contact Form 7.
Таким образом, вы можете легко добавить форму обратной связи Contact Form 7 в всплывающее окно на вашем сайте с помощью плагина Popup Maker. Это позволит вам собирать ценные данные от ваших посетителей и поддерживать эффективную коммуникацию с ними.
Настройка Popup Maker Contact Form 7
Для настройки формы обратной связи Popup Maker с использованием плагина Contact Form 7 на вашем сайте, следуйте инструкциям ниже:
1. Установите и активируйте плагины Popup Maker и Contact Form 7 на вашем сайте, если они еще не установлены.
2. Создайте новую форму обратной связи с помощью плагина Contact Form 7. Для этого перейдите в раздел «Контактные формы» в административной панели вашего сайта и нажмите кнопку «Добавить новую».
3. Дайте название вашей форме обратной связи и определите необходимые поля, такие как имя, электронная почта и сообщение.
4. Перейдите на страницу, где вы хотите разместить вашу форму обратной связи Popup Maker. Редактируйте страницу и установите курсор на место, где вы хотите отобразить форму.
5. Вставьте следующий код в редактор страницы:
<button class=»pum-trigger pum-trigger-{{your-popup-id}}»>Открыть форму обратной связи</button> |
Замените «{{your-popup-id}}» на идентификатор вашего попапа, который вы создадите на следующем шаге.
6. Создайте попап с помощью плагина Popup Maker. Для этого перейдите в раздел «Попапы» в административной панели и нажмите кнопку «Добавить новый».
7. Введите идентификатор попапа, который вы использовали на предыдущем шаге в поле «Идентификатор ссылки».
8. Внутри содержимого попапа, вставьте следующий код:
<div class=»pum-content»><?php echo do_shortcode(‘[contact-form-7 id=»your-contact-form-id» title=»Your Contact Form Title»]’); ?></div> |
Замените «your-contact-form-id» на идентификатор вашей формы обратной связи, который вы создали с помощью плагина Contact Form 7 на предыдущем шаге.
9. Сохраните изменения и опубликуйте страницу.
Теперь, при нажатии на кнопку «Открыть форму обратной связи» на вашей странице, попап с контактной формой будет отображаться.