Контактная форма Contact Form 7 WordPress во всплывающем окне
- Для того, чтобы контактная форма открывалась во всплывающем окне, нам понадобится плагин Easy FancyBox. Можно добавить его прямо из админ панели WP
2. После установки и активации плагина идете в настройки, отмечаете галочкой поле Inline content
3. Теперь ставим код всплывающей контактной формы:
Код для установки на странице сайта через визуальный редактор (убрать пробелы перед и после шорткода):
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop"> [contact-form-7 id="547" title="Хочу такой_copy"] </div>
</div>
Код для установки в файле шаблона:
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop"><?php echo do_shortcode('[ contact-form-7 id="547" title="Обратная связь" ]'); ?></div>
</div>
Где id="547" - это номер вашей формы, которую вы можете взять на странице создания формы:
4. Установим кнопку обратного звонка в нужное нам место :
<a href="#contact_form_pop" class="fancybox-inline">Обратная связь</a>
5. Далее можете прописать для формы свои стили, чтобы придать ей красивую форму.
Пример использования:
Заказать звонок