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

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

Это HTML-код самой формы:

form method="post" action="">
Имя: 
<input type="text" class="text" name="user_name" size="50"/>
Е-mail: 
<input name="user_email" type="text" class="style" size="50"/>
Тема: 
<input type="text" class="text" name="mess_subj" size="50"/>
Сообщение: 
<textarea name="mess" class="textarea" rows="8" cols="45"></textarea>
<input type="submit" value="Отправить сообщение"/>
</form> 

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

<?php
$flag_error = false;

if (isset($_POST['user_name'])) {$user_name = $_POST['user_name'];}
if (isset($_POST['user_email'])) {$user_email = $_POST['user_email'];}
if (isset($_POST['mess_subj'])) {$mess_subj = $_POST['mess_subj'];}
if (isset($_POST['mess'])) {$mess = $_POST['mess'];}
if (empty($user_name))
{
    echo "Укажите имя!";
    $flag_error = true;
}
if (empty($user_email))
{
    echo "Укажите e-mail!";
    $flag_error = true;
}
if (empty($mess_subj))
{
    echo "Напишите тему письма!";
    $flag_error = true;
}
if (empty($mess))
{
    echo "Сообщение не написано!";
    $flag_error = true;
}

$to = "электронная почта администратора сайта";
$headers = "Content-type: text/plain; charset = windows-1251";
$subject = "Сообщение".$mess_subj;
$message = "Имя пославшего: $user_name \nЭлектронный адрес: $user_email \nСообщение: $mess";

if ($flag_error == false && mail($to, $subject, $message, $headers) )
{
    echo "Сообщение отправлено";
}
else
{
    echo "Не удалось отправить сообщение!";
}
?>

Обязательно поменяйте значение переменной $to (адрес почты админа сайта). Пример:

$to = "ivanov@yandex.ru";

Ну и для красоты прописываем стили, здесь можно фантазировать на свое усмотрение:

.text, .textarea{
    font: normal 12pt verdana;
    border: 1px solid #808080;
    color: #6C3DD3;
    border-radius: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

Теперь любой пользователь будет иметь возможность связаться с владельцем сайта.

Выглядит сама форма так:


Источник первого изображения pixabay.com

сайтостроениеэлементсайтыcmsблогиupvotebot
352
227.725 GOLOS
1
В избранное
maximus00
На Golos с 2017 M08
352
1

Зарегистрируйтесь, чтобы проголосовать за пост или написать комментарий

Авторы получают вознаграждение, когда пользователи голосуют за их посты. Голосующие читатели также получают вознаграждение за свои голоса.

Зарегистрироваться
Комментарии (7)
Сортировать по:
Сначала старые