400 плагинов     31 онлайн-сервис     8 сервисов заработка на блоге     используем вместе
NoFollow Free – DoFollow сайт

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

Автор: Павел | Рубрика: Коммерч. сайты, Советы

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

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

Как интегрировать php-форму обратной связи в сайт, построенный на html:

1. Создаем файл mail.php –

скачать можете по этой ссылке
не забудьте поменять расширение на php
в 55 строке кода указываем свой e-mail.

 

2. Заливаем этот файл в ту же директорию на хостинге, где будет страница с формой обратной связи. У меня все файлы сайта в коренной папке, туда же поместил и этот файл.

3. В код страницы, где будет форма обратной связи (у меня это «Вопросы и ответы») вставляем следующий код:

<tr>
      <td>
               <form action=mail.php method=post>
               Ваше имя<br><input type=text name=name size=30><p>
               Ваш e-mail<br><input type=text name=email size=30><p>
               Ваш вопрос<br><textarea name=mess rows=10 cols=50></textarea><p>
               <input type=submit value=”Отправить сообщение”>
               </form>
      </td>
 </tr>

4. Меняем формат файла из html в php. Например, у меня получилось voprosi-i-otveti.php

5. Соответственно, в файле mail.php в строках 13, 27, 41 – указывается страница, на которой будет расположена форма. В приведенном файле у нас указано <a href=voprosi-i-otveti.php>.

Что в итоге: (форма не рабочая, просто, чтобы показать что получается)

Ваше имя
Ваш e-mail

Ваш вопрос
Вопрос (сообщение) приходит на указанный в строке 55 mail.php e-mail.

В описанном примере делалась форма «Задайте свой вопрос», но точно также делаете просто форму обратной связи, чтобы люди писали вам прямо с сайта.
В 40 строке пишем: Нет текста сообщения
 

Хостинг, конечно, должен поддерживать php и работу с электронной почтой.

P.S. С дизайном для того сайта, кстати, помог Naykris – ведущий блога Магия дизайна и один из соавторов 7bloggers.

——————————————————————————————————————————————————-

Как эстафеты стимулируют самообучение
Старый, но рабочий, способ увеличения PageRank
5 красивых сайтов
сайт по доставке цветов в Москве


Похожие статьи

