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

Добавлено в закладки: 0

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

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

Начало формы

Ваше имя:
 
Ваш e-mail (для ответа):
 
Ваше сообщение:

Конец формы

 

Чтобы создать такой тип формы обратной связи вам не потребуются выполнять никакие сверхсложные задачи, стоит только понимать базовые знания об HTML и уметь приводить в действие две команды – это  Копировать и Вставить. Теперь давайте проанализируем более детально, как создать форму обратной связи на HTML.

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

<form method=”post” action=”mail.php”>
<strong>Ваше имя:</strong><br />
<input type=”text” name=”name” size=”30″/>
<br />
<strong>Ваш e-mail (для ответа):</strong><br />
<input name=”email” type=”text” size=”30″ />
<br />
<strong>Ваше сообщение:</strong><br />
<textarea name=”mess” rows=”3″ cols=”25″></textarea>
<p>
<input type=”submit” value=”Отправить сообщение”/>
</p>
</form>

Очевидно, что вся обратная связь формируется при помощи тега <form> с параметрами action=mail.php и method=post. Некоторые строки появляются при помощи  тега <input> с довольно понятными параметрами. То как располагаются отдельные элементы формы, а так же сам текст, шрифты и прочее, можно поменять в соответствии с общей стилистикой всего сайта.

Далее создадим страницу mai.php, которая имеет аналогию обыкновенной HTML, но с расширением .php. Такую страницу нужно разместить в тот же самый каталог сайта, где располагается страница с обратной формой связи. Более полный код указан на рис.2:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″/>
<title>Обратная связь</title>
</head>
<body>
<?php
if (isset($_POST[‘name’])) {$name = $_POST[‘name’];}
if (isset($_POST[’email’])) {$email = $_POST[’email’];}
if (isset($_POST[‘mess’])) {$mess = $_POST[‘mess’];}

$to = “адрес_почты_здесь“; /*Укажите ваш адрес электронной почты*/
$headers = “Content-type: text/plain; charset = windows-1251”;
$subject = “Сообщение с вашего сайта”;
$message = “Имя пославшего: $name \nЭлектронный адрес: $email \nСообщение: $mess”;
$send = mail ($to, $subject, $message, $headers);
if ($send == ‘true’)
{
echo “<b>Спасибо за отправку вашего сообщения!<p>”;
echo “<a href=”index.html>Нажмите,</a> чтобы вернуться на главную страницу”;
}
else 
{
echo “<p><b>Ошибка. Сообщение не отправлено!”;
}
?>
</body>
</html>

Стоит  обратить особое внимание на места, которые выделяются красноватым цветом:

  • адрес_почты_здесь  – данный адрес вам нужно заменить на ваш собственный адрес электронной почты.
  • a href=index.html – адрес домашней страницы вашего сайта.

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

Стоит отметить, что только-только установленная форма для обратной связи может заработать не сразу, а иногда и вовсе первые сообщения могут не дойти или же придти только через 1-2 дня. Обычно, спустя какое-то время работоспособность восстанавливается и всё начинает работать нормально. Более того, с определённых хостингов могут не дойти письма на некоторые адреса. Решается данная проблема довольно легко – достаточно обратиться к вашему хостеру.

Ещё один момент, который стоит упомянуть – это проблемы, которые могут возникнуть с кодировкой. Бывают случаи, когда вместо текста приходят непонятные символы или же пустые квадраты, что решается подбором вручную необходимой кодировки, что довольно проблематично. В подобных ситуациях можно решить проблему намного проще:  проверьте страницу с формой, имеет ли она кодировку charset=windows-1251. Например, в программе Adobe Dreamweaver это раздел в меню Изменить – > Свойства страницы – > Кодировка.

В примере, указанном ранее, чтобы упростить процесс, сообщение об отправлении данных выходит на пустой странице, что, конечно же, можно поменять. Например, вы вполне способны расположить его на абсолютно любой странице вашего сайта, для того чтобы посетитель смог воспользоваться меню навигации, для дальнейших действий. Чтобы это осуществить, вам потребуется разместить PHP-код, располагающийся от <?php и до ?>, в требуемое место на странице меню  и поменять название на mail.php.

Показать ещё
комментария 3 для “Создаем форму обратной связи на сайте”
  1. Оксана

    О да код работает!!!!!!!!!!!!!!!!!
    Огромное спасибо.

  2. Альберт

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

  3. Евгений

    Хотел бы порекомендовать современное решение с формой обратной связи. Использование конструктора форм Formdesigner. Русскоязычный сервис, знаний в программировании не нужно, из 2х-3х элементов форму можно сделать за пару минут, код скопировал и вставил к себе на сайт. Если конечно, большие задачи, создание тестов, онлайн калькуляторов, то нужно больше времени потратить, но оно того стоит. Также есть множество интеграций с CRM cистемами, почтовыми сервисами.

Ваш отзыв очень важен для нас.





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

Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Войти с помощью: 
Генерация пароля