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

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

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

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

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

Теперь я поделюсь своим опытом, как это сделать.

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

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

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

Переходим к делу.

Для начала в каталоге с вашей темой WordPress на хостинге (http://ваш сайт/wp-content/themes/название темы/) нужно создать файл с именем, к примеру, contact.php.

Сделать это можно с помощью доступа к файлам сайта с использованием FTP-клиента, после чего вставить в данный файл (например, с использованием редактора notepad++) следующий код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<meta http-equiv='refresh' content='5; url=http://ваш сайт/'>
<meta charset="UTF-8" />
<?php
if (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}
if (isset($_POST['email'])) {$email = $_POST['email']; if ($email == '') {unset($email);}}
if (isset($_POST['sub'])) {$sub = $_POST['sub']; if ($sub == '') {unset($sub);}}
if (isset($_POST['body'])) {$body = $_POST['body']; if ($body == '') {unset($body);}}
if (isset($name) && isset($email) && isset($sub) && isset($body)){
$address = "ваш email";
$mes = "Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body";
$send = mail ($address,$sub,$mes,"Content-type:text/plain; charset = UTF-8\r\nFrom:$email");
if ($send == 'true')
{echo "Сообщение отправлено, через 5 секунд Вы будете направлены на главную страницу, где сможете продолжить чтение сайта <a href='http://ваш сайт/'>ваш сайт</a>";}
else {echo "Ошибка, сообщение не отправлено!";}
}
else
{
echo "Вы заполнили не все поля, необходимо вернуться назад!";
}
?>

Замените в данном коде «ваш сайт» и «ваш email» на свой сайт и свой email, на который желаете получать письма, отправленные через форму обратной связи.

После этого, как и в случае с созданием формы обратной связи с использованием плагина, создаем страницу «Обратная связь» , в которую (с использованием встроенного редактора WordPress в режиме ТЕКСТОВОГО редактора, не визуального) вставляем следующий код:

1
2
3
4
5
6
7
8
9
<h2>Связаться со мной</h2>
<form name="form" action="/wp-content/themes/название темы/contact.php" method="post">
<p><input class="input" name="name" type="text" style="width:31%" value="Ваше имя" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></p>
<p><input class="input" name="email" type="text" style="width:31%" value="Ваш email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></p>
<p><input class="input" name="sub" type="text" style="width:31%"value="Тема сообщения" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></p>
<p>Текст сообщения:</p>
<textarea name="body" cols="1" rows="5" style="width:90%" /></textarea></p>
<p><input value="Отправить" type="submit" /></p>
</form>

Не забудьте вставить название своей темы в строке 2 вместо фразы «название темы». Далее сохраняем изменения и смотрим результат, все должно заработать и выглядеть примерно так:

Форма обратной связи WordPress без плагина

В принципе на этом создание формы обратной связи WordPress без плагина завершено.

При желании можно еще поэкспериментировать с настройками, назначить стили CSS и в итоге сделать внешний вид формы еще лучше, но это уже на ваше усмотрение.

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

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

Комментарии 2

  • Все работает, настраивается быстро, но приходят письма с кривого адреса и все в спам, плюс можно было бы еще капчу добавить

  • Мог бы порекомендовать плагин от компании Формдизайнер, всё хорошо работает и есть защита от спама, капча. Автору спасибо за статью!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector