Получайте секретные материалы проекта на свой E-Mail:

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

Здравствуйте, мои любимые читатели! Сегодня хочется поделиться с Вами информацией о настройке сайта, а если быть точнее, то разберем форму обратной связи, сделанную тремя разными способами: 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

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Количество комментариев к данной статье: 58
  1. Мне скорее второй способ понравился, может потому что заморочек меньше, а функция все равно выполнятся будет. 😛

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

  2. дед Виталя:

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

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

  3. Ответить

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

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

  4. Ответить

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

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

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

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

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

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

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

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

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

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

  6. Ответить

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

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

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

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

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

  8. Ответить

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

  9. Ответить

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

  10. Ответить

    Василий:

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

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

  11. Ответить

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

  12. Ответить

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

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

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

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

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

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

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

    • Полностью согласен! ❓

  16. Юлия:

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

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

  17. Ответить

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

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

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

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

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

  21. Ответить

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

  22. Ответить

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

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

  24. Ответить

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

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

  25. Ответить

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

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

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

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

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

  29. Ответить

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

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

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

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

  31. Ответить

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

  32. Ответить

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

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

  33. Ответить

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

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

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

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

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

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

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

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

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

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

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

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

    • Ответить

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

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

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

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

  37. Ответить

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

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

  38. Ответить

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

  39. Ответить

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

  40. Ответить

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

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

  42. Ответить

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

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

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

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

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

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