Комментарии читателей

  1. Екатерина |

    Спасибо! Я как раз вернулась к старому доброму хтмл в котором я ничего не понимаю , это именно то что мне нужно. В закладки. Может еще научите css? :) Сейчас меня все дружно пошлют в….гугл но я этих уроков столько начиталась ничего не понимаю, мне кажется ценно не то что правильно написано а то что понятно.

  2. Павел |

    В css я сам не очень ))

  3. none |

    Вообще-то такой способ написания формы - это прямой способ убить свою почту… боты сразу же её съедят и… прощай почтовый ящик :-(

  4. Павел |

    В смысле спама? Пару месяцев пока все нормально.

    Посоветуйте как по-другому. Мы всегда открыты новым знаниям. ))

  5. none |

    Если нет желания мучиться с капчами, то хотя бы саму форму выводить жабаскриптом - это хоть от ботов спасёт

  6. Пузат |

    А зачем делать сайты просто на html, когда есть wordpress, который можно гнуть как попало.

  7. женатый сеошник |

    хтмл так же перестал юзать - на ВП и СДЛ делаю и саты

  8. Lex Nevermind |

    причём тут СДЛ и саты? :)
    …
    конечн капчу над ставить и защиту от ввода фигни в поле е-мыла…

    на самом деле есть отличный скрипт формы комментариев с капчей, блоком последних комментов и т.д. Причём встраивается влюбой сайт. У меня работает и на чистом html и на nano-CMS.

    Примерчик: http://sid-and-nancy.com (сайт - не сателит, делался для людей… правда не закончен)

  9. Екатерина |

    Пузат, будь уверен, те кто делает сайты на хтмл знает для чего они:)

  10. uzurpator |

    а если необходимо указать несколько почтовых адресов, то как поступить в этом случае, какие есть знаки разделения?

  11. женатый сеошник |

    to Lex Nevermind , возможно не совсем в тему, но просмотри комменты выше…
     

  12. Михаил |

    Мой сайт на бесплатном хостинге без поддержки php могу ли я использовать форму обратной связи на html?

  13. lord |

    Можно, например http://www.vipform.ru позволяет разместить форму на любом сайте. Но немного мозгов всё таки пригодится.

  14. Koopix |

    хоть создание сайта на html и не самый лучший способ но обратная связь вызывает интерес

  15. Олег |

    а как быть если хостинг бесплатный, php нету!

  16. sc-master |

    а если сервер не поддерживает php, то ничего не выйдет? я просто создал свой сайт: <a href=”http://www.sc-perfect.ru/page/zapravka_ryz_pros.html”>заправка картриджей, метро рязанский проспект</a>, и хотел бы добавить форму обратной связи. ответьте плиз.

  17. Павел |

    а если необходимо указать несколько почтовых адресов, то как поступить в этом случае, какие есть знаки разделения?

    Я сам указывал только 1 адрес, попробуйте запятые, но точно я не знаю, только методом подбора …

    Если сервер не поддерживает php (например, narod), то в моем примере создать форму не получится.

  18. Михаил |

    Спасибо огромное lord-у сделал форму обратной связи как описано на http://www.vipform.ru , всё работает! Ураа!

  19. SOADer |

    А меня вот тоже интересуют альтернативные способы реализации формы обратной связи. (не используя сторонние сервисы)

    Допустим, если у хостера отключена в PHP функция mail(). Как можно сделать?

    Вроде через SMTP как-то можно. Но простых небольших решений не находил еще.

  20. Катя |

    Неслышала на счет smtp… а вот java script всегда спасает если на сервере отключен пхп …

  21. eeex |

    Есть такой момент - раньше я на своем сайте ставил форму обратной связи без капчи, но столкнулся с ситацией когда спамеры использовали мою форму для доступа к sendmail сервера, чтобы рассылать спам. Поэтому мой хостер заблокировал аккаунт. Так что сейчас без капчи - никак.

  22. Tolsty |

    Мне эта форма очень нужна была для двух хтмл сайтов, на самом то деле просто влом переделывать то что было сделано до появления в моей жизни вордпресса! И ОС для таких сайтов оч нужна.

  23. Александр |

    Я в сайтростроении совсем плохо разбираюсь сделал как написано но всеравно ни чего не получилось. В итоге воспользовался сервисом
    http://main-ip.ru/?cont=script_mail

  24. Михаил |

    Такой же сервис http://vipform.ru + без рекламы

  25. Tolsty |

    Сервисами пользовался, но помню что то меня не устраивало в них..да еще и реклама..бе

  26. gamer |

    надо бы капчу - ато спамеры сождут нафиг

  27. Роман |

    Помогите пожалуйста добавить еще несколько строк таких же как “ваше имя” и “ваш e-mail” 
    спасибо.

  28. Павел |

    Роман, вставляете в код, указанный выше такие же строчки, только пишете нужное Вам название строки,
    например делаем строку (поле) Ваш возраст:

    Ваш возраст<br><input type=text name=name size=30><p>

    Вставляем эту строку туда, и все. Получается:
    <tr>
          <td>
                   <form action=mail.php method=post>
                   Ваше имя<br><input type=text name=name size=30><p>
                   Ваш возраст<br><input type=text name=name size=30><p>
                   Ваш e-mail<br><input type=text name=email size=30><p>
                   Ваш вопрос<br><textarea name=mess rows=10 cols=50></textarea><p>
                   <input type=submit value=”Отправить сообщение”>
                   </form>
          </td>
     </tr>

  29. Роман |

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

  30. Павел |

    Роман, посмотрите или задайте вопрос в этой ветке
    http://www.html.by/showthread.php?t=601 
    Удачи.

  31. Tolsty |

    Павел спасибо за код добаления полей !
    То есть теперь можно делать обратную связь например с многими параметрами для обсчета заказа?

  32. Павел |

    По идее, да, так можно и фому заказа сделать …

  33. Lex Nevermind |

    конечно можно))) да и нужно)

    в своё время пытался разобраться, как самому организовать заказы на своём сайте :) много чего перелопатил :) в конце концов сделал…

    так что этот пост - для новичка просто клад…

  34. Виктор |

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

  35. Павел |

    Кодировка в вашем клиенте только или посмотрите ссылку, кот. я давал выше

  36. Kareg |

    Спасибо, поставлю себе на страницу контактов

  37. Nata |

    Вот интересная статья о том как сделать обратную связь на сайте http://phpexp.narod.ru/

  38. makscj |

    Спасибо давно искал!)

  39. скутерист |

    а вместо каптчи можно всё в ноиндекс спрятать. Спамерные боты ведь в штмл коде ищут адреса.  У меня на форуме так было - пока мемберлист и личные странички с адресами не загнал в ноиндекс, спамеры душили просто. Как сделал, через пару недель всё, ни одного.

  40. скутерист |

    кстати http://phpexp.narod.ru/ ссылка битая

  41. скутерист |

    точнее в штмл коде выдачи ПС

  42. скутерист |

    кстати, а как в текстовом поле записать готовый шаблон? Например, добавить в начало “Здравствуйте, у меня вопрос”

  43. H2O |

    В поле Тема вставить значение value равнм “Здравствуйте, у меня вопрос” Например:
    <input type=text name=theme size=40 value=”Здравствуйте, у меня вопрос”>

  44. fbs |

    Теперь можно не знать скриптов, потому что есть FBS.
    Программа FBS позволяет разместить форму обратной связи на Вашей самой обычной статической страничке. Посетители сайта смогут отправлять письма прямо с нее. При этом, Ваш адрес будет недоступен написавшему, до тех пор, пока Вы сами не свяжитесь с ним используя обычную электронную почту.
    С помощью программы FBS Вы сами сможете конструировать анкеты от простых форм обратной связи до сложных анкет опросников.
    Как работает
    Вы заказываете программу и получаете доступ в систему заказов. С помощью системы заказов редактируете параметры Вашей формы, темы обратной связи и соответствующие им электронные адреса. Эти адреса доступны только Вам. Для посетителей сайта они будут недоступны. С помощью системы заказов Вы получаете специальный код, который необходимо разместить на странице Вашего сайта.
    Вы размещаете на странице контактов Вашего сайта или любой другой странице полученный код. При открытии страницы, посетитель видит форму обратной связи. Если он хочет связаться с Вами, он заполняет поля формы выбирает тему сообщения, из заранее определенных Вами. Вводит свои контактные данные (электронную почту, телефоны) текст сообщения и жмет кнопку отправить.
    На указанный Вами адрес (в соответствии с выбранной в форме темой письма) поступает письмо.
    3 дня для бесплатного использования.
    http://fbs.lu-mo.ru/index.html
     

  45. Anton |

    Делаю все как написано но не получается, просто пустая страничка открывается.

  46. fbs |

    Создание формы обратной связи на сайте в картинках
    http://fbs.lu-mo.ru/fbsdata/usage.html
    Это может ускорить процесс освоения :)

  47. Never Lex |

    Да уж… Уже на пальцах всё начали показывать:) Скоро программы писать первоклассники будут)))

  48. Cerg |

    А как и куда надо адрес email вставлять? Подскажите плизззз!

  49. mapk |

    Это точно

  50. Seodaiter |

    можно просто создать форму с тексто в начале
    <form action=”mailto:ваш e-mail”>
    или скачать универсальные, где встроены всякие фичи

  51. Ирма |

    Ну, да, так и есть. Спасибо

  52. Татьяна |

    Спасибо за простую форму :)
    P.S.
    Цитата:
    “4. Меняем формат файла из html в php. Например, у меня получилось voprosi-i-otveti.php”
    Совсем не обязательно менять формат файла на php. И без изменения формата все прекрасно работает, просто в файле mail.php надо проставить не voprosi-i-otveti.php, а voprosi-i-otveti.html (или Ваше название странички, на которой расположена форма связи).
    :)

  53. Гульнара |

    у меня не получилось(((
    не могли бы вы Павел помочь мне????

  54. Гульнара |

    у меня н получилось(((
    Не могли бы вы Павел помочь мне???

  55. Виталий |

    Спасибо большое! Очень полезная статья, а то с обратной связью уже намучился

  56. Виталий |

    Спасибо большое! Очень полезная статья, а то с обратной связью уже намучился!

  57. Seodaiter |

    Что то комментарии продублировались.

  58. Игорь |

    Подскажите пожалуйста, все замечательно, только русский текст вбитый в форму приходит в не читаемом виде. Как исправить беду?

  59. Игорь |

    имеется ввиду на электронную почту. Заранее спасибо!

  60. Василий |

    Спасибо огромное ДРУЖИЩЕ!
    Все летает!
    100 раз огромное СПАСИБО!!!!!!!!!!!!!!!!!!!!!
    :) :) :)

  61. Антон |

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

  62. FBS |

    Январские обновления в сервисе FBS
    1. Обязательные/необязательные для заполнения поля;
    2. Использование в качестве InnerFrame и Popup Window;
    3. Теперь принимаем электронные платежи WebMoney, Яды, Qiwi.
    Программа FBS — это сервис, который позволяет сделать форму обратной связи или иную форму на Вашей самой обычной статической html страничке.
    Именно здесь Вы можете за 2-3 минуты создать форму обратной связи, анкету опросник, голосование по темам, форму запроса или… да все, что угодно, не вдаваясь в технические подробности программирования.

  63. Элла |

    Может кому еще актуально избавиться от иероглифов в русско-язычных сообщениях? Следует поменять кодировку страницы на которой висит контактная форма. Я нашла два способа:

    1) В .html файле страницы на которой висит форма, в header убедитесь что у вас <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251” />

    2) Добавьте эту строку в .htaccess , вставив имя своего файла с контактной формой:

    AddHandler ‘text/html; charset=windows-1251’ YOUR FILE NAME.html

  64. Julz |

    Как на простой html сайт внидрить форму “оставить свой отзыв”, такую же как здесь внизу и что бы можно было их публиковать после проверки модератора?

  65. Олег |

    Доброе время суток Павел. Отличная форма обратной связи! спасибо!, но у меня возникла потребность - добавить пункт для отправки вместе с информацией ещё и вложенное изображение на эмеил… как не пробовал, всё не как не вышло, подскажите пожалуйста как в эту форму добавить возможность влаживать изображение с фиксированным размером?*

    За благовременно огромное спасибо!

  66. Наталия |

    Большое спасибо, Павел! Форма простая и очень удобная!

  67. 0629 |

    Да, PHP, действительно простой язык, по этому он такой популярный.

  68. mindwork |

    Да пхп отличный язык и с каждым годом он все лучше и лучше, особенно при свете недавных новостей (фейс бук переписывает интерпритатор hip-hop for php)

  69. fgfgfgj |

    ХУЙНЯ ЭТО ВСЁ! НЕРАБОТАЕТ ВАША БАДЯГА БЕСПАНТОВАЯ

  70. Николай |

    Да норм все работает

  71. Tumblr nude art |

    >fgfgfgj ХУЙНЯ ЭТО ВСЁ! НЕРАБОТАЕТ ВАША БАДЯГА БЕСПАНТОВАЯ

    В твоем случае когда руки кривые, конечно ничего не поможет, только ампутация…

  72. Sergunnn |

    ну уж проще некуда

  73. анальное порно |

    бесплатно <a href=”http://pornotreker.ru/”>Скачать порно </a> с торрента

  74. best3gp |

    Хорошая статья, и сайт не плохой. Подпишусь на RSS.

  75. Stas |

    Спасибо отличная форма, то что я искал…

  76. blogpressa |

    Отличная форма, возьму на заметку.

  77. Иван |

    Классный скрипт, но уже поздно :)
    Я решил воспользоваться готовым скриптом, внедрир в свой сайт вот что получилось. http://vkontak1te.ru/contact.php кстате называется send

  78. Alex |

    Спасибо! Всё работает! теперь буду искать как вот такие отзывы на сайте делаются.

  79. Владимир |

    не работает скрипт
    пиздаболы. развели пиздёшь на всю страницу

  80. Антон |

    Владимир: =>
    Все прекрасно работает, вот специально для тебя сменил свой скрипт обратной связи, на скрипт с этого сайта.
    http://photo-key.ru/contact.php
    Да кстате забыл сказать, если у кавота не работает, возможно у вас по стандарту отключена функция чтоб можно было отправлять сообщения с вашего веб сайта на почту.
    Напишите письмо в свою техподдержку с просьбой чтоб они запустили эту функцию.
    Желаю всем удачи!

  81. Виталий |

    Спасибо. Буду использовать на своих сайтах.
    Еще не проверял…

  82. Dinislam |

    Спасибо заранее. Давно искал и кажется нашел. Еще не использовал…

  83. uzumi |

    Не знаю, но почему-то у меня галимо при отправке выходит весь текст страницы mail.php
     
     

  84. Misha |

    Долго не мог разобраться почему не работает. Техподдержка разобралась спс

  85. Стас |

    Все работает, но что то не разобрался с русской кодировкой. Иероглифы на почту приходят.
    Пробовал ставить виндовс-1251 в мете, но не помогло.
    Объясните плз кто нить на пальцах, что делать))

  86. ЗИС |

    Держите, ребятки, кто не разобрался…
    Все расписано. Понятно.
    Для ХТМЛ… =)
    Удачи…

    http://computerlessons.ru/php/contact_form_valid_dmaw/

  87. wal |

    Тут можно сделать форму очень просто и легко))
    ip-whois.net/forma-obratnoj-svyazi

  88. Wix |

    Спасибо, воспользовался, заработало с первого раза. Скажу две вещи…
    1 - по поводу кодировки… просто откройте файл блокнотом и скопируйте оттуда код…
    2 - по поводу смены расширения страницы с формой… не обязательно, если прописать на сервере в файле .htaccess
    строки:
    RemoveHandler .html .htm
    AddType application/x-httpd-php .php .htm .html .phtml

    Спасибо огромное!

Оставьте свой отзыв

Версия для печати Версия для печати              Получить в PDF            

© Все права защищены. проект “Продвинем вместе свои сайты”. Дизайн: Free WordPress Themes.
сайт сбербанк сайт работа.ру