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

Question

[Макс Куликов]

Ребят, я тут сделал форму обратной связи в модальном окне. Теперь как сделать, чтобы после ее заполнения и отправки, сообщение приходило ко мне на почту?

<div id="modal-window" class="modal-window">
<div class="window-container fadeInDown animated">
<button class="close">Закрыть</button>
    <h1>Напишите мне письмо</h1>
            <form action="send.php" method="post">
                <input class="first" type="text" name="name" placeholder="Имя" required><br>
                <input class="first" type="email" name="email" placeholder="Email" required><br>
                <input class="first" type="subject" name="subject" placeholder="Тема"><br>
                <textarea class="input textarea" class="message" placeholder="Сообщение" required></textarea><br>
                <input type="submit" class="button" value="Отправить">
            </form>
</div>
</div>

Если я ставлю address="почта", то при отправке он меня перекидывает на страницу "Ничего не найдено"

Answer 1

[Игорь Воротнёв]

Если action у вас - send.php, то после нажатия на submit браузер уйдет на эту страницу, передав ей все заполненные поля в массиве $_POST. Вот его и надо в этом send.php обработать, обязательно очистить и экранировать, и отправить письмо с помощью функции wp_mail(). Поскольку send.php эту отдельный файл, который не является шаблоном темы, надо будет включить wp-header.php, или попросту воспользоваться стандартной функцией PHP - mail().

Но это не совсем правильный путь. Есть и другие, более удобные варианты, а поскольку форма у вас в попапе, то лучше всего воспользоваться Ajax'ом. Пишете в functions.php функцию обработки массива $_POST и отправки письма, саму функцию хукаете в аяксовые экшны, далее с фронтенда отправляете javascript'ом данные на этот action, возвращаете результат json'ом и выводите в вашем попапе.

Если все это звучит для вас слишком сложно - установите Contact Form 7, Ninja Forms или другой нормальный плагин для форм обратной связи, установите к нему расширение для работы формы в попапе и не морочьте себе голову.

Comments

[Макс Куликов]

Спасибо, но можно ли как нибудь сделать Contact Form 7 в модальном окне?

[Игорь Воротнёв]

maks843: Да, можно, ищите в репо. Вот например, https://wordpress.org/plugins/popups/, https://wordpress.org/plugins/modal-dialog/. Можно также вручную скрестить с любым адекватным попапом, я например свои формы (Gravity Forms) открываю в Magnific Popup. Также вместо CF7 можно использовать jetpack.me, у него есть своя форма обратной связи. Вот обсуждение как сделать ее в попапе https://wordpress.org/support/topic/how-to-use-jet...

[Макс Куликов]

Игорь Воротнёв: нет, не могу его стилизовать. С ним гемороя больше, чем просто с кодом PHP

[Игорь Воротнёв]

maks843: что именно не можете стилизовать? Форму или попап?

Answer 2

[Super User]

Поставьте плагин и не парьтесь.

Comments

[Макс Куликов]

У меня сайт под единый дизайн. А если поставить плагин, у него будет совсем другой дизайн. Мне, как web-дизайнеру это никак не нравится.

[Макс Куликов]

Я уже рассматривал такой вариант

[Ксения Михайлова]

Всегда можно грамотно стилизовать этот плагин под себя. Там очень гибкая система назначения классов и айди.