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

| Опубликовано в рубрике: Работа над блогом Один комментарий

Здравствуйте уважаемые друзья! В этой статье речь пойдет о неотъемлемой части сайта или блога, как форма обратной связи. Что такое форма обратной связи? Форма обратной связи — это функция с помощью которой посетитель конфиденциально, на прямую может связаться и задать вопрос администратору сайта или блога по любой интересующей Вас теме.

форма обратной связи без плагинов

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

Что я Вам хочу сказать, создавая сайт или блог, не оставляйте всю работу на потом, комплектуйте свой сайт или блог сразу всем необходимым: Формой обратной связи, формой комментариев, поиском по сайту (блогу), кнопками социальных сетей, устанавливайте сразу всё необходимое для удобства посетителей, что бы потом не возвращаться к этому, поверьте у Вас и так будет уходить кучу времени на написание статей, на раскрутку сайта (блога), так что делайте всё сразу.

Давайте рассмотрим примеры формы обратной связи, как для статического сайта (блога), так и динамического сайта (блога) на движке wordpress. На одном из моих сайтов, он у меня самописный(статический) я установил форму обратной связи Super AJAX Contact Form на PHP и Jquery, данная форма мне очень понравилась своей простатой и самое главное, что она очень даже замечательно ставится и корректно работает на обычных HTML сайтах, единственный не большой минус, это то что после скачивания архива мне пришлось все заполняемые фразы переводить с английского языка на русский, но это не критично. Вы же, готовый отредактированный архив можете скачать тут. Вот так выглядит форма обратной связи Super AJAX Contact Form.

Форма обратной связи Super AJAX Contact Form

Скачайте архив и распакуйте его в корневую папку Вашего сайта, откройте папку assetsдалее xml и файл config.php. В файле config.php Вам нужно будет заменить адрес вашей электронной почты на свой. Что бы форма обратной связи отображалась на сайте, просто создайте ссылку до файла index.php, на моем самописном сайте, ссылка выглядит так www.cherneenet.ru/index.php.

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

Если будет не корректно отображаться кодировка, то откройте файл index.php и поменяйте кодировку с utf-8 на windows-1251

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

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

Далее давайте рассмотрим пример формы обратной связи для движка wordpress. Все Вы наверно прекрасно знаете, что для движков имеются плагины, которые очень просто установить на движок и всё будет прекрасно работать, да и редактировать практический ни чего не нужно. Буду краток, для своего блога www.simpll.ru я выбрал, наверно самый популярный плагин формы обратной связи Contact Form 7, скачать данный плагин можете с оф.сайта wordpres по этой ссылке http://wordpress.org/plugins/contact-form-7.

После того, как Вы скачали плагин Contact Form 7, разархивируйте его и закиньте на хостинг в папку с вашими плагинами: wp-content --> plugins. Далее заходим в админ панель блога и активируем плагин, после того как активировали плагин, заходим в настройки плагина.

активация формы обратной связи

настройки плагина Contact Form 7

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

Редактируемые поля Contact Form 7

Contact Form 7 email адрес

Далее, в этом же окне Настройки плагина, скопируйте строчку кода.

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

После этого создаем новую страницу и называем её Обратная связь или Контакты. Вставьте скопированную строку кода в тело страницы и сохраните изменения.

форма обратной связи wordpress

красивая форма обратной связи

Теперь откройте созданную страницу формы обратной связи и посмотрите, как она выглядит. Но это друзья ещё не всё, теперь нам нужно будет установить ещё один плагин для защиты от спама Really Simple CAPTCHA, что бы ваш почтовый ящик не превратился в мусорку из не нужных писем. Скачать данный плагин так же можете с оф.сайта wordpress по этому адресу http://wordpress.org/plugins/really-simple-captcha. После скачивания, также закиньте данный плагин в папку с вашими плагинами и в админке активируйте его.

капча Really Simple CAPTCHA

После активации плагина Really Simple CAPTCHA у нас добавилось дополнительное поле с кодом для ввода. Теперь форма обратной связи полностью готова к работе. Очень надеюсь, что статья была полностью Вам понятна и Вы разобрались для чего нужна форма обратной связи. Всем удачи!

Поделитесь в соц. сетях !
Хочешь получать статьи этого блога на почту?
Один комментарий
  • красноярск

    Чо то по первой части, нет файла для скачивания формы.

    2018-12-20 в 09:45 | Ответить
Добавить комментарий:
24.54MB | MySQL:36 | 0,334sec