В самый верх данного кода помещаем вот такой набор команд.

" . "\r\n" . "Ответить: " . $email; $headers = "Content-type: text/plain; charset=\"utf-8\""; mail($emailTo, $subject, $body, $headers); $emailSent = true; } } ?>

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

Взамен вставляем эти команды.

Теперь сохраняем файл под названием feedback.php и закидываем в папку с активной темой.

И на этом данный способ без плагинов закончен. В дополнении могу сказать, классы к элементам формы уже прописаны, если вы с CSS не очень, то я могу вам помочь и настроить.

Красивая форма обратной связи для сайта плагином

Плагин называется Contact Form 7. Из всех ныне существующих, я считаю что он самый лучший. Для начала надо установить его, можете через админку вордпресса (он есть в официальном репозитории), либо скачав отсюда официальная страничка . Думаю с установкой и активацией проблем не будет. Так он будет выглядеть при поиске из административной панели.

Теперь перейдем к самому плагину. На скриншоте ниже показаны все аспекты и функции плагина, схема простая.

После чего плагин выдаст шорт код.

Копируем его и вставляем в режиме текст в любую запись или страницу, либо напрямую в код шаблона, либо в виджет. Я сделал страницу, назвал ее форма обратной связи и вставил этот шорткод.

И вот результат, мне нравится, еще больше радует, что плагин на русском языке и бесплатно распространяемый. Изменить внешний не составляет труда, если вы конечно хоть маленько знаете CSS.

Покопайтесь в contact form 7, там есть много интересных вещей, например, функция с прикреплением файла.

С помощью сервиса

Обыскал много сервисов, почти все платные, остальные сами по себе мне не понравились. А этот зацепил простотой и легкостью, к тому же русский. Называется он formm.ru , заходите на него, и сразу видим окно настройки формы.

Должна работать, проверяйте, я пробовал, на вордпрессе идет отлично. Что мне понравилось в любой конфигурации есть встроенная капча.

Плагин всплывающей обратной связи Easy FancyBox

Не хотел обозревать, но люди ищут эту информацию, для этого надо поставить плагин Easy FancyBox, вот его страница , его так же можно установить через админпанель в вордпрессе, через поиск.

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

Написать письмо

здесь шорткод формы из contact form 7

В том месте где написано “шорт код” вставляем код, который копировали в Contact Form 7. Должно получить так.

То есть мы сделали ссылкой всплывающую обратную связь, если прикрепить к этому CSS то можно сделать при нажатии на кнопку или картинку, но это уже уроки верстки. У меня все сработало. В итоге получиться, ссылка, при нажатии на которую появится всплывающее окно.


Вот и создалась ваша первая wordpress форма обратной связи, без особых усилий. Лично мой выбор это плагином, но у меня сделано кодом, так и оставил, а вам что по душе. Если у вас не работет, то обращайтесь ко мне в комментариях.

Продолжаем серию постов посвященных обратной связи в системе управления WordPress. Сегодня я попробую расказать вам как делается без плагина на базе штатной функции wp_mail с помощью технологии программирования ajax.

Преимущества обратной связи wordpress без плагина

• на сайте не подгружается лишний яваскрипт и CSS код - становится более легким;
• форма обратная связь WordPress без плагина менее подвержена спаму, при условии что ваш код уникальный;
• можно настроить вывод по своему вкусу, сделать форму любой сложности.

Для того, чтоб создать форму обратная связь WordPress, без использования плагинов нам потребуется минимум знаний пхп, просто скопируйте код в нужное место.

Код для создания обратная связь WordPress без плагина

Приступим!

Открываем файл functions.php вашей темы и забрасываем туда вот такой код:

function myform_action_callback() { global $wpdb; global $mail; $nonce=$_POST["nonce"]; $rtr=""; if (!wp_verify_nonce($nonce, "myform_action-nonce"))wp_die("{"error":"Error. Spam"}"); $message=""; $to="vash_mail@сайт"; // заменить на свою почту $headers = "Content-type: text/html; charset=utf-8 \r\n"; $headers.= "From: [email protected] \r\n"; // заменить на другой ящик $subject="Сообщение с сайта ".$_SERVER["SERVER_NAME"]; do_action("plugins_loaded"); // не обязательно включать в новых ВП, возможно потребуется отключить if (!empty($_POST["name"]) && !empty($_POST["mess"]) && !empty($_POST["email"])){ $message.="Имя: ".$_POST["name"]; $message.="
E-mail: ".$_POST["email"]; $message.="
Сообщение:
".nl2br($_POST["mess"]); if(wp_mail($to, $subject, $message, $headers)){ $rtr="{"work":"Сообщение отправлено!","error":""}"; }else{ $rtr="{"error":"Ошибка сервера."}"; } }else{ $rtr="{"error":"Все поля обязательны к заполнению!"}"; } echo $rtr; exit; } add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback"); add_action("wp_ajax_myform_send_action", "myform_action_callback"); function myform_stylesheet(){ wp_enqueue_style("myform_style_templ",get_bloginfo("stylesheet_directory")."/css/styleform.css","0.1.2",true); wp_enqueue_script("myform_script_temp",get_bloginfo("stylesheet_directory")."/js/scriptform.js",array("jquery"),"0.1.2",true); wp_localize_script("myform_script_temp", "myform_Ajax", array("ajaxurl" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("myform_action-nonce"))); } add_action("wp_enqueue_scripts", "myform_stylesheet"); function formZak() { $rty="

В первой функции "myform_action_callback" нужно $to="vash_mail@сайт"; - заменить на свою почту. Также, возможно, у вас возникнуть проблемы со строчкой do_action("plugins_loaded"); - на новых версиях ВП можно обойтись без неё. Больше ничего менять не нужно, пример рабочий и обратная связь wordpress без плагина тестировалась на версии WP 4.2 и 4.9.1.

Следуя из этого кода, вам нужно создать в теме 2 папки: "css" и "js". Если эти директории уже присутствуют в вашей теме то создавать не нужно. Закидываем в директорию "css" файл стилей "styleform.css" - и при желании записываем туда стили формы. Я этого делать не буду, так как для работы примера стили не нужны.

В директорию "js" закидываем файл "scriptform.js" и туда записываем вот такой простой код:

function myform_ajax_send(name,email,mess){
jQuery.ajax({
type: "POST",
url: myform_Ajax.ajaxurl,
dataType:"json",
data:{
"name":jQuery(name).val(),
"email":jQuery(email).val(),
"mess":jQuery(mess).val(),
"nonce": myform_Ajax.nonce,
"action":"myform_send_action"
},
success: function (data) {
if(data.error==""){
alert(data.work);
}else{
alert(data.error);
}
},
error: function () {
alert("Ошибка соединения");
}
});
}

Не забываем закачать эти файлы к себе на сервер.

Все готово! - для того чтоб вывести форму достаточно вставить шорткод в пост или страницу своего сайта.

Если нужно вызвать форму из пхп, например в низу страницы воспользуйтесь вызовом шорткодов:

Вы можете скопировать этот код к себе на сайт и попробовать затестировать, все должно работать, я специально проверял этот пример у себя. Вот такой ответ должен прийти на почту:

Как вы поняли, вот так просто делается без плагина. Дальше я попробую немножко рассказать что значит этот код, если конечно это вам интерестно.

Описание обратной связи для wordpress без плагина

myform_action_callback() - функция для отправки сообщения с формы обратной связи вам на почту.

add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback");
add_action("wp_ajax_myform_send_action", "myform_action_callback");

подключают нашу функцию отправки к аякс запросу. Важный момент в том, что от сюда "myform_send_action" должна совпадать с вот этой строчкой в вашем яваскрипт файле: "action":"myform_send_action"

myform_stylesheet() - функция для подключения файла стилей, яваскрипта и создания переменной яваскрипт myform_Ajax, которая в себя включает myform_Ajax.ajaxurl - сылка на обработчик аякс запроса и myform_Ajax.nonce - уникальная проверка на то, что отправка формы шла именно с вашего сайта (нужна для предотвращения спама и взлома сайта).

formZak() - функция, где формируется код формы. Тут мы можем добавлять или убирать нужные поля.

Последняя строчка функций: add_shortcode("formZak", "formZak"); регистрирует шорткод, чтоб нам было удобно работать с нашей формой обратной связи для wordpress без плагина.

Решил создать маленькую табличку, чтоб структурировать файлы которые вы должны создать или в которые нужно забросить код для того, чтоб работала обратная связь wordpress без плагина. Их не много думаю сможете разобраться.

Вроде все описал о том как создать форму обратной связи без плагинов. Если у вас остались вопросы по коду, или у вас не получилось запустить эту форму у себя на сервере можете описать проблему в комментариях. Буду рад помочь решить вашу проблему. До новых встреч.

Скачать этот пример увы не получится, так как не могу давать в вашу тему свой файл functions.php , он банально не подойдет:(.

При обнаружении проблем в работе этого кода просьба сообщить нам об этом, будем признательны. Трабл возможный по причине обновления ВП и отключении какой нибудь с используемых функций, или же при переходе на новую библиотеку jquery.

Это очередная статья о том, как сделать ваш сайт на базе WordPress чуть лучше, информативнее и привлекательнее. И сегодня вы узнаете как организовать на сайте WordPress обратную связь без помощи плагинов.

Форма обратной связи — это один из важнейших элементов на сайте, очередной шаг навстречу посетителю. А посетители — это самое важное для любого сайта. Поэтому, и я считаю, вы со мной согласитесь, страница с формой обратной связи обязательна к установки на каждый сайт!

И в этой статье я подробно остановлюсь на том, как же добавить форму обратной связи на сайт WordPress.

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

Форма должна быть наглядной и понятной.

Обычно, достаточно бывает следующего набора полей:

• Адрес электронной почту (e-mail)
• Тема сообщения
• Текст сообщения

Задачи поставлены, приоритеты расставлены, поля для формы определены. Можно приступать непосредственно к созданию.

Создаем форму обратной связи для сайта на базе WordPress

1. Создаем новый файл contact.php
2. Открываем его в своем любимом текстовом редакторе и копируем в него следующий код
\n\n" . __("Messege", "theme_textdomain") . ":\n$messege\n\n--\n" . __("This mail is sent via contact form on ", "theme_textdomain") . get_bloginfo("name") . "\n" . get_bloginfo("url"); $headers = "From: $name"; $headers = "Reply-To: $email"; /* $headers = "To: $emailTo"; */ wp_mail($emailTo, $subject, $body, $headers); $emailSent = true; unset($_POST["contactName"], $_POST["email"], $_POST["subject"], $_POST["messege"], $_POST["control"]); } } ?>

" class="contact-form required" />

" class="contact-form required email" />

" class="contact-form required subject" />

<?php if (isset($_POST["messege"])) { if (function_exists("stripslashes")) { echo stripslashes($_POST["messege"]); } else { echo $_POST["messege"]; } } ?>

" class="rcontact-form required question" />
">
3. Сохраняем файл contact.php и загружаем его в папку с файлами вашей темы
4. Открываем для редактирования файл functions.php и добавляем в него следующий код
/* Shortcode contact */ function contact_shortcode($content = null) { return get_template_part("contact"); } add_shortcode("contact", "contact_shortcode");
5. Сохраняем документ

Все готово к работе.

Как добавить форму обратной связи на страницу WordPress

1. Создаем новую страницу
2. Вводим название страницы — например, «Обратная связь»
3. В поле содержимого вставляем короткий код [ contact ]
4. Опубликовываем страницу
5. Пользуемся

Как русифицировать форму обратной связи WordPress

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

А для новичков и самых любознательных объясню в двух словах что делает вышеприведенный код.

Первая часть кода проверяет форму на наличие незаполненных полей и на наличие ошибок в заполненных полях. При их отсутвии введенное сообщение отправляется посредством e-mail администратору сайта.

If (isset($_POST["submitted"])) { if (trim($_POST["contactName"]) === "") { $nameError = __("Please enter your name", "theme_textdomain"); $hasError = true; } else { $name = trim($_POST["contactName"]); } if (trim($_POST["email"]) === "") { $emailError = __("Please enter your email address", "theme_textdomain"); $hasError = true; } else if (!preg_match("/^[[:alnum:]]*@+\.{2,4}$/i", trim($_POST["email"]))) { $emailError = __("You entered an invalid email address", "theme_textdomain"); $hasError = true; } else { $email = trim($_POST["email"]); } if (trim($_POST["messege"]) === "") { $commentError = __("Please enter a message", "theme_textdomain"); $hasError = true; } else { $messege = stripslashes(trim($_POST["messege"])); } if (trim($_POST["control"]) != "31") { $controlError = __("Enter the correct answer to the question", "theme_textdomain"); $hasError = true; } else { $control = trim($_POST["control"]); } if (!isset($hasError)) { $emailTo = get_option("admin_email"); if (trim($_POST["subject"]) != "") { $subject = trim($_POST["subject"]); } else { $subject = ""; } $body = __("From", "theme_textdomain") . ": $name <$email>\n\n" . __("Messege", "theme_textdomain") . ":\n$messege\n\n--\n" . __("This mail is sent via contact form on ", "theme_textdomain") . get_bloginfo("name") . "\n" . get_bloginfo("url"); $headers = "From: $name"; $headers = "Reply-To: $email"; /* $headers = "To: $emailTo"; */ wp_mail($emailTo, $subject, $body, $headers); $emailSent = true; unset($_POST["contactName"], $_POST["email"], $_POST["subject"], $_POST["messege"], $_POST["control"]); } }

Следующая часть кода отвечает за проверку результа отправки сообщения, и вывода соответствующего сообщения

If (isset($emailSent) && $emailSent == true) { ?>

И соответственно оставшаяся часть исходного кода отвечает за вывод самой формы на экран

Будьте осторожны! При смене темы оформления на вашем сайте, страница с формой обратной связи перестанет работать. Вам нужно будет вручную скопировать файл contact.php в директорию с новой темой и настроить перевод и оформление.