Как подружить Contact form 7 и шаблон.

Итак, у нас есть замечательный плагин contact form 7, который относительно прост в составлении форм из простейших элемнотов — текстовые поля, чек-боксы и прочее. Можно даже приложить файл для отправки или прикрутить captcha. Но хочется встроить формы в сайт так, что бы они смотрелись его органичной частью, а не явно сторонним сервисом.

Как это сделать?

Я опишу самый простой вариант, который потребует минимального знания верстки. Нам понадобятся следующее: Готовая форма, Браузер с поддержкой просмотра кода отдельных элементов — например Chrome или Mozilla, и понимание того, чего вы от формы хотите. Не для всех шаблонов это подойдет, всё зависит от конкретного случая.

Весь процесс будет проще на тех шаблонах, котрые активно используют шорткоды для разметки страниц.

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

Теперь потребуется найти код в который нужно обернуть нашу форму. Скопируйте весь код в который обернут тот элемент вместо которого вы хотите видеть вашу форму и вставьте его на странице редактирования формы. В результате у вас получится, что элементы формы «обернуты» в код разметки к которому применены стили оформления этого шаблона.

Если же вы знакомы с css и html достаточно хорошо, то можете с нуля сверстать подходящую для Вашей фомы разметку и оформление, но это займет больше времени, чем описанный мной способ.

   

Яндекс.Метрика