Контактная форма Contact Form 7 WordPress во всплывающем окне

  1. Для того, чтобы контактная форма открывалась во всплывающем окне, нам понадобится плагин 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. Далее можете прописать для формы свои стили, чтобы придать ей красивую форму.

Пример использования:
Заказать звонок

Читайте также:

Добавить комментарий

Ваш адрес email не будет опубликован.

После оплаты вы получите письмо на скачивание 3500 пресетов и инструкцию по их установке

+ПРЕСЕТЫ ИЗВЕСТНЫХ БЛОГЕРОВ

+ПОДАРКИ

На следующем шаге вам нужно ввести  эл.почту, на которую вы получите пресеты. Нажмите «ОТПРАВИТЬ», чтобы продолжить

*Ваши данные не будут переданы 3 лицам