Форма обратной связи для заказа обедов в офис

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

Вы можете отправить мне сообщение, заполнив следующую форму:

Отправка сообщения с этой формы происходит с помощью РНР-файла, в котором нас интересуют следующие строчки (чтобы не повторяться, опять вынужден отослать вас к предыдущей статье Простая форма обратной связи с проверкой введенных данных. Прошу извинить!):

$to = "pupkin@rambler.ru";  /*Здесь укажите свой адрес!*/

        $charset = "utf-8";

        $subject = "Сообщение с вашего сайта";

        $message = "Имя пославшего: $name \nЭлектронный адрес: $email \nСообщение: $mess";

        $send = mail ($to, $subject, $message);

Для задания вида письма необходимо добавить строку заголовков headers, которая служит для определения в почтовой программе некоторых дополнительных параметров письма. В частности, в headers можно указать тип документа text/plain (простой текст) или text/html (html-текст), адрес отправителя, кодировку и др. Для нашего случая, чтобы мы могли использовать обычные HTML теги, добавим следующую строчку заголовков:

$to = "pupkin@rambler.ru";  //Здесь укажите свой адрес

        $headers = "Content-type: text/html; charset = utf-8";

        $subject = "Сообщение с вашего сайта";

        $message = "<strong>Имя пославшего:</strong> $name <br />

        Электронный адрес: <a href='mailto:$email'>$email</a> <br />

        <strong>Сообщение:</strong> <font color=#ff0000>$mess</font >";

        $send = mail ($to, $subject, $message, $headers);

Теперь мы можем оформлять отправляемые сообщения привычными тегами, а не РНР-шными \n, \r и др. При этом вам не надо штудировать справочники по РНР и другие очень умные и полезные книжки(!). Как вы заметили, в нашем примере я уже поиздевался над письмом, применив теги выделения <strong>, перевода строки <br /> и задания цвета <font color=#ff0000>. Обратите внимание на изменение в оформлении электронного адреса: раз уж мы перешли на HTML, то и адреса ссылок придется оформлять корректно - ложка дегтя для Винни-Пуха. И еще не забывайте, что браузеры по-разному интерпретируют HTML, и вид ваших писем может отличаться при просмотре в Opera или, например, в Firefox. Так что проблемы совместимости, мучающие всех веб-мастеров, снова вернутся к вам.

Если же вы не боитесь этих проблем, то перейдем к конкретному примеру - созданию меню для заказа обедов через интернет. Пусть оно будет выглядеть так (скудно, но пообедать можно):

Как всегда, напоминаю, что форма работоспособная (попробуйте её заполнить), а HTML-код этого примера можно посмотреть и скопировать, нажав в браузере CTRL+U. При копировании не забудьте указать в форме страничку с РНР программой обработки <form action="mail.php" method="post">.

С помощью JavaScript (см. HTML-код страницы) дополнительно сделана проверка ввода количества блюд (допустимы только цифры) и обязательных полей названия фирмы и телефона. Клиент вводит количество блюд и свои реквизиты, после чего отсылает заказ. Вы получаете злектронное письмо и на его основании комплектуете обед для доставки. Если пришедшее письмо оформлено в виде простого текста, а ваше меню не такое бедное, а занимает несколько страниц, то разобраться в пришедшем к вам заказе достаточно сложно. В результате путаницы клиенту вполне может достаться оригинальное кушанье "Рыба "Курица" с гарниром из салата оливье под соусом "Компот из сухофруктов".

Чтобы такого не произошло, используем форматирование электронного письма с помощью HTML, задав в РНР-файле $header = "Content-type: text/html; charset = utf-8". На мой взгляд, удобнее всего оформить письмо также в виде таблицы. Возможный вариант приходящего на ваш e-mail письма-заказа такой:

Заказ на вторник от Пупкин и Ко
Имя, телефон: 123456
Электронный адрес: pupkin@rambler.ru
Замечания: Кушать очень хочется!

