Форма обратной связи - техподдержка на сайте

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


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

У себя я её использую как службу поддержки. Если у кого-то возникают вопросы по изучаемому материалу, человек может ввести свои данные, выбрать тему вопроса и изложить его суть. Письмо-обращение приходит на мой E-mail и я отвечаю на вопрос. Вы, в свою очередь, можете использовать эту форму в несколько ином варианте, или, как сочтёте нужным.

Исходники (220 кб)

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

Процесс установки на сайт

Установка проста, «как кусок хозяйственного мыла»:

  • Прежде всего, нужно скачать архив с материалом и распаковать его в отдельную папку на компьютере;
  • Папку support_service со всеми файлами закачать на сервер в корневую папку своего сайта, используя при этом любой файловый менеджер, например, TotalCommander;
  • Открыть индексный файл по пути:
    //yoursite.ru/support_service/index.php

Настройка формы

меткаФайлы формы представлены в кодировке utf-8. Если эта кодировка Вам не подходит (у Вас, например, «windows-1251»), значит нужно сделать перекодировку в нужный вариант, либо использовать файл .htaccess. Для этого поместите в папку support_service файлик с названием .htaccess (точка впереди названия обязательна) и содержимым: adddefaultcharset UTF-8.

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


Где вводить адрес почты?

Откройте в любом текстовом редакторе файл config.php по адресу support_service/assets/xml/config.php и впишите свой email между тегами address:

<!--Enter your e-mail address-->
<address>webmaster@gmail.com</address>

Остальные настройки

Дальнейшие настройки касаются индексного файла. Откройте его по адресу support_service/index.php и внесите изменения:

1. В участке кода файла index.php, впишите названия тем будущих вопросов согласно вашим предпочтениям:

  
<select id="sales" name="sales"> 
<option value="Вопрос через службу поддержки 
(Технический вопрос)">Технический вопрос</option>
<option value="Вопрос через службу поддержки (Орфографическая ошибка)">Орфографическая ошибка</option>
<option value="Вопрос через службу поддержки (Предложения и пожелания)">Предложения и пожелания</option>
<option value="Вопрос через службу поддержки (Разное)">Разное</option> </select>

          Таких тем Вы можете создать сколько угодно, просто скопировав и вставив дополнительные строки с тегами option и, соответственно, заполнив их.

2. И, завершая настройки, в нижней части документа, введите данные в строку «Copyright» и личные данные - имя, фамилию и адрес сайта.

3. Проверьте работоспособность формы. Отправьте сообщение на (свой же) адрес электронной почты, откройте её и убедитесь, что всё работает правильно.

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

Тема исчерпана. Думаю, что Вам будет не сложно поставить такую форму обратной связи на свой сайт. Успехов в развитии ваших проектов и всех жизненных благ! L.M.


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




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