Бесчиние обратная связь отправить копию. Составление и написание делового письма. Как приложить к письму дополнительные материалы

Электронная почта - один из самых популярных способов бизнес-общения. Но, к сожалению, далеко не все знают, как написать такое деловое письмо, которое убедит получателя принять положительное решение по тому или иному вопросу.

По словам руководителя отдела рекламы и PR рекрутингового агентства Penny Lane Personnel Ларисы Чугуевской, обычно письма попадают под кнопку delete по двум основным причинам: из-за нечеткой формулировки вопроса и цели коммуникации, а также из-за излишне агрессивного тона. Именно поэтому тон каждого делового письма должен отличаться любезностью, а содержание - недвусмысленностью и прямотой изложения.

Каким еще должно быть письмо, которое захочется прочитать до конца и с которым захочется согласиться? Вот несколько советов по составлению.

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

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

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

Общайтесь на "языке" получателя. Тот, кто принимает решение, видит вопрос со своего ракурса и в контексте своего опыта. Если вы хотите, чтобы с вами согласились, индивидуализируйте письмо, ориентируясь на получателя. Например, если вы пишете коммерческому директору, то сосредоточьтесь на финансовой стороне вопроса. Помните, что вашему собеседнику интересно, прежде всего, то, что непосредственно касается его самого.

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

Договоритесь об обратной связи. Завершая письмо, обязательно спросите, когда вам ждать ответа на свой запрос. Этот вопрос не будет лишним - наоборот, убедит адресата в серьезности предложения.

"Конечно, важно правильно закончить письмо, особенно если вы ожидаете какой-то реакции от адресата. Лучше всего закончить вопросом или, если письмо длинное, то в конце, как бы резюмируя, написать "жду от вас ответа по таким-то вопросам", - говорит Мария Силина.

Мелкие штрихи

О том, какие еще детали стоит принять во внимание, рассказала арт-директор департамента интернет-проектов издательского дома "РДВ-медиа" Ольга Землякова:

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

Старайтесь чувствовать нюансы - например, когда уместно написать немного неформальное письмо, а когда допустим только строго регламентированный стиль.

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

Если ваше письмо посвящено сразу нескольким вопросам, структурируйте его.

Если ваше письмо заканчивается прямым вопросом (на который можно будет ответить простым "да"), то вы значительно увеличиваете свои шансы на быстрый ответ.

Что касается опечаток, то, конечно, лучше их не допускать (впрочем, единичные случаи не испортят вашей репутации). А вот если вы постоянно пишете одно и то же слово с ошибкой, то это будет заметно. Проверяйте себя хотя бы в текстовом редакторе.

Отдельно о подписи. Ее наличие - несомненный плюс, потому что в ней вы можете указать те свои контактные данные, которые сочтете нужными (рабочий и мобильный номера, Skype, личный электронный адрес, ссылка на страницы в соцсетях, адрес и сайт компании и т. д.). Подпись не должна быть слишком длинной - не более 4-6 строк. Кстати, если оставляете личную почту - проследите, чтобы ее логин был "серьезным". Некоторые специалисты, увидев адрес вроде vasya_pupkin777, могут неправильно вас понять".

Лечебные иголки и правила написания делового письма.
Как управлять активностью своего адресата.

Начну с неожиданного вопроса. В вас когда-нибудь вонзали иголки? В количестве этак от 15 до 30? И чтобы вы на это пошли совершенно добровольно? И чтобы еще получали от этого удовольствие и позитивный для здоровья результат?

Да? Тогда вы поймете, о чем я.

Нет? Значит, вы еще не знаете о чудодейственной силе процедуры под незатейливым названием иглоукалывание!

Я эту волшебную процедуру открыла для себя недавно, пару недель назад (в стремлении поднять общий физический тонус после изматывающее жаркого лета и в преддверии плотной рабочей осени и зимы). Суть процедуры очень проста: на теле человека есть определенные точки – особые центры сосредоточения энергии и нервных окончаний. Достаточно взять эти точки под грамотный контроль, активизировать их – и результат налицо! (Кстати и на лице – тоже, это я говорю уже по секрету, специально для женской части моих подписчиков J).

Эффект потрясающий: и лечебный, и косметический!

Находясь под впечатлением от этого открытия, я задалась вопросом: только ли на теле человека есть такие точки? А можно ли их отыскать у других объектов? Например, в теле делового письма? Может ли культура, правила деловой переписки строится на таких точках?

Ну, чтобы было так: возьми под контроль эти точки при написании делового письма – и письмо уже «работает»: достигает цели, вызывает у клиента желание ответить и т.д.?

Задумалась я над этим и пришла к выводу: Да! Чудодейственные точки в деловом письме есть!

Сегодня я расскажу всего о трех. Тех, которые лежат совсем на поверхности!

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

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

Две точки внимания расположены в начале письма.

И одна – в конце.

Две точки в начале обусловлены спецификой электронного письма.

Первая точка – тема письма . Адресат видит ее еще до того, как откроет наше сообщение.

Вторая точка — вступительная фраза. Это первый элемент, который прочитывает адресат, когда открывает письмо.

И наконец, третья точка — финальная фраза . Последнее, на чем сосредотачивается внимание адресата по прочтении нашего письма.

Посмотрите, как работают эти точки.

Ниже я привела два примера письма. Первое написано без внимания к точкам внимания. Второе – с их активным применением.

Пример 1. Subject : Деловая переписка Date : Mon , 06 Sep 2010 From : Тамара Воротынцева To : Иванова Анна Анна, добрый день! E - mail переписка в бизнесе». Я обработала и проанализировала письма каждого. Готова встретиться и дать персональную обратную связь. Можем это сделать 10 сентября, ориентировочно в 17:00. Полагаю, что по длительности встреча займет от 30 до 50 минут. -- С уважением,

Тамара Воротынцева

Пример 2. Subject: Деловая переписка. Обратная связь после тренинга Date: Mon, 06 Sep 2010 From: Тамара Воротынцева To: Иванова Анна Анна, добрый день! Как и обещала, возвращаюсь к вопросу посттренинговой встречи. У меня на руках письма ваших сотрудников, которые они выслали мне после тренинга « E - mail переписка в бизнесе». Я обработала и проанализировала письма каждого. Готова встретиться и дать персональную обратную связь. Можем это сделать 10 сентября, ориентировочно в 17:00. Полагаю, что по длительности встреча займет от 30 до 50 минут. Что скажете? -- С уважением, Тамара Воротынцева

Чувствуете ли вы разницу, уважаемые читатели?

Надеюсь, что Да.

Чем, на мой взгляд, помогают нам точки внимания?

При помощи первой точки — «Тема письма» — мы привлекаем внимание адресата к аспекту нашего письма, помогаем адресату быстро (даже не открывая письма) понять, о чем сообщение, а также делаем наше письмо легко идентифицируемым в почте нашего адресата в дальнейшем.

В моем примере я коротко сообщаю Анне, что в моем письме пойдет речь об обратной связи после тренинга «Деловая переписка» (ни об оплате, ни о документах, ни о каких бы то ни было других вопросах, по которым мы с ней переписываемся,а о правилах делового письма). Для того, чтобы это узнать, Анне достаточно просто увидеть тему. Эта же тема поможет Анне в дальнейшем легко и быстро найти мое письмо в своей почте, если это будет необходимо.

Вторая точка — «Вступительная фраза» — повышает степень ясности нашего сообщения, делает письмо более понятным: указывает адресату причину письма, поясняет логику происходящего.

В моем случае я поясняю Анне, что является поводом для этого моего письма: я обещала дать обратную связь участникам моего тренинга и поэтому пишу.

Третья точка — «Финальная фраза» — пододвигает адресата к совершению необходимого нам действия.

Финальная фраза – это последнее, что прочитывает адресат в нашем письме. Обычно к этому моменту адресат внутренне уже задает себе вопрос: что нужно делать? чего от меня ждут? И тут для нас самое подходящее время внятно и четко сказать об этом.

Я в своем примере выбрала достаточно демократический вариант оформления: «Что скажете?». Можно было использовать его синоним: «Что думаете?» или такой: «Ваше мнение?»

(О многообразии и некоторых секретах финальных фраз – в следующих выпусках).

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

Вот так, на мой взгляд, выглядят самые простые точки, через которые проходит энергия делового письма.

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

Тамара Воротынцева

Буду рада вас видеть на моем тренинге E-mail переписка в бизнесе.

Посмотрите мини-лекцию «Три точки внимания в письме»

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

Редко можно встретить сайт, в котором нет . Но как часто посетители сайта отправляют что-либо через эту форму владельца сайта? Будем честные - очень и очень редко. А почему? Правильный ответ - эти формы не соответствуют представлениям пользователя о общении.

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

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

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

Но давайте себя поставим на место самого посетителя. Более того - заставим себя вспомнить когда же мы последний раз заполняли такую форму сами? Не припоминаете? А почему вы думаете, что другие посетители делают гораздо чаще?

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

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

Минимализм, минимализм, минимализм - вот основной девиз для . Посетитель сайта, который только зашел на него, в большинстве своем относится к так называемым "холодным контактам". У него еще нет никакого уровня доверия ни к сайту, ни к его владельцу. Поэтому что-либо заполнять, писать, заполнять он готов только «под угрозой расстрела».

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

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

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

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

Не надо выделять всю форму особым дизайном или яркими графическими элементами. Это будет отвлекать посетителя от основной информации на странице. Но в то же время, посетитель должен иметь возможность заметить ее даже беглым взглядом. Для этого просто выделить заголовок формы и кнопку отправки. В нашем случае это сделано увеличенным размером шрифта надписи «Заказать звонок» и синим цветом кнопки «Отправить».

Должна ли форма обратной связи отправлять копию сообщения на e-mail отправителя

Это спорный вопрос и однозначного ответа на него нет. Если особой необходимости в отправке копии сообщения нет, то отправлять не надо. Это избавит вас и ваш сайт от спамеров.

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

Какие еще должны быть поля на форме обратной связи

Чем сложнее форма - тем реже ее заполняют посетители сайта

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

Но это не значит, что вы не можете создавать скрытые информационные поля, которые собирают для вас дополнительную информацию. Очень полезным бывает скрытые поля формы «Заголовок страницы» или «URL страницы». В этом случае вы при поступлении вам запроса сразу будете понимать с какой страницы его отправили. Также бывает полезной информация об IP-адресе посетителя, если он относиться к стационарной сети, то можно понять с какого региона ваш посетитель.

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

Одной из наиболее часто встречающихся на практике задач является реализация формы обратной связи. Тобишь написание ее HTML кода, оформление ее на CSS, создание PHP скрипта, который бы обрабатывал полученные от пользователя данные и отправлял их на нашу почту, написание JS скрипта, который бы проверял форму на адекватность вводимых данных, защита нашего детища от спама, чтобы наш почтовый ящик не обвалился от атак ботов.

Все вышеперечисленные моменты будут рассмотрены в нашем обзоре и подробно прокомментированы.

Итак, начинаем создание формы обратной связи:

HTML

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

< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" > Имя: < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" > Телефон: < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" > E- mail : < input maxlength= "30" type= "text" name= "mail" /> < div class = "right" > < label for = "message" > Сообщение: < textarea rows= "7" cols= "50" name= "message" > < input type= "submit" value= "Отправить" />

И визуально она выглядит сейчас следующим образом:

Согласен, пока все некрасиво и ничего не понятно, но мы только начали.

Рассмотрим приведенный выше код подробно:

< form method= "post" action= "mail.php" > …

для того, чтобы создать форму необходимо использовать тег form. Именно он определяет начало и конец формы для интерпретатора кода. У него, как и у любого тега, есть целый набор атрибутов, но обязательных для работы формы всего два, это method (метод отправки запроса на сервер, для форм стандартно используют post) и action (указывает путь к файлу-обработчику формы, именно в этом файле будет содержаться скрипт на PHP, который после будет отправлять введенные пользователем значения нам на почту, в нашем случае мы видим, что это файл называется mail.php и лежит он в том же директории сайта, что и рассматриваемая нами страница).
< input maxlength= "30" type= "text" name= "name" />

Далее у нас следуют инпуты. Это собственно сами поля формы в которые пользователи будут вводить необходимую нам информацию (type="text" говорит о том, что это будет текст). Атрибут maxlength указывает сколько символов может ввести пользователь в данное поле формы. Самый важный атрибут это name – он задает имя конкретного поля. Именно по этим именам в дальнейшем PHP скрипт будет обрабатывать поступающую в него информацию. При желании можно еще задать атрибут placeholder, который выводит внутри поля текст исчезающий при установке курсора внутри нее. Одной из проблем плейсхолдера является то, что он не поддерживается некоторыми старыми браузерами.
< label for = "name" > Имя:

Используется в случае если мы отказались от плейсхолдеров. Обычная подпись поля, атрибут for сообщает к какому конкретно полю относится данная подпись. Значением указывается name интересующего нас поля.
< textarea rows= "7" cols= "50" name= "message" >

Также как и инпут предназначен для введения пользователем информации, только на этот раз поле заточено для длинных сообщений. Rows указывает размер поля в строках, cols в символах. В целом они задают высоту и ширину нашего поля.
< input type= "submit" value= "Отправить" />

О том, что это кнопка для отправки формы нам сообщает type="submit", а value задает текст, который будет внутри этой кнопки.
< div class = "right" >

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

CSS

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

Мы использовали данный код:

form { background: #f4f5f7; padding: 20px; } form . left, form . right { display: inline- block; vertical- align: top; width: 458px; } form . right { padding- left: 20px; } label { display: block; font- size: 18px; text- align: center; margin: 10px 0px 0px 0px; } input, textarea { border: 1px solid #82858D; padding: 10px; font- size: 16px; width: 436px; } textarea { height: 98px; margin- bottom: 32px; } input[ type= "submit" ] { width: 200px; float: right; border: none; background: #595B5F; color: #fff; text- transform: uppercase; }

Подробно расписывать CSS я не вижу смысла, обращу Ваше внимание лишь на ключевые моменты:

Не стоит писать оформление под каждый тег в форме. Старайтесь строить свои селекторы так, чтобы парой строк кода оформлять все необходимые Вам элементы.
Не используйте для переноса строк и создания отступов лишние теги по типу < br>, < p> и тд, с этими задачами прекрасно справляется CSS со свойством display: block и margin с padding. Больше о том, почему не стоит пользоваться < br> в верстке вообще можете почитать в статье Тэг br, а так ли он нужен? .
Не стоит пользоваться табличной версткой для форм. Это противоречит семантике этого тега, а поисковики любят семантичный код. Для того, чтобы формировать визуальную структуру документа нам достаточно тегов div, и заданных им в CSS свойств display: inline-block (выстраивает блоки в ряд) и vertical-align: top (не дает им разбежаться по экрану), задаем им необходимую высоту и вуаля, ничего лишнего и все расположено так, как нам нужно.

Для желающих экономить свое время на оформлении сайтов могу посоветовать пользоваться CSS фреймворками при создании сайтов, особенно самописных. Мой выбор в этом плане- Twitter Bootstrap . Урок по оформлению форм с его использованием можно посмотреть .

PHP

Ну вот и пришло время сделать нашу форму работоспособной.

Заходим в наш корневой каталог сайта и создаем там файл mail.php, к которому мы ранее указывали путь в атрибуте action тега form.

В конечном итоге его код будет выглядеть следующим образом:

Ваше сообщение успешно отправлено \" javascript: history.back()\" >Вернуться назад

" ; if (! empty ($_POST [ "name" ] ) and ! empty ($_POST [ "phone" ] ) and ! empty ($_POST [ "mail" ] ) and ! empty ($_POST [ "message" ] ) ) { $name = trim (strip_tags ($_POST [ "name" ] ) ) ; $phone = trim (strip_tags ($_POST [ "phone" ] ) ) ; $mail = trim (strip_tags ($_POST [ "mail" ] ) ) ; $message = trim (strip_tags ($_POST [ "message" ] ) ) ; mail (, , "Вам написал: " . $name . "
Его номер: " . $phone . "
Его почта: " . $mail . "
Его сообщение: " . $message , ) ; echo "Ваше сообщение успешно отправлено!
Вы получите ответ в ближайшее время
$back " ; exit ; } else { echo ; exit ; } ?>

Обсуждение HTML и CSS части этого документа можно пропустить. По своей сути это обычная страница сайта, которую Вы можете оформить по своему желанию и необходимости. Рассмотрим же важнейшую ее часть – PHP скрипт обработки формы:

$back = "

\" javascript: history.back()\" >Вернуться назад

" ;

Этой строкой мы создаем ссылку для возвращения на предыдущую страницу. Поскольку мы заранее не знаем с какой страницы пользователь попадет на эту, то делается это при помощи маленькой JS функции. В дальнейшем мы просто будем обращаться к этой переменной для вывода ее в нужных нам местах.

if (! empty ($_POST [ "name" ] ) and ! empty ($_POST [ "phone" ] ) and ! empty ($_POST [ "mail" ] ) and ! empty ($_POST [ "message" ] ) ) { //внутрення часть обработчика } else { echo "Для отправки сообщения заполните все поля! $back " ; exit ; }

Тут мы прикручиваем проверку формы на наполненность полей. Как вы догадались, в части $_POST["name"] в кавычках мы пишем значение атрибута name наших инпутов.

Если все поля заполнены, то скрипт начнет обрабатывать данные в своей внутренней части, если же хоть одно поле не было заполнено, то на экран пользователя выведется сообщение с требованием заполнить все поля формы echo "Для отправки сообщения заполните все поля! $back" и ссылкой для возврата на предыдущую страницу, которую мы создали самой первой строкой.

Дале вставляем во внутреннюю часть обработчика формы:

$name = trim (strip_tags ($_POST [ "name" ] ) ) ; $phone = trim (strip_tags ($_POST [ "phone" ] ) ) ; $mail = trim (strip_tags ($_POST [ "mail" ] ) ) ; $message = trim (strip_tags ($_POST [ "message" ] ) ) ;

Таким образом мы очистили вводимые пользователем данные от html тегов и лишних пробелов. Это позволяет нам обезопасить себя от получения вредоносного кода в высылаемых нам сообщениях.

Проверки можно и усложнить, но это уже по вашему желанию. Минимальную защиту на серверной стороне мы уже поставили. Дальнейшее мы сделаем на стороне клиента используя JS.

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

После чистки тегов добавляем отправку сообщения:

mail ("почта_для_получения_сообщений@gmail.com" , "Письмо с адрес_вашего_сайта" , "Вам написал: " . $name . "
Его номер: " . $phone . "
Его почта: " . $mail . "
Его сообщение: " . $message , "Content-type:text/html;charset=windows-1251" ) ;

Именно эта строка и занимается формированием и отправкой сообщения к нам. Заполняется она следующим образом:

"почта_для_получения_сообщений@gmail.com" – сюда между кавычек вставляете свою почту
"Письмо с адрес_вашего_сайта" – это тема сообщения, которое будет приходить на почту. Можно написать сюда что угодно.
"Вам написал: ".$name." < br /> Его номер: ".$phone." < br /> Его почта: ".$mail." < br /> Его сообщение: ".$message – формируем сам текст сообщения. $name – вставляем информацию заполненную пользователем через обращение к полям из предыдущего шага, в кавычках описываем что значит это поле, тегом < br /> делаем перенос строки, чтобы сообщение в целом было читабельно.
Content-type:text/html;charset=windows-1251 - в конце идет явное указание типа данных передаваемого в сообщении и его кодировки.

ВАЖНО!

Кодировка указанная в «голове» документа ( < meta http- equiv= "Content-Type" content= "text/html; charset=windows-1251" /> ), кодировка из сообщения Content-type:text/html;charset=windows-1251 и в целом кодировка файла PHP должны совпадать иначе в получаемых на почту сообщениях вместо русских или английских букв будут выводиться «кракозябры».

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

Проверка формы на адекватность вводимых данных

Чтобы пользователи по невнимательности не промахивались полями и заполняли все корректно стоит поставить проверку вводимых данных.

Это можно сделать как на PHP на стороне сервера, так и на JS на стороне клиента. Я использую второй вариант, поскольку так человек сразу может узнать что он сделал не верно и исправить ошибку не делая дополнительных переходов по страницам.

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

< script> function checkForm(form) { var name = form. name. value; var n = name. match(/ ^[ A- Za- zА- Яа- я ] * [ A- Za- zА- Яа- я ] + $/ ) ; if (! n) { alert("Имя введено неверно, пожалуйста исправьте ошибку" ) ; return false ; } var phone = form. phone. value; var p = phone. match(/ ^[ 0 - 9 + ] [ 0 - 9 - ] * [ 0 - 9 - ] + $/ ) ; if (! p) { alert("Телефон введен неверно" ) ; return false ; } var mail = form. mail . value; var m = mail . match(/ ^[ A- Za- z0- 9 ] [ A- Za- z0- 9 \. _- ] * [ A- Za- z0- 9 _] *@ ([ A- Za- z0- 9 ] + ([ A- Za- z0- 9 - ] * [ A- Za- z0- 9 ] + ) * \. ) + [ A- Za- z] + $/ ) ; if (! m) { alert("E-mail введен неверно, пожалуйста исправьте ошибку" ) ; return false ; } return true ; }

Ну а теперь обычный разбор:

Для того, чтобы при нажатии на кнопку отправки формы, у нас происходила ее проверка вешаем запуск нашего скрипта на тег form:

< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" >

Теперь по пунктам забираем состав проверки:

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

Доброго времени суток, друзья! Сегодня очередная статья, посвященная CMS Joomla, вернее не самому движку, а созданию контактов с формой обратной связи. Особенностью Joomla формы обратной связи является то, что все инструменты необходимые для ее создания находятся у вебмастера под рукой, и нет нужды в скачивании и установке дополнительных расширений . CMS оснащена встроенным компонентом «Контакты», а также плагином защищающим от спама «reCAPTCHA».

Условно реализацию поставленной затеи можно разделить на несколько этапов, а именно:

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

Организация вывода страницы, на которой будет находиться вся необходимая информация обратной связи.

Включение, настраивание и добавление капчи.

Зачем нужна форма обратной связи

Форма обратной связи является тем связующим элементом сайта, благодаря которому пользователи и владелец веб-проекта могут поддерживать между собой связь. Именно в форме обратной связи указывается особенно важная информация (мобильный номер, e-mail), позволяющая пользователю отправить владельцу свои предложения и пожелания либо заказать товар.

Форма обратной связи Joomla представляет собой пустые поля, необходимые для ввода посетителем конкретных данных (его имя, адрес электронной почты, тема письма), после заполнения необходимо активировать отправку, нажав специальную кнопку «Отправить».

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

Какую информацию желательно оставить владельцу сайта?

Мобильный номер (коммерческие веб-проекты, интернет-магазины).

Адрес (коммерческие веб-проекты, интернет-магазины).

График работы, способ доставки и возможные способы оплаты (коммерческие веб-проекты, интернет-магазины).

E-mail, Skype и т.п. (блоги, сайты-визитки, одностраничники, коммерческие веб-проекты, интернет-магазины).

Joomla контакты

После этих действий перед вами откроется аналогичная приведенной внизу страница, только с незаполненными полями. «Редактировать контакт » - одна из трех вкладок, в которой нужно выполнить кое-какие настройки.

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

Алиас – поле заполняющееся автоматически, т.е оставляем пустым.

Связанный пользователь – это имя, которое будет отображаться при комментировании. Можно указать свой псевдоним или оставить имя присвоенное системой по умолчанию «Super Users».

Изображение – предусматривается возможность выбора изображения, которое будет привязано к сему контакту.

Должность – позволяет задать должность сотрудника, к которому будут привязаны контакты.

E-mail – отвечает за отображение электронного адреса контактного лица.

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

В правой области экрана (сайдбар) необходимо выбрать Состояние/Опубликовано, Категория/Uncategorised, Избранные/Нет.

«Дополнительная информация » - вкладка с текстовым редактором, в котором рекомендуется прописать краткое приветствие.

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

«Настройка отображения контента » - отвечает за отображение формы обратной связи.

Показывать форму обратной связи – «Показать».

Отправлять копию отправителю письма – в зависимости от вашего выбора позволяет скрыть или показать отправителю копию его же письма.

Создание пункта меню Joomla для вывода контактов и формы обратной связи

На следующем этапе следует отправиться во вкладку Меню/Main Menu/Создать пункт меню.

На открывшейся странице меню присваиваем заголовок. Так и пишем «Контакты».

Тип пункта меню – нажимаем синюю кнопку «Выбрать», после чего на открывшейся странице выбираем Контакты/Контакт.

Выбор контакта – здесь-то нам и нужно привязать до этого созданный контакт к пункту меню. Нажимаем «Выбрать» и кликаем по соответственному контакту.

После внесения нужных корректировок нажимаем кнопку «Сохранить». В итоге у вас на сайте появится новая кнопка меню «Контакты», кликнув по которой пользователь может обнаружить форму обратной связи и легко связаться с вами.

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

Защита Joomla от спама посредством настройки встроенного плагина reCAPTCHA

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

CMS Joomla обзавелась встроенной капчей начиная с 2,5 версии, до этого нужно было довольствоваться сторонними расширениями. Несмотря на то, что в Джумла используется reCAPTCHA, мы попытаемся настроить более современную и, на мой взгляд, удобную версию. Вот как она будет выглядеть после выполнения всех настроек.

Для начала давайте включим плагин, отправившись в Расширения/Менеджер плагинов. Для более удобного и быстрого поиска я рекомендую прописать в строке поиска – captcha и нажать значок, отвечающий за поиск. В итоге у вас откроется аналогичное окно. Нажимаем на крестик возле пункта «Состояние», тем самым запускаем плагин и нажимаем по словосочетанию - CAPTCHA – reCAPTCHA.

Пришло время получить «Публичный ключ», а также «Приватный ключ».

Для получения ключей необходимо отправиться по ссылке . Это один из многих сервисов принадлежащих Google. У вас обязательно должна быть собственная учетная запись. Вы легко сможете авторизироваться, введя свои данные, которые ранее использовали для добавления RSS-ленты на сервисе Feedburner или устанавливая код Google Adsense на Joomla .

При помощи открывшейся формы нужно пройти регистрацию сайта.

Название – присваиваем название (допустим название главной страницы).

Выберите тип reCAPTCHA – позволяет выбрать тип капчи - reCAPTCHA V2 – стандартная форма, для прохождения которой необходимо установить галочку возле словосочетания «Я не робот»; Invisible reCAPTCHA – проверка пользователей в фоновом режиме.

Ставим галочку возле предложения «Примите условия использования reCAPTCHA» и «Отправлять владельцам оповещения», после чего нажимаем кнопку «Регистрация».

Ну вот, наши ключики готовы. Осталось всего ничего. Копируем значение поля «Секретный ключ» в поле «Приватный ключ» в стандартном плагине reCAPTCHA, а поле «Ключ» в поле «Публичный ключ».

После получения и внесения ключей можно выбрать «Стиль» наиболее подходящий для вашего сайта, а также «Размер». Теперь нужно кликнуть «Сохранить и закрыть», после чего отправиться по пути Система/Общие настройки/CAPTCHA (по умолчанию) и выбрать единственное предусмотренное системой значение «CAPTCHA - reCAPTCHA». Опять нажимаем «Сохранить» и проверяем работоспособность капчи, зайдя в форму обратной связи Joomla.

Как видите, все работает. Если у вас возникли какие-нибудь сложности, давайте решим их вместе в комментариях.

Спасибо за внимание и до скорого на страницах Stimylrosta.

Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter