Как интегрировать форму обратной связи из футера в вп?
Ребят, такой вопрос. Есть подвал из готовой темы. В подвале есть форма. Как интегрировать эту форму в вп?
Форма как пример. В дальнейшем изменю. Тапками не кидайтесь.
<div class="col-md-4 col-xs-6 col-sm-6 text-center"> <h3>Обратная связь</h3> <form> <div class="form-group"> <label for="exampleFormControlInput1">Email address</label> <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"> </div> <div class="form-group"> <label for="exampleFormControlTextarea1">Example textarea</label> <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> </div> </form> </div>
Очень распространенная ошибка начинающих wordpress-разработчиков - это верстка шаблона отдельно, натягивание на вордпресс отдельно. По уму все делается одновременно и стили подстраиваются под тот HTML который генерирует вордпресс.
По хорошему, вам теперь нужно найти плагин который может подхватить вашу форму "как есть". Посоветовать какой плагин вам поможет в этой ситуации не смогу, не сталкивался с такой ситуацией.
У вас 3 варианта решения данной проблемы:
1) подцепить собственный сендер формы на ajax-e
2) поставить плагин CF7, создать там аналогичную форму и переписать стили под тот HTML который сгенерирует плагин. Естественно еще и вывести эту форму в том месте вашего шаблона вместо этой.
3) см вариант 2. только оставить все как есть и форму от CF7 вывести как скрытую, но придется дописать JS который будет дублировать все изменения и отправку формы из видимой в скрытую и обратно если приходят ошибки отправки.
Спасибо, буду пробовать.