В таком письме-заказе вы сразу видите отмеченные пункты меню с количеством блюд. Это удобно! Для создания и отправки письма была использована простая РНР программа. Полный её текст, размещенный на странице 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=utf-8" />

        <meta name="Keywords" content="Доставка обедов в офис" />

        <meta name="Description" content="Доставка обедов в офис" />

        <title>Заказ обедов в офис</title>

        </head>

        <body>

        <?php

        if (isset($_POST['name'])) {$name = $_POST['name'];}

        if (isset($_POST['phone'])) {$phone = $_POST['phone'];}

        if (isset($_POST['email'])) {$email = $_POST['email'];}

        if (isset($_POST['mess'])) {$mess = $_POST['mess'];}

        

        if (isset($_POST['menu_01'])) {$menu_01 = $_POST['menu_01'];}

        if (isset($_POST['menu_02'])) {$menu_02 = $_POST['menu_02'];}

        if (isset($_POST['menu_03'])) {$menu_03 = $_POST['menu_03'];}

        if (isset($_POST['menu_04'])) {$menu_04 = $_POST['menu_04'];}

        if (isset($_POST['menu_05'])) {$menu_05 = $_POST['menu_05'];}

        if (isset($_POST['menu_06'])) {$menu_06 = $_POST['menu_06'];}

        if (isset($_POST['menu_07'])) {$menu_07 = $_POST['menu_07'];}

        if (isset($_POST['menu_08'])) {$menu_08 = $_POST['menu_08'];}

        if (isset($_POST['menu_09'])) {$menu_09 = $_POST['menu_09'];}

        if (isset($_POST['menu_10'])) {$menu_10 = $_POST['menu_10'];}

        if (isset($_POST['menu_11'])) {$menu_11 = $_POST['menu_11'];}

        if (isset($_POST['menu_12'])) {$menu_12 = $_POST['menu_12'];}

        if (isset($_POST['menu_13'])) {$menu_13 = $_POST['menu_13'];}

        

        $to = "pupkin@mail.ru";

        $subject = "Заказ на вторник";

        $message = "<strong>Заказ на вторник  от  $name<br />

        Имя, телефон: $phone<br />

        Электронный адрес: <a href='mailto:$email'>$email</a> <br />

        Замечания: </strong><font color=#ff0000>$mess</font ><br />

        <br />

        <table width='600' border='1'  cellpadding='1' cellspacing='0' >

        <tr >

        <th colspan='2' bgcolor='#ccffff' align='center'>Заказ на доставку обедов в офис</th>

        </tr>

        <tr>

        <th colspan='2'  > Салаты </th>

        </tr>

        <tr >

        <td width='550'>Дачный</td>

        <th  width='50'>$menu_01</th>

        </tr>

        <tr >

        <td >Летний</td>

        <th  >$menu_02</th>

        </tr>

        <tr>

        <th colspan='2' > Супы</th>

        </tr>

        <tr >

        <td >Суп овощной</td>

        <th  >$menu_03</th>

        </tr>

        <tr >

        <td >Похлёбка по-суворовски (рыбная)</td>

        <th  >$menu_04</th>

        </tr>

        <tr>

        <th colspan='2' > Второе</th>

        </tr>

        <tr>

        <th  align='left' > Бифштекс рубленый (без гарнира)</th>

        <th  >$menu_05</th>

        </tr>

        <tr>

        <td >+ греча</td>

        <th >$menu_06</th>

        </tr>

        <tr >

        <td >+ рис</td>

        <th  >$menu_07</th>

        </tr>

        <tr>

        <th  align='left' > Рулет натуральный из курицы с зеленью (без гарнира)</th>

        <th  >$menu_08</th>

        </tr>

        <tr>

        <td >+ греча</td>

        <th >$menu_09</th>

        </tr>

        <tr >

        <td >+ рис</td>

        <th  >$menu_10</th>

        </tr>

        <tr >

        <th colspan='2'  >Выпечка, хлеб</th>

        </tr>

        <tr>

        <td >Плюшка сдобная с сахаром</td>

        <th  >$menu_11</th>

        </tr>

        <tr>

        <td >Хлеб ржаной</td>

        <th  >$menu_12</th>

        </tr>

        <tr>

        <td >Хлеб белый</td>

        <th  >$menu_13</th>

        </tr>

        </table>";

        $headers = "Content-type: text/html; charset = utf-8";

        $send = mail ($to, $subject, $message, $headers);

        if ($send == 'true')

        {

        echo "<p align='center'><b>Спасибо за отправку вашей заявки.<br />";

        echo "В ближайшее время с вами свяжутся наши менеджеры.";

        }

        else

        {

        echo "<p><b>Ошибка. Сообщение не отправлено!";

        }

        ?>

        </body>

        </html>

При написании всоего варианта меню не забудьте заменить адрес г.Пупкина на адрес вашей почты. Кстати, к вопросу о совместимости браузеров. Вы заментили в приведенном примере странную комбинацию <th align='center'>, хотя тег <th> уже подразумевает выравнивание содержимого по центру, но Firefox напрочь это игнорировал, и пришлось вводить атрибут align='center'.

Приведенная форма обратной связи для заказа обедов - простейшая, поэтому её легко изменять и корректировать. Не стоит забывать, что меню регулярно меняется (обычно ежедневно), и вам придется его править самостоятельно, если не сможете найти раба или рабыню.

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

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

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

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

Форма обратной связи для заказа обедов в офис

Ключевые слова: создание анкеты на сайте, форма обратной связи для заказа обедов, отправка e-mail с сайта, интернет магазин