Обратный звонок и другие формы во всплывающем окне

Для того что бы вывести любую форму во всплывающем окне (лайтбоксе) на wordpress нам понадобится 2 плагина и прямые руки.И так, первый плагин — Easy FancyBox — просто устанавливаем его через установку плагинов в админке и активируем.

Второй плагин — собственно сама форма Contact Form 7.

Устанавливаем, создаем форму и настраиваем. Работа с плагином заслуживает отдельной статьи, поэтому будем считать что вы уже имеете представление о  CF7.

После создания формы получаем шорткод формы — бует что то типа

[contact-form 34 "MyFOrm34"]

А теперь самое главное. Используя нижеприведенный код мы помещаем  форму в скрытом блоке, а по ссылке вызываем фансибокс для показа содержимого.

<a href="#contact_form_pop" class="fancybox">Обратная связь</a> <div style="display:none" class="fancybox-hidden"> <div id="contact_form_pop"> [contact-form 34 "MyFOrm34"] </div> </div>
Данный код сработает в материале или в виджете. Что бы использовать его в шаблоне нужно обернуть шорткод в спец функцию:
<a href="#contact_form_pop">Обратная связь</a> <div style="display:none"> <div id="contact_form_pop">
<? echo do_shortcode('[contact-form 34 "MyFOrm34"]'); ?> </div> </div>

 

Как то так )
Запись опубликована в рубрике wordpress. Добавьте в закладки постоянную ссылку.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *