Желаете научиться писать первоклассные статьи, которые будут приносить качественный трафик? Тогда скачайте мою БЕСПЛАТНУЮ книгу по ссылке справа.

Скачать книгу!
Главная страница » Создание сайтов » Форма обратной связи: контакт с посетителями

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

Здравствуйте, мои любимые читатели! Сегодня хочется поделиться с Вами информацией о настройке сайта, а если быть точнее, то разберем форму обратной связи, сделанную тремя разными способами: html форма обратной связи, php форма обратной связи и форма обратной связи с помощью специального сервиса!Форма обратной связи

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

На данный момент я использую плагин Contact Form 7, он служит для создания формы обратной связи с различными полями. Можно сделать поля: Имя, Фамилия, Сайт, Тема, Откуда, добавить изображение и т.д. Но мы ведь знаем, что плагины снижают скорость загрузки сайта, поэтому от них стоит избавляться.

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

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

[yandexd]

Именно на данный вариант я заменю свою форму обратной связи. Так как именно этот вариант красивее и функциональнее всех, а самое главное — надежнее! А да, забыл... называется данный «скрипт» - Super AJAX Contact Form. И выглядит она следующим образом:

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

1. Скачиваем обратную связь по ссылке.

2. Открываете файл config.php. Данный файл находиться по адресу: svyaz/assets/xml Здесь необходимо поменять e-mail адрес на свой (строка 6), как на рисунке ниже:

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

3. Далее заходим в любой ftp-менеджер (например FileZilla) и скидываем нашу папку с формой обратной связи (svyaz) в корневую папку сайта.

4. Заходим в файл robots.txt и добавляем в него следующею строку:

Disallow: /svyaz/

Это делается для того, чтобы поисковые системы не индексировали эту папку.

5. Вот и все! Можете проверять работоспособность обратной связи... Она будет открываться по адресу: http://ваш_сайт.ru/svyaz/index.php

6. Также можно изменить слова, приветственное сообщение и темы обращения. Для этого открываете файл index.php и меняете слова на нужные, например как на изображении ниже (как оптимизировать картинки):

super ajax contact form

Тяжело? Да я уверен, что нет! Все очень и очень понятно и легко. Мы разобрали один из способ, с помощью php. Еще осталось два: на html и с помощью сервиса. Вы готовы? Тогда вперед.

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

[yandexd]

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

1. Переходим по адресу.

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

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

3. Нажимаем на кнопку «настроил».

4. И копируем специальный код нашей формы:

Копируем код

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

6. И нажимаем на кнопку «вставил».

7. Теперь вводим адрес страницы, где вставили код и email адрес, на который должны приходить письма.

8. Нажимаете «ввел» и радуетесь!

Также очень легкий и рабочий способ! Более подходит для сайтов, где минималистический дизайн. Но и для других тоже пригодится!

RedHelper — форма обратной связи с любой страницы

[yandexd]

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

1. Переходим на сервис.

2. Нажимаем на кнопку «Установить»:

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

3. И заполняем простую форму регистрации:

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

4. Далее копируем специальный код, который сгенерировал сервис и вставляем его к себе на сайт. Инструкция предлагается! Код будет следующий:

<!-- RedHelper -->
<script id="rhlpscrtg" type="text/javascript" charset="utf-8" async="async" 
 src="https://web.redhelper.ru/service/main.js?c=<span style="color: #008000;">****</span>">
</script> 
<!--/Redhelper -->

Только вместо **** будет Ваш логин в системе!

5. Теперь нажимаем на кнопку «Настройки» и настраиваем нашу форму и кнопку!

RedHelper

6. Когда закончите с настройками, необходимо скачать приложение на компьютер. Через него Вы будете общаться с Вашими посетителям! Очень удобно!

RedHelper скачать

7. Далее устанавливаете эту программу к себе на компьютер и настраиваете по инструкции. Я сейчас не буду здесь расписывать этот момент, так как это делается, как с любой другой программой на Windows.

8. Все, можете получать вопросы от Ваших посетителей!

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

Вот и подошла статья к концу, надеюсь каждый выбрал что-то свое и уже побежал устанавливать себе! Молодцы! А теперь хочется объявить о V-этапе конкурса «Веселые буквы» и дать очередное задание!

V-этап конкурса «Веселые буквы».

Перейдите на блог Николая (blogiseo.ru), зайдите в рубрику «Блоговедение»и найдите 10 букв.

Внимание подсказка: «Изменение внешнего вида»

Всем спасибо за внимание и до скорого!

P.S. Позавчера скачал бесплатный курс про Интернет-бизнес от Тима Воронова "ALPHA ENTREPRENEUR". Уже посмотрел! Видеокурс получился очень неплохим, я узнал действительно очень много полезной информации... Скоро буду применять знания, после чего отпишусь! Если кто-то тоже хочет скачать это видеокурс — вот ссылка. Курс абсолютно бесплатен!

С уважением, Томский школьник!

автор блога SeoKos.RU

1 Звезда2 Звезды3 Звезды4 Звезды5 Звёзд (Оценок статьи ещё нет. Будьте первыми!)
Loading...

Понравилась статья? Поделитесь с другими!

Хотите получать оповещения о новых статьях на свою электронную почту?
Тогда введите свой E-mail адрес в форму ниже и нажмите Enter:
Оставлено комментариев: 58
  1. Юлия,

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

    2013-04-13 в 2:06 пп |
    Ответить
    • tests,

      не работает первая форма, письма на мою почту не доходят, поле где почта я менял

      2015-08-27 в 6:12 пп |
      Ответить
  2. Юлия,

    дед Виталя:

    За 5-й этап конкурса отдельное спасибо вам обоим. Непростая сегодня задачка была. Ох и запрятал буковки Николай!

    Николай настоящий шифровальщик :razz: буквы вообще не найти...

    2013-04-13 в 2:26 пп |
    Ответить
  3. Web-Кошка,

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

    Единственное, думаю стоит дополнить статью, рассказав, как сделать пункт в меню для обратной связи. Ведь у многих такой пункт есть в главном меню. И если оно настраиваемое, как у меня, то добавить в него ссылку на скрипт — нет проблем! А если тема не поддерживает настраиваемые меню?

    2013-04-13 в 1:19 пп |
    Ответить
  4. дед Виталя,

    Костя, привет!

    Вот и мне пришло время поставить форму обратной связи на свои блоги. А то как-то не солидно ;)

    Спасибо большое за такие ценные объяснения!

    А почему ты решил себе поставить PHP форму, а не третий способ?

    В нём есть подводные рифы или ...?

    За 5-й этап конкурса отдельное спасибо вам обоим. Непростая сегодня задачка была. Ох и запрятал буковки Николай! :mrgreen:

    2013-04-13 в 2:12 пп |
    Ответить
    • admin,

      дед Виталя, Просто мне PHP форма больше нравится, хотя третий способ красивее, да и функциональней. Как говорится, каждому свое!

      Не за что! Николай, действительно умеет прятать буквы :-) Ждите завтра или послезавтра шестого этапа, будет интересно.

      2013-04-13 в 2:53 пп |
      Ответить
  5. Александр Василенко,

    Скажи Костя, а третий вариант я так понимаю платный. Я что то не нашел информации о том, сколько это стоит, весь ихний сайт облазил, но не нашел. Ты случайно не встречал? Хотя, даже если и бесплатный, то наверное все таки вставка PHP кода лучше будет, проще и лучше как для меня.

    2013-04-13 в 3:48 пп |
    Ответить
    • admin,

      Александр Василенко, Третий вариант бесплатный, так же как первый и второй. Я предложил три варианта формы обратной связи, т.к. каждый предпочитает свое. Мне лично первый понравился больше!

      2013-04-13 в 4:08 пп |
      Ответить
  6. Rimskij,

    Привет я чёт не пойму я подписался на рассылку. А как базу сайтов то мне заполучить??

    2013-04-14 в 11:49 дп |
    Ответить
    • admin,

      Rimskij, Базу сайтов я еще не выпустил! Я решил ее немного подредактировать и добавить еще несколько сайтов. Будет их около 50 качественных сайтов и в конце апреля размещу ее!

      2013-04-14 в 11:54 дп |
      Ответить
  7. Никита Рябин,

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

    2013-04-14 в 6:23 пп |
    Ответить
    • Алекс,

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

      Некоторые через обратную связь просят выслать номера кошельков.

      2013-12-29 в 7:41 пп |
      Ответить
  8. Rimskij,

    А ну понятно)) Будем ждать)

    2013-04-14 в 7:40 пп |
    Ответить
  9. Василий,

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

    2013-04-15 в 5:15 дп |
    Ответить
  10. Евгений Крыжановский,

    Василий:

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

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

    2013-04-15 в 2:31 пп |
    Ответить
  11. Олег,

    Пару дней назад тоже надо было установить форму. Установил с помощью простого HTML кода. Все работало, но после отправки показывалось сообщение об отправке с иероглифами. Поковырял, поковырял и установил проверенный Contact Form 7. Посмотрю, как ты установишь скрипт, может потом тоже поменяю.

    2013-04-15 в 4:27 пп |
    Ответить
  12. Евгений Крыжановский,

    а зачем скрипт ? можно просто плагин установить)

    2013-04-15 в 8:30 пп |
    Ответить
    • admin,

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

      2013-04-17 в 9:57 дп |
      Ответить
  13. димитрий,

    Не плохие способы мне понравились оба способа но наверное лутше второй скрипт ставит спасибо за инфу :lol:

    2013-04-16 в 5:43 дп |
    Ответить
  14. Юлия,

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

    2013-04-17 в 6:10 дп |
    Ответить
  15. Александр Василенко,

    Никита Рябин:

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

    Это неуважение к посетителям :evil:

    2013-04-17 в 6:06 дп |
    Ответить
    • Владимир,

      Полностью согласен! :?:

      2013-12-29 в 1:15 пп |
      Ответить
  16. Александр Василенко,

    Юлия:

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

    Мое мнение здесь очень просто объяснить. Человек не хочет получать вопрос в двух случаях, первый — он не компетентен в том, о чем говорит, и просто боится получать такие вопросы, второй — он не хочет общаться ни с кем, а это уже неуважение к читателям. Во втором случае не Блог надо было заводить, а сайт, потому как люди уже привыкли к тому, что на Блоге можно задавать вопросы.

    2013-04-17 в 6:51 дп |
    Ответить
  17. Марина Антонова,

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

    2013-04-17 в 7:09 дп |
    Ответить
    • Алекс,

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

      2013-12-29 в 7:48 пп |
      Ответить
  18. Multiweb,

    Пригодится однозначно.

    2013-04-17 в 2:26 пп |
    Ответить
  19. Сергей,

    Здравствуйте. При отправлении сообщения первым вариантом вылезает «Произошла ошибка, сообщение не может быть отправлено!». Как это можно исправить?

    2013-05-12 в 9:06 пп |
    Ответить
  20. Дима Актив,

    Мне моей контакт формы вполне предостаточно, со временем на какой-то сервис перейду, хотя кстати Super AJAX Contact Form можно было бы протестировать, выглядит красиво. почему сам не используешь, Кость?

    2013-06-28 в 10:19 пп |
    Ответить
  21. Юрий,

    Да, действительно, плагины не есть хорошо. А вот, описанные способы обратной связи в статье вполне устраивают. ;-)

    2013-11-08 в 11:39 дп |
    Ответить
  22. Роман,

    Спасибі все працює

    2013-11-09 в 8:14 пп |
    Ответить
  23. Руслан,

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

    2013-11-30 в 6:01 пп |
    Ответить
  24. Мозгунова Ирина,

    Поскольку в последнее время нарушена возможность оставлять комменты — всё время появляется «ошибка», решила написать через «обратную связь» — но и в неё попасть не могу — опять «ошибка».

    Посмотрим, пройдёт ли этот — посвященный новой и удобной форме связи, которую я в действительности увидеть никак не могу.

    2013-12-16 в 6:25 дп |
    Ответить
  25. Мозгунова Ирина,

    Отлично! Это сообщение прошло, значит, буду устанавливать и новую форму обратной связи и ознакомлюсь с сервисом RedHelper. Было бы здорово общаться с посетителями в онлайн-режиме.

    2013-12-16 в 6:32 дп |
    Ответить
  26. Алекс,

    Без плагинов всегда быстрее. Это как ручная работа. А с плагинами — это машинно, тоже хорошо, но грубее как-то. Каждый выбирает исходя от уровня знаний и наличия свободного времени.

    2013-12-29 в 7:52 пп |
    Ответить
  27. Андрей,

    Константин вопрос Вам ,как форму обратной связи на скрипте AJAX сделать чтоб она открывалась в модальном окне?

    2013-12-29 в 8:49 пп |
    Ответить
  28. Владимир,

    Форма обратной связи уже как обязательность блоггера и она обязана на всех сайтах стоять.

    Не плохие способы у тебя, мне понравились.

    2013-12-30 в 7:56 пп |
    Ответить
  29. Ольга,

    Решила воспользоваться вторым способом. Создала новую страницу, вставила код, опубликовала страницу, скопировала url и вставила его на сервисе в строке «Адрес страницы». Но дальше у меня не получилось: было выдано сообщение, что форма на указанной странице не установлена. Может, я что то не доделала?

    2014-01-03 в 2:06 пп |
    Ответить
    • Константин Белан,

      Сейчас снова попробовал, у меня все отлично работает. Пробуйте еще!

      2014-01-04 в 6:34 пп |
      Ответить
  30. Анна,

    Очень понравилась форма PHP, но работать отказывается. После отправки сообщения выдает «Произошла ошибка, сообщение не может быть отправлено!» Не подскажете, в чем может быть причина?

    2014-01-03 в 3:55 пп |
    Ответить
    • Константин Белан,

      Видимо неправильно ввели email, на который должны уходить письма.

      2014-01-04 в 6:34 пп |
      Ответить
  31. Мозгунова Ирина,

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

    2014-01-13 в 4:54 пп |
    Ответить
  32. Иван,

    Я бы рекомендовал еще рассмотреть вариант создания формы через конструктор форм FormDesigner.ru. Это русскоязычный онлайн сервис для генерации не только форм обратной связи, но и любой другой веб-формы. Форма создается в несколько кликов в режиме реального времени. Кстати, есть бесплатный и платные тарифы. Но в большинстве случаев будет достаточно и бесплатного.

    2014-02-03 в 2:36 пп |
    Ответить
    • Константин Белан,

      Благодарю, Иван! Обязательно посмотрю этот сервис.

      2014-02-04 в 7:44 пп |
      Ответить
  33. Денис Скрипник,

    Отличный список.

    1. Форма обратной связи на php является наиболее оптимальным вариантом, потому что все http запросы идут с вашего сервера, а также нет внешних ссылок.

    2. html форму обратной связи не рекомендую использовать, потому что:

    А. Она не красивая;

    Б Многие конструкторы вставляют ссылку на себя либо выводят своё название на ссылке, отвечающей за обновление капчи.

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

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

    3. RedHelper — это правильнее назвать онлайн-консультантом.

    Я, как ты мог заметить, использую его на своём блоге.

    Их программу ставить не стал, а прописал данные для создания Jabber аккаунта в Miranda ng, что гораздо удобнее, чем постоянно держать открытой другую программу.

    2014-02-06 в 6:28 пп |
    Ответить
  34. Степан,

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

    2014-02-28 в 10:19 пп |
    Ответить
  35. Алекс,

    Установил форму обратной связи через php. Вместо пунктов «Ваше имя» и пр. выходят чёрные ромбики с вопросиками внутри. Это во-первых. А во вторых, как теперь эту форму установить на страницу контактов?

    2014-03-15 в 11:24 пп |
    Ответить
    • Анжелика,

      Алекс, поменяйте кодировку на UTF-8.

      Я тоже голову ломаю, как вставить форму в страницу сайта, или страницу сайта в форму). В меню, конечно, можно ссылку прописать до файла svyaz/index.php, но страничка открывается без шапки, меню... шаблона сайта. Пробую прописать в этом самом файле все divы из кода страницы и добавить стили в css формы связи.

      А может быть у вас, Алекс, получилось поставить её на странице контактов? Поделитесь. ?

      2014-08-14 в 2:30 пп |
      Ответить
  36. Самсоненко Алексей,

    Отлично. Как раз нужно было поставить такую форму к себе на сайт. Теперь точно поставлю. Спасибо ;-)

    2014-05-11 в 4:18 пп |
    Ответить
  37. Юрий Йосифович,

    Что-то так все мудрено — а самую обычную стандартную форму что нельзя использовать?

    Я вот не заморачивался — какая была, такую и оставил...

    2014-06-30 в 2:26 дп |
    Ответить
  38. Аня,

    Спасибо за форму. но при попытке отправить заполненную форму выдает «Произошла ошибка, сообщение не может быть отправлено!» Не подскажете, в чем может быть причина?

    2014-07-02 в 10:26 пп |
    Ответить
  39. Аня,

    Правильно email, на который должны уходить письма.

    2014-07-02 в 10:28 пп |
    Ответить
  40. Диана,

    Мне очень понравился скрипт Super AJAX Contact Form. Люблю такие ленточки.) Попробую себе установить такое, хоть и боюсь коды вписывать всякие. Просто у меня стандартная стоит, полупрозрачная, ее даже не видно, практически. Скучный дизайн, как поменять не знаю, это в стили лезть надо, но, все равно дизайн скучноватый.

    2014-10-15 в 10:56 дп |
    Ответить
  41. Ника,

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

    2014-11-18 в 11:42 пп |
    Ответить
  42. Игорь,

    Отличный плагин Contact Form 7,давно им пользуюсь.

    Попробую воспользоваться скриптом Super AJAX Contact Form

    2014-11-23 в 8:52 пп |
    Ответить
  43. Сергей,

    Подскажи пожалуйста, как сделать Super AJAX Contact Form что бы отображалась так же, как у тебя на блоге?

    2015-02-26 в 9:22 пп |
    Ответить
    • Константин Белан,

      С помощью iframe. У себя я сделал следующим образом: создал страницу и в ней прописал путь до файла index.php с Super AJAX Contact Form. Получилось вот так: <iframe src="/svyaz/index.php" width="100%" height="320px"></iframe>. Попробуйте!

      2015-02-27 в 10:45 дп |
      Ответить
      • Сергей,

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

        2015-02-27 в 7:57 пп |
        Ответить
      • Сергей,

        Что то Константин у меня не получается не чего, может на почту мне скинешь пример не большой, что, куда и как? Заранее спасибо!!!

        2015-02-27 в 8:38 пп |
        Ответить
Оставить свой комментарий:

Эффективный блоггинг и инфобизнес с Белан Константином

Станьте моим партнером

© 2012-2015 | При копировании материала активная ссылка на сайт-первоисточник обязательна!

▲ Наверх