Поддержка Проблемы и решения как подключить к вордпрессу форму связи которая уже есть на странице?

  • я натягиваю верстку на вордпресс первый раз меню, страницы уже сделал только как сделать чтобы когда форму заполнить и она отрправлялась админу на вордпресс или на емайл?

Просмотр 15 ответов — с 1 по 15 (всего 20)
  • вот код страницы с формой

    <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 ?

    и ничего не произошло ошибка

    вы код то адаптируйте под формат плагина.

    https://contactform7.com/text-fields/

    а можете на примере показать для одного поля(имя для кода что в верху? а дальше попробую по аналогии сделать остальные поля.

    <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»?

Просмотр 15 ответов — с 1 по 15 (всего 20)
  • Тема «как подключить к вордпрессу форму связи которая уже есть на странице?» закрыта для новых ответов.