Поддержка → Проблемы и решения → как подключить к вордпрессу форму связи которая уже есть на странице?
как подключить к вордпрессу форму связи которая уже есть на странице?
-
я натягиваю верстку на вордпресс первый раз меню, страницы уже сделал только как сделать чтобы когда форму заполнить и она отрправлялась админу на вордпресс или на емайл?
-
вот код страницы с формой
<section id="contact"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2>Contact Me</h2> <hr class="star-primary"> </div> </div> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. --> <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. --> <form name="sentMessage" id="contactForm" novalidate> <div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <label for="name">Name</label> <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name."> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <label for="email">Email Address</label> <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address."> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <label for="phone">Phone Number</label> <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number."> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <label for="message">Message</label> <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea> <p class="help-block text-danger"></p> </div> </div> <br> <div id="success"></div> <div class="row"> <div class="form-group col-xs-12"> <button type="submit" class="btn btn-success btn-lg">Send</button> </div> </div> </form> </div> </div> </div> </section>
а кто вашу форму обрабатывать то должен?
ставьте Contact Form 7 и рисуйте форму в нем.
ну это я с верстки вырезал нужно как то подключать ее чтобы отпралвялось сообщение?
форма показывается но как проверить что она оправляется?
она никуда у вас отправляться не будет — я обработчика не вижу.
я тоже смотрю нет метод post т.е
а обработчик можно дописать в этот же файл (этот код я разместил на страницы вордпрес.
добавить сницу типа
<?php if (isset($_POST[‘name’]) &&
isset($_POST[’email’]) &&
isset($_POST[‘text’])){$name= fix_string($_POST[‘name’]);
$email= fix_string($_POST[’email’]);
$text= fix_string($_POST[‘text’]);?> ?
ну формально да.
но на практике формы в wordpress делаются через contact form 7, он как бы стандартом давно стал.так вот я это и же хотел спросить ,
так а если я натягиваю готовую верстку в данном случае страница контактов как ее совместить с contact form 7 ? удалять написанную руками верстку данной страницы и классы из нее переписчать в contact form 7 ? просто первый раз делаю такой момент
вы плагин поставьте, сами увидите.
верстку прямо там пропишите.
а на странице просто шорткод вставите.попробую
нужно на страницу CONTACTS вставить [contact-form-7 id=»62″ title=»Контактная форма 1″]
а тот код что я выше выкладывал из CONTACTS поместить в поле плагина contact-form-7/Контактная форма 1 ?
а вот это
<label> Ваше имя (обязательно)
[text* your-name] </label><label> Ваш e-mail (обязательно)
[email* your-email] </label><label> Тема
[text your-subject] </label><label> Сообщение
[textarea your-message] </label>[submit «Отправить»]
как совместить с кодом html что выше там же все классы стилей?
- Ответ изменён 6 лет, 8 месяцев назад пользователем nickki2.
сделал так :
на страницу CONTACTS удалил все и вставил [contact-form-7 id=»62″ title=»Контактная форма 1″]
а тот код что я выше выкладывал из CONTACTS поместил в поле плагина contact-form-7/Контактная форма 1 ?
и ничего не произошло ошибка
вы код то адаптируйте под формат плагина.
а можете на примере показать для одного поля(имя для кода что в верху? а дальше попробую по аналогии сделать остальные поля.
<div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <label for="name">Name</label> <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name."> <p class="help-block text-danger"></p> </div> </div>
спасибо
- Ответ изменён 6 лет, 8 месяцев назад пользователем nickki2.
<div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <label for="name">Name</label> [text* your-name class:form-control id:name placeholder "Name"] <p class="help-block text-danger"></p> </div> </div>
а вы тут <label> пропустили? [text* your-name class:form-control id:name placeholder «Name»] </label>
и вот это required data-validation-required-message=»Please enter your name. заменено на placeholder «Name»?
- Тема «как подключить к вордпрессу форму связи которая уже есть на странице?» закрыта для новых ответов.