Доброго времени суток дорогие читатели сайта. В данной статье я хотел бы Вам рассказать про то, как можно сделать всплывающую контактную форму для WordPress-сайта. Это все делается очень просто и легко при помощи двух плагинов: FancyBox for WordPress, а также Contac tForm 7.

Для начала нам необходимо скачать данные плагины, затем их установить и активировать. После того, как плагины будут установлены, необходимо зайти в пункт меню Контакты плагина Contact Form 7 и создать, либо же отредактировать контактную форму. После того, как форма будет создана, плагин предложит Вам специальный шорткод для отображения формы, это показано на рисунке ниже:

Можете вставить данный шорткод на страницу, сохранить ее и посмотреть, как данный форма отображается на обычной странице. Теперь мы редактируем данную страницу и сделаем так, чтобы по нажатию на ссылку данная форма появлялась во всплывающем окне. Для этих целей нам понадобится следующий код:

Исходный код

<a href="#contact_form_pop" class="fancybox">Открыть контактную форму</a>
 
<div style="display:none" class="fancybox-hidden">
    <div id="contact_form_pop">
        [contact-form 1 "Contact form 1"]
    </div>
</div>

В форме это будет выглядеть следующим образом:

После подобной вставки кода, необходимо сохранить страницу и опубликовать ее. Затем зайти на нее и посмотреть, что у Вас получилось, нажав на ссылку контактной формы, должны быть что-то вроде того, как показано на рисунке: