Web-форма обратной связи для сайта на PHP за 5 минут

Информация, представленная на этой странице ориентирована в первую очередь для начинающих web-мастеров.

Здравствуйте, друзья, уважаемые посетители моего скромного сайта! Наверняка, многим из Вас, в том числе и начинающим web-мастерам, известно, что такое и для чего нужна ФОС (форма обратной связи).

Традиционная ФОС в самом простом варианте – это когда пользователь заполняет поля формы, расположенной на web-странице, а серверная программа обрабатывает эти данные и пересылает их на почтовый ящик администратора сайта. Но, есть и другие варианты и один из них мы рассмотрим в этом уроке.

Понятно, что при использовании CMS, например бесплатных Joomla и WordPress, вопрос обратной связи можно решить использованием различных расширений или плагинов, но есть альтернативные способы, которые могут быть полезны для любого проекта, построенного как на чистом HTML, PHP, так и использующего движок.

В Сети можно найти довольно много скриптов различных ФОС — и простых и очень навороченных, которые устанавливаются на сайт как полноценная CMS и требуют для своей работы не только поддержку PHP, но и базы данных. Вам придётся, скорее всего, искать, находить и опробовать много вариантов, которые подходят именно Вам.

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

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

На бесплатном хостинге с PHP недоступен SMTP-сервер, поэтому создать сервис отправки сообщений со страницы сайта по электронной почте на E-mail администратора, не представляется возможным. Предлагаемый комплект ФОС решает эту проблему и предоставляет как отправителям сообщений со страницы сайта, так и его администратору, удобный способ обмена сообщениями.

Чтобы было всё понятно, приведу пример. Страница обратной связи на вашем сайте будет выглядеть ТАК, а сообщения корреспондентов Вы сможете прочесть ЗДЕСЬ.

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

Далее я постараюсь рассказать, как в течение 5 минут, быстро и просто, можно создать точно такую же форму обратной связи и разместить её у себя на сайте.

Скачать web-форму ОС (в кодировке utf-8, 673 кб)

Установка ФОС на сайт. Вариант №1.

Процесс установки не представляет никаких сложностей, просто следуйте дальнейшим описаниям шагов. Форма, которую Вы скачаете в кодировке utf-8. Если Ваш сайт в кодировке windows-1251, можно перекодировать все её файлы или использовать файл .htaccess. Если это сложно для Вас, скачайте этот архив:

Скачать web-форму ОС (в кодировке windows-1251, 673 кб)

Капля полезной информации

В дальнейшем, чтобы не испытывать сложности в перекодировке файлов, прочтите небольшой «ликбез». Для выполнения перекодировки, например, с windows-1251 на utf-8 необходимо:

  1. Открыть все файлы в текстовом редакторе, лучше всего в Notepad++;
  2. Удалить записи о старой кодировке, например,
    <meta http-equiv="Content-Type" CONTENT="text/html; charset=windows-1251">;
  3. Перекодировать поочерёдно все файлы (Кодировки → преобразовать в utf-8 без BOM);
  4. Вставить записи о новой кодировке, например,
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">;
  5. Сохранить изменения во всех файлах (файл → сохранить все).

В этих действиях важно соблюдать очерёдность выполнения операций, иначе вместо русских слов получите непонятные «кракозябры».

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

ВНИМАНИЕ! Если файлы загружены на сервер, то необходимо для файла message.txt установить атрибуты: 666, иначе чтение и запись в файл будут не возможны и сервер выдаст сообщение об ошибке.

2. В адресную строку своего браузера введите адрес:
//ваш домен/feedback/feedback.php
Загрузится страница обратной связи с формой для ввода данных. Можно проверить работу формы, заполнив все поля и отправить сообщение. Сделайте в нужном месте ссылку на эту страницу со своего сайта.

3. Для проверки сообщений следует ввести в адресной строке браузера адрес:
//ваш домен/feedback/message.php
Загрузится страница с заголовком сообщения, с данными и текстом отправленного сообщения. Для удаления всех записей нужно нажать на странице кнопку Удалить все. Сделайте закладку страницы с сообщениями (message.php), чтобы можно было легко открыть её в следующий раз.

ФОС готова к работе на вашем сайте. Сколько времени ушло у Вас на её установку?


Вариант №2. Установка ФОС в шаблон сайта.

Данную форму можно также вставить в шаблон сайта на PHP. Эта задача чуть-чуть сложнее.

Форма будет выглядеть примерно ТАК, а сообщения можно принимать ЗДЕСЬ.


Скачать web-форму ОС в шаблон сайта (в кодировке utf-8, 4,0 кб)

Файлы в кодировке utf-8, если ваш сайт в иной кодировке - их нужно перекодировать. Это Вы уже сможете сделать сами.

Страницы feedback.php и send.php имеют для наглядности предварительное оформление, которое в дальнейшем не потребуется ввиду того, что отмеченные необходимые блоки (начало блока → конец блока) в файлах feedback.php и send.php нужно будет скопировать и вставить в шаблоны страниц вашего сайта. Затем эти шаблоны следует переименовать соответственно в feedback.php и send.php. В Главном меню вашего сайта должна присутствовать ссылка на страницу обратной связи feedback.php.

Не потребуются и файлы header.php, footer.php, который служат для формирования страниц feedback.php и send.php при предварительном тестировании.

Файлы message.php и deltext.php являются служебными страницами для администратора сайта. Их можно оставить без изменений, либо оформить по своему вкусу.

Все эти файлы должны находиться в корневом каталоге вместе с файлом message.txt:

файлы

Во избежание неприятностей, перед закачкой файлов в корневую папку сайта, проверьте, нет ли совпадений названий файлов! Если есть - файлы стоит переименовать.

Если на хостинге с PHP используется сайт, содержащий обычные HTML-страницы, то в шаблон страницы для обратной связи с именем feedback.html следует вставить форму из файла feedback.php. А в шаблон HTML-страницы с именем send.html вставить блок скрипта из соответствующего файла и переименовать страницу в send.php.

Это всё! Используйте ФОС по максимуму, общайтесь с посетителями, развивайте свой ресурс и всех Вам благ! Не забывайте посещать мой сайт. Ваш Л.М.


Ваше мнение по материалу, изложенному на сайте




  © 2015–2024  dynamic-site.olerant.ru  L.M. Служба поддержки Яндекс.Метрика