WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Как интегрировать форму обратной связи из футера в вп?

Ребят, такой вопрос. Есть подвал из готовой темы. В подвале есть форма. Как интегрировать эту форму в вп?

Форма как пример. В дальнейшем изменю. Тапками не кидайтесь.

 <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>
0
shuzsmiling
9 апреля 2020
  • 1
    el-lable370 el-lable.ru

    Очень распространенная ошибка начинающих wordpress-разработчиков - это верстка шаблона отдельно, натягивание на вордпресс отдельно. По уму все делается одновременно и стили подстраиваются под тот HTML который генерирует вордпресс.
    По хорошему, вам теперь нужно найти плагин который может подхватить вашу форму "как есть". Посоветовать какой плагин вам поможет в этой ситуации не смогу, не сталкивался с такой ситуацией.

    У вас 3 варианта решения данной проблемы:
    1) подцепить собственный сендер формы на ajax-e
    2) поставить плагин CF7, создать там аналогичную форму и переписать стили под тот HTML который сгенерирует плагин. Естественно еще и вывести эту форму в том месте вашего шаблона вместо этой.
    3) см вариант 2. только оставить все как есть и форму от CF7 вывести как скрытую, но придется дописать JS который будет дублировать все изменения и отправку формы из видимой в скрытую и обратно если приходят ошибки отправки.

    shuzsmiling 9 Апр. 2020

    Спасибо, буду пробовать.

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация