www.seomark.ru
Обзоры интересных и полезных программ, фотография, радио, веб-дизайн и т.д. и т.п. и др. и пр.

Веб-дизайн и поисковая оптимизация

Логотип Софт

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

Создание анкеты на сайте

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

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

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

Для определения цены страховки автомобиля КАСКО
введите в таблицу необходимые для расчёта данные:
Марка автомобиля
Модель автомобиля:
Год выпуска:
Месяц выпуска:
Мощность автомобиля: л.с.
Противоугонные средства:
Ориентировочная стоимость автомобиля
на данный момент:
Автомобиль приобретён в кредит?
Автомобиль уже на руках?
Название банка, выдавшего кредит:
Риски:
Количество лиц, допускаемых к управлению:
Возраст всех лиц, допущенных к управлению:
например: 30/40/21, если допущенных три лица
Минимальный стаж всех лиц, допущенных к управлению:
например: 2/1/6, если допущенных три лица
Ваше имя:
Ваш город:
Ваш E-mail и/или телефон (для ответа):
Комментарии, пожелания. Укажите, например, в какое время удобнее Вам позвонить:

Рис.1. Пример формы обратной связи для расчёта КАСКО

Заполнение формы посетителем проверяем, для простоты, только для двух полей: "Ваше имя" и "Ваш E-mail и/или телефон (для ответа)", причём ограничимся наличием в этих полях любых букв или цифр. Соответствующий скрипт JavaScript и HTML-код приведенной формы обратной связи, естественно, можно посмотреть (команда CTRL+U) и скопировать для повседневных нужд в исходном коде данной страницы. Напомню, что в браузере IE для просмотра исходного кода надо выбрать в меню Вид-Источник. Если же вас вдруг заинтересуют расценки КАСКО, то отправить запрос и получить ответ можно здесь. Кстати, там же вы можете найти форму обратной связи с мгновенным онлайн расчетом ОСАГО с помощью JavaScript. Создание такого расчета подробно описано в статье Заказ товаров и услуг через форму обратной связи.

Вы, наверняка, заметили, что в некоторых разделах созданной нами формы-анкеты (например, Марка автомобиля) используются выпадающие (раскрывающиеся) списки. Их создание аналогично обычному полю ввода, только вместо тега <input> применяется <select> с соответствующими атрибутами. Подробно об этом рассказано в статье Форма обратной связи - примеры использования.

Идем дальше... Для того, чтобы заполненная форма-анкета поступила на нужный почтовый ящик, осталось только сделать РНР-файл и указать его имя в атрибуте action=" " тега <form>. Как и раньше, назовём этот файл mail.php. По сравнению с описанным в статье "Простая форма обратной связи с проверкой введенных данных", он получается немного сложнее, но разобраться в нём довольно просто. Ниже приведен полный код страницы mail.php:

<!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['phone'])) {$phone = $_POST['phone'];}
if (isset($_POST['car'])) {$car = $_POST['car'];}
if (isset($_POST['model'])) {$model = $_POST['model'];}
if (isset($_POST['year'])) {$year = $_POST['year'];}
if (isset($_POST['month'])) {$month = $_POST['month'];}
if (isset($_POST['hp'])) {$hp = $_POST['hp'];}
if (isset($_POST['antithief'])) {$antithief = $_POST['antithief'];}
if (isset($_POST['cost'])) {$cost = $_POST['cost'];}
if (isset($_POST['kredit'])) {$kredit = $_POST['kredit'];}
if (isset($_POST['ruki'])) {$ruki = $_POST['ruki'];}
if (isset($_POST['bank'])) {$bank = $_POST['bank'];}
if (isset($_POST['risk'])) {$risk = $_POST['risk'];}
if (isset($_POST['pilots'])) {$pilots = $_POST['pilots'];}
if (isset($_POST['minage'])) {$minage = $_POST['minage'];}
if (isset($_POST['city'])) {$city = $_POST['city'];}
if (isset($_POST['minexp'])) {$minexp = $_POST['minexp'];}
if (isset($_POST['comments'])) {$comments = $_POST['comments'];}
$to = "pupkin@rambler.ru";
$subject = "Заявка КАСКО";
$message = "Имя пославшего: $name \n
Электронный адрес: $phone\n
Марка автомобиля: $car\n
Модель автомобиля: $model\n
Год выпуска: $year\n
Месяц выпуска: $month\n
Мощность: $hp\n
Противоугонные средства: $antithief\n
Стоимость: $cost\n
Автомобиль приобретён в кредит: $kredit\n
Автомобиль уже на руках: $ruki\n
Название банка, выдавшего кредит: $bank\n
Риски: $risk\n
Количество лиц, допускаемых к управлению: $pilots\n
Возраст всех лиц, допущенных к управлению: $minage\n
Минимальный стаж всех лиц, допущенных к управлению: $minexp\n
Ваш город: $city\n
Комментарии: $comments\n";
$send = mail ($to,$subject,$message);
if ($send == 'true')
{
echo "<center><b>Спасибо за отправку вашей заявки.<br>В ближайшее время с Вами свяжутся наши менеджеры.<br>
<a href=index.html>Нажмите</a>, чтобы вернуться на главную страницу";
}
else
{
echo "Ошибка. Сообщение не отправлено!";
}
?>
</body>
</html>

При повторении или копировании файла не забудьте заменить pupkin@rambler.ru на ваш адрес электронной почты. После размещения на сайте и заполнения посетителем формы обратной связи вам будет приходить письмо такого вида:

ЗАЯВКА КАСКО
Дата отправки: 09 Dec 2009 20:18:44
Имя пославшего: Пупкин
Телефон и/или эл.почта: pupkin@rambler.ru
Марка автомобиля: Bentley
Модель автомобиля: А9
Год выпуска: 2009
Месяц выпуска: январь
Мощность автомобиля: л.с.: 500
Противоугонные средства:
Ориентировочная стоимость автомобиля: $100 000
Автомобиль приобретён в кредит?: Кредита нет
Автомобиль уже на руках?: Нет, собираюсь приобрести
Название банка, выдавшего кредит:
Риски: КАСКО (ущерб + угон)
Количество лиц, допускаемых к управлению: 1
Возраст всех лиц, допущенных к управлению:
20/30
Минимальный стаж всех лиц, допущенных к управлению: 2
Город: Нью-Йорк
Комментарии: Звоните в 6 утра

На самом деле пришедшее письмо будет выглядеть не совсем так. Оно будет в виде простого текста без выделения заголовков жирным шрифтом. Это, конечно, мелочь, но для больших писем-анкет иногда удобно применить форматирование текста, сделать его более удобным для восприятия. Наиболее просто это решается с помощью HTML. Такой способ отправки писем с формы обратной связи рассмотрим на примере создания анкеты-меню для заказа обедов в офис через интернет. Подобная услуга становится всё более популярной, ассортимент предлагаемых блюд расширяется, и если не применять форматирования меню, то разобраться в заказываемых блюдах и правильно сформировать заказ для отправки достаточно сложно. В результате клиенту вполне может достаться оригинальное кушанье "Рыба "Курица" с гарниром из салата оливье под соусом "Компот из сухофруктов".

Кроме того, также рассмотрим формирование заказа товаров и услуг с помощью формы обратной связи и проверку формы "на лету".

10.12.2009 г.

Задать вопрос автору

Создание и продвижение сайтов





Яндекс.Метрика

Copyright © 2008 - Марк Розенталь e-mail: Мой e-mail
Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru
Ключевые слова: создание анкеты на сайте, заполнение анкеты на сайте, отправка e-mail с сайта, форма обратной связи