Архив метки: всплывающее окно

WordPress Contact form 7 — открываем в всплывающем popup-окне

Иногда не нежно гнать пользователя на отдельную страницу, а проще и лучше для юзабилити открывать всплывающем окне. Для WordPress есть хорошая форма обратной связи — Contact form 7. Ее и будем делать открывающуюся в всплывающем окне.

Качаем и устанавливаем плагин Conact form 7

Качаем и устанавливаем плагин Easy fancy box

Далее создаем нашу контакт форму и получаем вот такой шорт-код примерно:  [contact-form-7 id=»2379″ title=»Форма заказа мандарин»]

Далее, там где нам нужно чтобы форма открывалась во всплывающем окне вставляем код:

<a class="fancybox" href="#contact_form_pop">Купи мандарин</a>
<div class="fancybox-hidden" style="display: none;">

<div id="contact_form_pop">[contact-form-7 id="2379" title="Форма заказа мандарин"]</div>


</div>

Если нам нужно несколько разных- то, просто добавляем несколько кусков этого кода, что приведен выше.

Все.