Открытие формы обратной связи в лайтбоксе

Открытие формы обратной связи в лайтбоксе

Рассмотрим вариант с формой сгенерированной с помощью плагина ContactForm7. Об установке, настройке и генерации плагина мы рассказывали в статье Contact Form 7 — конструктор форм для WordPress.

Установка плагина лайтбокса

Для начала нужно будет установить плагин prettyPhoto Media. Об установке и активации плагинов мы рассказывали в статье Установка плагина WordPress через админ панель или FTP.

Создание шаблона страницы

Следующим шагом нам нужно будет создать шаблон страницы которая будет открываться в лайтбоксе. Шаблон должен быть очищен от всего дизайна и содержать стандартный механизм вывода страницы WordPress.

























Обратите внимание, что необходимо задать имя шаблона, которое будет отображаться в административной панели WordPress. В нашем случае шаблон называется Form.
Также Вы можете подключить отдельный css для определения внешнего вида содержимого лайтбокса.
Файл шаблона сохраняете (мы его назвали page_form.php) и помещаете в папку Вашей темы.

Создание страницы обратной связи

Следующим шагом нам необходимо создать страницу WordPress, в которую мы вставляем шот-код сгенерированной формы. В разделе «Артибуты страницы» административной консли WordPress необходимо изменить шаблон страницы с базового на созданный нами шаблон Form.
Для удобства подключения лайтбокса мы установили следующий путь к созданной странице: адрес сайта/form/
Открытие формы обратной связи в лайтбоксе - Создание страницы обратной связи

Вставка ссылки в шаблон сайта

Для подключения лайтбокса необходимо в нужном месте требуемого шаблона (в нашем случае это шаблон header.php) разместить следующий код:

текст ссылки

где width и height – размеры вашего лайтбокса

Открытие формы обратной связи в лайтбоксе - Вставка ссылки в шаблон сайта
Открытие формы обратной связи в лайтбоксе - Результат

Самые читаемые:

Find Face – как найти человека ВКонтакте по фотографии
Разработчикам ...
Лучшие навигаторы для iphone чем пользоваться в наших краях
Сначала я хоте...
IBetterCharge – предупреждение о низком заряде батареи iPhone
Вот всем хорош...
Делаем игру для iPhone в стиле Mega Jump Часть 1
Сделать мега п...
Как установить приложения на Apple Watch
На рабочем сто...
Как перезагрузить Apple Watch
Современные га...
Phone Drive – для удобной работы с файлами
iTunes – очень...
ICQ на iPhone, cравнение четырех ICQ-клиентов
iCQ клиент од...
Как активировать Windows 7 с помощью ключа
Всем привет, ка...
Итоги конкурса от BINPARTNER “У кого больше”!
Конкурс от BIN...
Cnscoin. com отзыв ПОЛОЖИТЕЛЬНЫЙ
Братаны, ребят...
Ссылочное продвижение в 2016
Сегодня уже 20...
Трафик на копипасте отчет №2
Тренд нынче тр...
Пошаговая самостоятельная установка и настройка локального сервера MAMP на компьютер и перенос сайта
Всем привет дру...
Iphone за перепост
iphone за переп...
100 человек в сутки. Как добиться? Часть 1
В Интернете с...
Как заработать на ЖЖ. Подробный FAQ
Как заработать ...
Доменам. co. cc пришел конец
Доменам .co.cc ...
Преимущества аудита it
В современной с...
11 ошибок email-маркетинга в WordPress, которые следует избегать
Размышляете над...
Как правильно подключить шрифты в CSS на сайте?
Всем привет дор...
Арбитраж думаю надо пробовать!
Рассуждая о то...
Вот тут я заработал свой первый миллион
Здесь я записал...
Конкурс от binpartner. com с фондом в 9000$
Вы уже в курсе...
Новогодний конкурс от AzartCash!
Суть конкурса ...
Кейс наносайт по развлекательной тематике
Пиши годноту г...
Бинарные опционы от BinPartner рвут топ на лето, успей поднять лавешки!
Известный серв...
Binpartner. com обновился!
Уважаемые вебм...

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

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

Ваш электронный адрес не будет опубликован.


*