Блог

Всплывающая контактная форма для блога

Часто бывает нужно сделать эффектную всплывающую контактную форму, это может быть заявка, или излюбленная шняга в шапке сайта “Заказать обратный звонок”
Это можно сделать всего с помощью двух плагинов,
Easy FancyBoxи Contact Form

Ищется и устанавливается все как обычно из официального репозитория WordPress  – секретов нету.
Перейдем к настройка,
Первым мы будем настраивать плагин Easy FancyBox
переходим Настройки – Медиафайлы и ставим галочку в Inline content (Советую убрать галку в Images, так как большенство тем уже имею свои всплывающие окна и свои стили, и дабы избежать конфликта убираем)

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

Все с настройкой плагинов мы закончили. Будем делать саму кнопку.
чтобы потестить, переходим в любую запись и вставляем этот код

 

Если не посредственно в код шаблона то используем вот в этот код

При вставке у нас будет  просто ссылка вида Оставить заявку

чтобы придать красивости кнопки, можно дописать стили .button1 Этот код как пример вы вправе написать свой стиль, его следует скопировать и вставить в файл style.css вашей темы

Полный код будет выглядит так

Пример как это все работает можно посмотреть на сайте http://antiseptik.tv/ В шапке зеленая кнопка.

Для тех у кого выдаётся ошибка «The requested content cannot be loaded. Please try again later» (это случается на последних версиях движка вордпресса) рекомендуется сменить класc в ссылке:

меняем на:

Поделиться постом

Оставить комментарий

avatar
  Подписаться  
Уведомление о