Доброго времени суток дорогие читатели сайта. Сегодня я хотел бы Вам рассказать о том, как можно собственными усилиями сделать всплывающую контактную форму. Я уже Вам рассказывал о том, как можно создать контактную форму для своего ресурса без плагинов, а также при помощи плагина Contact Form 7, кроме этого Вы можете использовать различные сервисы, которые предоставляют такую возможность, например Redhelper.

Да, есть плагин, который позволяет это сделать сразу, но он создает ссылку контактой: вверху, внизу, слева или справа сайта, что не есть для многих хорошо. Я, например, хочу сделать такую ссылку в меню или на определенной странице, да плагин Usernoise позволяет это организовать, но Вам придется раскошелиться на 15 долларов, чтобы получить Pro-версию плагина и реализовать данную возможность.

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

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

Исходный код

<a href="#contact_form_pop">Написать нам</a>
 
<div style="display:none">
    <div id="contact_form_pop">
        [contact-form 1 "Contact form 1"]
    </div>
</div>

Не забывайте только вставить шорткод от контактной формы плагина Contact Form 7 свой, так как он может отличаться у Вас. Как видите, при использовании 2-плагинов, а также небольшого кода, мы сделали бесплатную всплывающую контактную форму, которая во многих плагинах идет платной «примочкой».