Что значит форма обратной связи. Активный анти спам с вводом данных в поле. Генератор формы обратной связи
Возможно, вы собираетесь установить себе на сайт форму обратной связи, возможно, она уже стоит, а быть может вы уже опробовали этот канал и жутко в нем разочаровались. Так или иначе, сегодня на рынке можно выделить 4 разновидности формы обратной связи, представленные несколькими игроками. Мы постараемся, по мере возможностей, максимально объективно рассказать об их минусах и плюсах.
Плюсы: настройка вида кнопки и окна, отсутствие навязчивости, голосовая связь, удобный личный кабинет, не требует наличие телефона или ввода номера.
Плюсы: Дешево и сердито. Брендирование под дизайн сайта, возможность сделать форму так, как желает заказчик – звонок, текст или и то и другое. Отсутствие платы сторонним компаниям.
Минусы: Не очень надежны и не всегда работают, зачастую представляют собой бутафорию.
Callback-виджеты
Rocket Callback , Callback Hunter и многие другие. Тысячи их. Представляют собой всплывающее окно с 1 полем для ввода номера телефона. От Zingaya отличается тем, что общение происходит по телефону, а не через компьютер, хотя используется тот же самый VoIP. Различаются между собой дополнительными функциями - у Perezvoni это мультивиджет, у Rocket Callback настройка навязчивости, у RedConnect совместный браузер и так далее. По цене сильный разброс, но самая низкая цена у Rocket Callback (около 6 рублей за минуту), самая высокая у Callback Hunter (около 60 рублей за минуту).
Плюсы: Нет привязки к компьютеру, цена не зависит от количества операторов, настройка навязчивости и внешнего вида виджета, моментальная связь (от 20 секунд).
Минусы: При агрессивной настройке может сильно мешать посетителям, раздражая своим появлением в самый неподходящий момент.
Каждый из 4 видов фидбека отличается как минусом, так и плюсом. У онлайн-звонка все хорошо, да вот только без микрофона не поговоришь. Онлайн-консультанты очень удобны, да вот только высокая цена за несколько операторов. Самописные формы позволяют никому не платить, но зато требуют постоянного внимания. Сallback-виджеты позволяют моментально связаться, да вот могут быть невероятно навязчивыми. Есть мнение, что каждая из разновидностей может заменить другую, но это маловероятно, так как у каждой свои слабые и сильные стороны. Оптимальным решением будет протестировать все 4 и остановиться на том, что дало лучший результат.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подписаться
Форма обратной связи на сайте – это механизм для общения между посетителем ресурса и его администраторами.
Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA
- Ответы на вопросы посетителей.
- Анкетирование.
- Прием заказов посредством сайта.
- Прием заявок на обратные звонки.
- Отправка на email. После заполнения предложенных полей форма отправляется на e-mail администратора сайта. Все дальнейшее общение происходит посредством обмена электронными письмами или выходом в офф-лайн (телефон и т.п.).
- Отправка в систему управления сайтом. После заполнения администратор сайта видит запрос в списке заполненных данных в CMS, и там же может его обработать. К примеру, таким образом может быть реализована гостевая книга или система «Вопрос-ответ». Покупка товаров в интернет-магазине работает подобным образом.
В дальнейшем мы не будем подробно рассматривать работу интернет-магазина, так как это тема для отдельной статьи, а остановимся на обратной связи как одном из видов коммуникации с посетителем сайта.
Для эффективной и быстрой обработки заявок рекомендуется комбинировать оба вида отправки.
Как сделать форму обратной связи на сайтеДля разработки необходимы знания php, html и javascript. На CMS существуют разные конструкторы, позволяющие сделать сервис обратной связи, также можно воспользоваться сервисами в интернете. Но все же предпочтительнее первый способ. Вы, как администратор сайта, должны точно знать, какие механизмы применяются для отправки сообщений.
Механизм отправки вопроса на email работает через почтовый сервер, установленный на хостинге. Если письма к вам не приходят, возможно, требуется пересмотреть настройки веб-сервера или проверить ваш почтовый ящик на присутствие в спам-листе.
СтруктураСтраница обратной связи может состоять из нескольких полей, которые предлагается заполнить посетителю. Поля, отмеченные звездочкой, заполняются обязательно. Если человек пытается отправить форму, не заполнив поля со звездочкой, у него высвечивается сообщение, что форма не может быть отправлена.
Как правило, обязательными к заполнению являются поля: ФИО, телефон, e-mail, ваш вопрос. Самая простая страница коммуникации должна содержать эти поля.
Помимо текстовых полей, страница может содержать элементы выбора.
Пример сервиса обратного звонка
Можно предусмотреть возможность прикрепления документов различных форматов. Для эффективной работы указывайте форматы и вес файлов, которые посетитель может прикрепить к сообщению.
Пример усложненной формы обратной связи для заказа
Последним полем должна быть каптча – защитный код, формирующийся при каждом обновлении страницы, который служит для предотвращения спама. Если вы не установите каптчу, то вскоре устанете очищать базу данных сайта и почтовый ящик от спам-сообщений, рассылаемых различными ботами. В настоящее время боты могут распознавать коды, поэтому устанавливайте надежные каптчи и периодически обновляйте формирующий скрипт.
Где размещатьОбычно применяют два вида размещения формы:
- На отдельной странице в случае, если форма содержит много полей.
- На странице «Контакты» под заголовком «Напишите нам».
Не рекомендуется размещать саму форму на главной странице, и тем более – дублировать ее сквозным способом на всех страницах сайта. Исключение составляет сервис обратного звонка, который только по способу коммуникации можно отнести к вышеуказанному. Плохо работает форма в . Исключение составляет лэндинг, цель которого – удержать внимание посетителя и довести его до конца страницы.
Правила хорошего тонаПосле заполнения полей и отправки сообщения посетитель должен получить на экране ответ типа «Спасибо за ваш вопрос. Мы ответим вам в течение 1 часа». Если посетитель не получает ответ в течение установленного времени, его расположение к вам резко падает. Факт игнорирования очень неприятен и говорит о том, что сайт не ценит своих клиентов. Обратная связь должна работать, а не собирать мертвые грузы из неотвеченных вопросов посетителей.
Связь через формы – самый быстрый метод коммуникации с клиентами, дающий возможность подготовить детальные ответы и собрать уникальную базу e-mail адресов и телефонных номеров. Помните: вы не имеете право пользоваться этой базой для массовой рассылки и передавать ее сторонней организации. По статистике ваше предложение будет работать, если человек в данный момент ищет именно вашу услугу или товар. Если потенциальный клиент к вам уже обратился, в ваших силах предложить ему сейчас именно то, в чем он заинтересован.
Сейчас на каждом сайте можно встретить форму обратной связи, будь то коммерческий или информационный сайт. К сожалению, большинство владельцев сайтов делают формы неудобными для заполнения или показывают их слишком навязчиво, портя впечатление о компании в целом. Давайте разберемся, где и как правильно запрашивать данные пользователя, чтобы было легко взаимодействовать с сайтом.
Основные виды форм для сайтаРассмотрим особенности каждого вида, чтобы вы смогли выбрать подходящие для вашего сайта или использовать список как чек-лист, чтобы не забыть разместить их все.
Рекомендуем всем коммерческим сайтам использовать данную форму. Идеальное место размещения - шапка сайта, рядом с номером телефона. Причем не стоит показывать поля ввода сразу, лучше их скрыть под кнопкой «Заказать звонок» и выводить после клика. Не обязательно делать кнопку яркой, в виде ссылки она будет так же хорошо заметна:
В развернутой версии достаточно двух полей «Телефон» и «Имя» и где обязательно для заполнения только первое:
Можно оставить только одно поле для ввода телефона, тоже вполне рабочий вариант, хотя придется у каждого клиента при звонке сначала спрашивать имя:
Также форма обратного звонка пригодится в подвале сайта, разместите ее рядом с контактной информацией. Так после просмотра страницы клиентам не придется возвращаться в начало.
«Форма-спасатель» для тех пользователей вашего сайта, которые не смогли найти нужную информацию на странице, но хотят сделать заказ. Лучше размещать в одном из двух вариантов: либо в свернутом виде в правом нижнем углу экрана, либо в развернутом - внизу на Главной и на страницах каталога товаров или услуг.
Первый вариант размещения (пример с сайта Танго и Кэш):
Второй вариант размещения (пример с сайта Okna-dpa):
Данную форму часто заменяют онлайн-консультантом, что в принципе одно и то же, но нужно понимать, что понадобится сотрудник, который будет ее поддерживать.
Ещё данную форму стоит разместить на странице контактов. Обязательно добавьте поле для комментария, чтобы пользователи могли рассказать, по какому вопросу они обращаются в компанию.
Форма обратной связи на странице контактов YouDesign:
Очевидно, что форму нужно размещать на странице услуги, лучше всего в конце страницы, после описания работ, результатов и цен, чтобы как бы направить пользователя к оформлению заявки после ознакомления с информацией. Выводить поля формы можно сразу, разворачивать после клика по кнопке или перенаправлять в личный кабинет на соответствующую страницу.
Часто на страницах услуг размещают форму заказа обратного звонка или консультации, что не совсем правильно. Клиент уже выбрал страницу услуги, возможно даже тариф, а ему показывается общая форма, где нет выбранной информации. Это дезориентирует. Рекомендуем указывать следующие поля:
- «Вид услуги» или «Тариф» - данное поле лучше заполнять автоматически или разместить в виде текста в начале формы
- «Имя»
- «Телефон» - сделайте поле обязательным для заполнения
- «Email» - чтобы продублировать информацию о заказе клиенту
- «Комментарий» - возможно, у клиента есть уточнения
Каждый бизнес индивидуален и вам могут понадобиться дополнительные параметры, но рекомендуем размещать не более 5-7 полей, чтобы не отталкивать клиента. Если все-таки большого количества полей не избежать, то визуально группируйте их по тематикам, чтобы сократить количество ошибок при вводе информации. Пример простой формы заказа на сайте компании Строя:
Такую форму лучше показывать пользователю на странице корзины, когда он определился с выбором товаров. Если у вас на сайте есть личный кабинет, то придётся проработать две формы: для авторизованных и неавторизованных пользователей.
Для новых клиентов. Не заставляйте их регистрироваться, чтобы возвратиться к заказу. Так вы только оттолкнете их. Достаточно добавить несколько полей с контактной информацией. Спросите имя, телефон, email и адрес доставки. Так пользователю не придётся совершать лишние действия, а вы получите нового клиента. По email можно сделать автоматическую регистрацию и выслать клиенту пароль на почту.
Пример размещения полей в форме для новых пользователей на Ozon:
Для старых клиентов. Те, кто заказывают повторно, уже указали всю контактную информацию, поэтому в форме помимо списка товаров должны быть только пункты выбора доставки и оплаты. И если вы используете промокоды, то добавьте поле для их ввода, но не более. Не нужно заново просить контакты клиента.
Форма заказа на Wildberries, где даже выводится прошлый выбор способа доставки и оплаты (но оставляют возможность их изменить):
Многие разбивают ввод адреса доставки на несколько полей, отдельно запрашивая индекс, название города, улицы, номер дома и т.д., что выглядит очень громоздко. Антипример с сайта Ангорочка:
Пользователи даже в таких формах допускают ошибки, поэтому лучше оставить одно общее поле ввода адреса и уточнять корректность данных у новых клиентов по телефону.
Обязательными полями для ввода следует сделать контактные данные, адрес доставки, выбор способа доставки и оплаты. Форму можно выводит поэтапно, но и не возбраняется показать все поля сразу. Главное, визуально разделите их на смысловые группы.
Рекомендуем отделять ее от формы авторизации, потому что многих новых клиентов дезориентирует кнопка «Войти». Две ссылки рядом не будут занимать много места и сократят время поиска. Также форма всегда должна быть заметна, поэтому лучше разметить ее в шапке сайта. Самый привычный вариант - в верхнем правом углу в виде ссылки (пример от Аква-Вива):
В целом форма должна содержать те же поля, что и форма заказа (и обязательные поля для ввода такие же), поэтому советуем не перегружать ее лишними пунктами и для адреса оформить общее поле. Помните, что регистрация это дополнительные действия для клиента, поэтому не отталкивайте его длинным списком. Можно спросить дату рождения, чтобы отправлять поздравления и скидки, но заставлять клиента придумывать никнейм или указывать дополнительный телефон или адрес - лишнее.
Шикарная практика предлагать клиентам зарегистрироваться через соцсети. Так клиенту не придется придумывать пароль и в целом регистрация пройдет быстрее. Пример использования такой возможности на сайте Asos:
Данный интернет-магазин зарубежный, поэтому приведены популярные соцсети тех стран, для русскоязычной аудитории лучше убрать Twitter и добавить кнопки для Вконтакте, Одноклассников.
Личный кабинет лучше всего подойдет интернет-магазинам для хранения контактных данных клиента, истории заказов, информации о скидках и бонусах. Также подойдет сервисам, работающим по подписке, например, если вы предоставляете доступ к просмотру фильмов в оригинале.
В то же время, если вы продаете промышленные товары, когда каждый заказ сопровождается звонком специалиста, то тогда ни в корзине, ни в форме регистрации смысла нет. Сайтам, предоставляющим услуги, например, по дизайну или ремонту квартир тоже чаще всего не нужен личный кабинет.
Восстановление пароля привычнее всего делать по адресу почты, отправляя клиенту ссылку на форму ввода нового пароля. Генерирование автоматического «временного» пароля заставляет пользователя самому искать форму смены пароля, что неудобно и только лишние заморочки для клиента. Такого лучше не допускать.
Мы уже не раз писали о пользе email-маркетинга и давали советы по его развитию, например, в данной статье и ее второй части наиболее подробная информация. Поэтому форма подписки мастхэв, если вы хотите использовать данный канал привлечения клиентов.
Разместить форму следует на Главной странице, чтобы пользователь сразу увидел, что есть такая возможность. Лучше после всей основной информации, внизу страницы (пример от Lavkalavka):
Если на сайте есть блог, и в письмах, помимо товаров и услуг, вы анонсируете новые статьи, то тогда можно добавить форму на общей странице раздела, например, справа от статей, как это сделало у Vkusnosti by Mado:
В форме подписки, конечно же, нужно поле «Email», и еще можно спросить имя, чтобы сделать письма более персонализированными.
Теперь когда мы определились, какие формы и где нужно разместить на сайте, выясним как сделать их более удобными для заполнения.
Удобный вариант расположения подписей и подсказок (на сайте Xarakiri.ru):
К каждой форме следует подходить индивидуально, поэтому невозможно описать все случаи в одной статье. Главный принцип, которым следует руководствоваться - минимум полей. Лучше позвонить клиенту и уточнить детали устно, чем заставлять его заполнять длинные формы. Возможно у клиента возникли какие-то дополнительные вопросы, тогда звонком вы решите две проблемы.
Надеемся, что наши рекомендации помогут вам сделать на сайте удобные формы и собирать больше заказов. Для тех, кто хочет персональный анализ юзабилити форм, рекомендуем воспользоваться данной услугой .
P.S. Если вам нужна информация о том, как создавать формы (техническая сторона вопроса), нужны рекомендации по коду, удобным конструкторам и т.д., тогда пишите вопросы в комментариях, сделаем по этой теме отдельную статью.
Стала просто необходимостью для владельцев интернет ресурсов. Форма обратной связи - это удобная возможность, которая помогает пользователю наладить связь с автором сайта.
Итак, в этом посте вы научитесь быстро создавать простую форму обратной связи без знания HTML, CSS, PHP и химии. Эта форма готова к использованию без всяких лишних заморочек.
Ну, что же, приступим к созданию простой HTML формы обратной связи.
Способ-1Шаг №1
Чтобы создать HTML форму обратной связи для сайта, вам следует создать файл с расширением ".PHP
". Дайте название файлу "mail.php
" и вставьте в него вот такой скрипт:
Итак, строка №1 - здесь указываете адрес главной страницы. После отправки сообщения посетителя автоматически перенаправит по адресу, который вы укажите. Также укажите время, через которое посетитель перенаправится на главную страницу (у меня 6 секунд).
строка №2 - кодировка отображения UTF-8
строка №11 - это самая важная строка! В этой строке вам следует вписать свой электронный почтовый ящик, на который вы хотите получать сообщения с сайта.
Шаг №2
Вставьте в новом файле готовый код формы обратной связи между тегами
и назовите файл, например "kontakt.html
".
Форма обратной связи..php" method="post">
Ваше имя*
Тема сообщения
Текст сообщения:
в строке №2 укажите путь к файлу "mail.php ", у меня в примере он https://сайт/mail.php
Вот и все. Если остановиться на этом этапе, то ваша форма обратной связи будет работать на сайте, но вид ее будет не очень привлекательный. Это исправимо - нужно к форме прописать стили в CSS файле.
Итак, вставьте в файл "style.css " вот такой код:
#submit { font-family: sans-serif; color: #ffffff; font-size: 18px; padding: 0px; text-decoration: none; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1515), to(#8b0d0d)); background: -moz-linear-gradient(top, #ce1515, #8b0d0d); } #submit:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#8b0d0d), to(#ce1515)); background: -moz-linear-gradient(top, #8b0d0d, #ce1515) } #respond input, textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; } #respond input:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); }
Вот такая форма обратной связи должна получиться у вас, если вы все сделали так, как я описал.
Если на вашей форме вместо нормальных читабельных слов вы видите караказябли, как на примере снизу:
тогда откройте файл "mail.php
" и "kontakt.html
" через бесплатный и в меню перейдите в
"Кодировки" => "Преобразовать в UTF-8 без BOM"
.
Можно сделать только один файл обратной связи с расширением "php ", например, с названием "kontakt.php ", и в этот файл вписать все коды, скрипты и стили, о которых я расписывал чуть выше. Но все таки кое-какие изменения в коде мы сделаем. Это будет выглядеть вот так:
Оформление ссылок #submit { font-family: sans-serif; color: #ffffff; font-size: 18px; padding: 0px; text-decoration: none; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1515), to(#8b0d0d)); background: -moz-linear-gradient(top, #ce1515, #8b0d0d); } #submit:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#8b0d0d), to(#ce1515)); background: -moz-linear-gradient(top, #8b0d0d, #ce1515) } #respond input, textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; } #respond input:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); } Форма обратной связи.
Ваше имя*
Электронная почта*
Тема сообщения
Текст сообщения:
Внимание: еще раз повторюсь: сохранить этот файл нужно обязательно в расширении "php ", иначе работать не будет.
Обратите внимание на строчку в коде №70 . Как видите, я оставил "action " пустым, так как сам обработчик формы обратной связи находится на одном файле.
Вот и все!!! Надеюсь простая HTML форма обратной связи для сайта действительно была для вас простой.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓Получай обновления блога!!! Подпишись:
Последние новости категории:
Популярные статьи:
274 Ответов на комментарий - Простая HTML форма обратной связи для сайта
Куда потом загружать mail.php и kontakt.html и как вывести форму на отдельной странице?
mail.php и kontakt.html загружаете на хостинг, где лежит ваш сайт. Если быть более точным – в корень сайта.
kontakt.html – это уже отдельная страничка для формы (пример №1). Я может вас не правильно понял?
Николай отвечает:
10.06.2016 в 13:39
Степан спасибо за рабочую форму обратной связи. У меня стояла раньше, но возврат на сайт не работал. А ваша работает! У меня старая перестала работать поставил вашу. Оказалось с 18 мая маил ввёл жёсткие меры по борьбе со спамом и перестали письма с сайта приходить. Пришлось переходить на яндекспочту там всё в порядке пока.
Меня одно только настораживает что в вашей форме нет капчи. Может подскажите как добавить в эту же форму?
Здравствуйте, Николай! Вы мне дали новую интересную тему. Я думаю на этой неделя я выложу парочку статьей по теме “простейшая для формы обратной связи”.
Сможете подождать?
Дмитрий отвечает:
23.06.2016 в 05:15
Степан спасибо за прекрасный скрипт! Все супер! Но вот есть одна проблема, текст приходит в виде черных квадратиков (ютф проверял) что может быть? заранее спасибо!
Семен отвечает:
11.04.2016 в 22:06
Стоит сказать что есть еще один способ разместить форму обратной связи на своем сайте – это воспользоваться онлайн сервисом, который предоставляет визуальный конструктор веб-форм. Мне например нравится русскоязычный сервис – formdesigner.ru. Как по мне это отличный вариант для новичков, которым не хватает навыков программирования.
Привет! Спасибо за интересную статью! Напишите пожалуйста, что менять в style.css, чтобы увеличить размер полей ввода данных.
Понял. Спасибо!
Здравствуйте, Степан. Сделал все, как указано, но сообщения не отправляются. В чем может быть проблема.
Спасибо за ответ. Я разобрался с первым способом все работает. Моя
ошибка была. А как сделать, чтобы сообщение об отправке было
всплывающим, а не в новом окне. Спасибо если ответите.
Здравствуйте Степан,у меня не отправляются сообщения пишут Ошибка, сообщение не отправлено я все сделал как написано и почту поменял и это и в первом и втором случае
Здравствуйте Степан,файлы размещены на хостинге
расширение файлов в html и php и не работает
$mes = "Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body";
Что здесь не так подскажите пожалуйста в kontakt.html поменял названия форм вместо тема сообщения стало номер телефона а вместо текст сообщения адрес отправки
выходит вот такая ошибка Parse error: syntax error, unexpected T_STRING in /home/rxlwxpct/public_html/mail.php on line 12
Добрый день, Степан! В пришедшем письме отображаются только английские буквы и цифры. Вместо русских букв печатается: ???????
Здравствуйте, Виталий! Возможно проблема в кодировке файла “mail.php”. Кодировка должна быть UTF-8, для этого откройте текстовый редактор Notepad++. В текстовом редакторе перейдите в меню сверху по вкладке «Кодировки» => «Преобразовать в UTF-8 (без BOM)». О кодировке почитайте .
Виталий отвечает:
26.06.2014 в 09:05
Я все сделал согласно Ваших инструкций, но ситуация не изменилась (вместо русских букв выводятся кракозябры)…
В общих настройках сайта у меня указано: используемая кодировка на сайте: windows-1251. Это как то влияет на результат?
Я использую первый способ. Загрузил mail.php и создал статическую страницу с файлом kontakt.html. Все работает, только есть указанная мной проблема…
Степан, я открывал в редакторе notepad++ файл mail.php и перешел по вкладке «Преобразовать в UTF-8 (без BOM)». Но это не помогло… Также я сменил почту с mail.ru на yandex.ru. Тот же результат: вместо русских букв печатаются кракозябры…
Виталий, что-то Вы делаете не так! У меня все работает!
Я вам на почту скинул ссылку. Попробуйте, заполните и отправьте форму.
Виталий отвечает:
30.06.2014 в 22:21
Степан, Ваша форма работает прекрасно. Ну а я что то сделал не правильно… Подскажите: что?
Степан, извините за надоедливость, но правда хочется разобраться… С Вашими файлами у меня вообще ничего не получается. Что то я делаю не так…
Степан, подскажите, пожалуйста, пошагово что я должен сделать с файлом (1.html) чтобы создать статическую страницу?
Я просто копирую весь код и переношу его в html на статическую страницу, после чего сохраняю. Может я что то не так делаю?
Также я не разобрался в какое место “style.css” нужно вставить соотв. код…
здравствуйте!скажите пожалуйста а если сайт ещё пока не на хостинге,а он у меня еще в процессе создания на жестком диске…форму установил но сообщение не приходит на e-mail
Здравствуйте! Спасибо огромное за форму, я пользовалась способом №1, все прекрасно работает. Но может быть есть способ сделать так, чтобы сообщение что письмо отправлено выводилось на той же странице?
Здравствуйте, спасибо за форму, очень хорошо подошла для сайта, но есть проблема, после нажатия кнопки отправить не сообщение отправляется, а этот файл mail.php скачивается мне на компьютер, почему так? Спасибо=)
все я понял, мой хост не поддерживает php…спасибо=)
Степан, здравствуйте еще раз. Скажите пожалуйста, а где выводится сообщение об успешной (или не очень) отправке сообщения? Делала по второму способу, все получилось, письма приходят, но сообщений никаких нет
Спасибо.
Доброе время суток. Отличная статья! Все очень понятно! Великолепно, я проискал 4 дня как сделать форму в очень подробном формате и легкую. Ваш сайт просто изюминка в интернете. У меня вопрос к вам Степан. Дело в том что я не хочу чтобы после отправки сообщения, происходил переход на стартовую страницу. Можно как то сделать чтобы просто сообщения вылезло – Ваше сообщение отправлено. И все?
Степан спасибо, И последний вопрос. Вот я хочу чтобы только можно было отправлять сообщение без имен и email. У меня получится такой код
Текст сообщения:
И у меня когда отправляешь сообщение выходит что
“Вы заполнили не все поля, вернитесь назад и заполните необходимые поля!”
Странное, что не так? А когда с именем и email все работает.
И еще где можно ширину изменить? в css? подскажите пожалуйста какая строчка
Вот моя форма, из песни слов не выкинуть. Можете подкоректировать Ваш php код обработки, для моей формы? Сам пробовал заменить, все равно ошибку выдает при заполнении. Помогите пожалуйста!)
Форма заказа
Заполните форму обратной связи, и мы Вам перезвоним!
ВЫВОДИТ ВОТ ЭТО ПОСЛЕ ОТПРАВКИ. ПОЧЕМУ?
код формы вставил не в отдельный файл а сразу в index.html где находится всё меню и контент. Вставил в раздел контакты. Сайт самописный
C Новым Годом, Степан, и большое спасибо! Я несколько дней разными способами пыталась установить форму обратной связи, сегодня она, наконец, заработала! Только почему при незаполненном поле “тема” письмо не отправляется, а выходит надпись, что заполнить надо все поля. Ведь “тема” – необязательное поле? И при необходимости это поле ведь можно удалить?
Степан, благодарю за форму!
Планирую делать по 2 способу. Никак не могу понять что вставить в файл страницы сайта. Файл.php размещу в корневой каталог на хостинге, но ведь нужно что-то писать на страничке, где расположена форма? В самом html файле вставить какой-то код, нет?
Спасибо, Степан
К сожалению, так у меня ничего и не получилось
Я явно что-то не то вставляю в тело сайта((
Степан, я создала новый файл php. Куда скопировала то, что написано в способе 2, заменила нужные строчки.
Залила на хостинг.
Форма должна отразиться на странице index. моего сайта Этот файл у меня html. В этом файле должно ведь что-то прописываться, чтобы обращаться к файлу php?
Я все это очень внимательно прочитала и конечно же поняла совсем иначе))))
Спасибо, попробую напишу))))
К сожалению, все равно кривулька какая-то получается((
Проверил Ваш сайт, но не смог посмотреть на кривульку-форму .
Вы поставили другую форму? Кстати, на Вашей форме не работает капча.
Добрый день!
У меня пишет что сообщение отправлено.
Но письмо не приходит на почту.
Что это может быть?
Всё сделал как написано…
Проблема решена, она была в тестовом хостинге.
Спасибо. Получилось и чисто, и все работает.
А у меня не работает ни первый вариант ни второй. файлы PHP
c хостинга [адрес удален] сказали что проблема не у них
адрес почты поставил свой
Хостинг признался после долгих пыток что их косяк
Написали что–Наблюдалась проблема в конфигурации Вашего аккаунта.
Теперь работает.
Проблема теперь в другом
На сайте с расширением.ru работает, а
на сайте с расширением.рф не хочет.
Хостинг клянётся и божиться, что проблема с кодом
После отправки на сайте появляется ошибка или просто письмо на почту не приходит?
короче проблема только в хостинге.
Написали ответ—- Мы восстановили возможность отправки писем с сайтов Вашей учетной записи.
Сразу вопрос, после чего восстановили…… восстановители хреновы
Супер получилось все с первого раза настроить на ТС!
Только вот проверяю у себя нормальные буквы пишет при отправке,а пробую на другом компе пишет крякозябры
Вопросик! можно как то сделать чтобы при заполнении формы где пишется E-mail если напишешь что то от балды к примеру цифры или что то либо еще … Выдавало ошибку “Введите правильно свой E-mail” типо таго
Здравствуйте Степан.Во первых спасибо за ваш блог.Для меня это как учебник, постоянно бываю у вас в сайте. Много полезного. У меня вот такая проблема. Я взял от вас код и создал простую форму обратной связи. Все работает и письмо доходит. Вот только беда. Письмо доходить без текста. Пустое письмо.По какой причине, не могу понять. Пожалуйста, помогите мне в этом разобраться.Заранее спасибо. С ув.Акиф
Здравствуйте, Степан. Возник такой вопрос, может ли от хостинга зависеть качеств отправки писем?
У меня часть писем приходит, а часть нет, причем приходили только письма, в которых была либо латиница и цифры. Письма полностью написанные кириллицей не приходили ни разу. Заранее Спасибо.
Здравствуйте, Андрей! Вы проверяли письма в СПАСМ-е?
Андрей отвечает:
13.07.2015 в 13:06
Да, проверял. Там ничего не было.
Приходят письма, только написанные исключительно латиницей, или цифрами. Письма, содержащие только кириллицу не приходят.
Да, спасибо, я уже на 100% уверен, что проблема в хостинге. Переезжаю!
Сделал по способу номер 1 , но к сожалению сообщения не приходят,в чем беда?
Никита отвечает:
14.07.2015 в 22:05
вот по второму способу сделал,работает,но только одна почта,пробую другие – ничего не приходит.
Укажите, какие почтовые сайты не принимает и покажите, как вы заполнили строку №56
$address = "[email protected]";
Перенаправление происходит после отправки сообщения?
Никита отвечает:
15.07.2015 в 00:29
да перенаправление на сайт происходит,
$address = "[email protected]";
свою почту ставлю
Спасибо за статью! очень помогла
Как дабавить либо вообще переобразовать код на вид:
Имя фамилия отчество..и тд.. то есть нужны доп поля
Добрый вечер,Степан! Ваш код действительно рабочий, огромное вам спасибо, за ваш труд! Подскажите пожалуйста:
1) какой командой в файле php можно задать обязательное или не обязательное поле? (сейчас все поля являются обязательными)
2) Каким образом можно добавить новое поле именно в php файле? (в html все понятно как сделать).
Здравствуйте, Степан!
Использую второй вариант Вашего кода.
На почту mail.ru сообщение не пришло. На яндекс-почту сообщение пришло мгновенно.
В чем может быть загвоздка?
А вообще спасибо, работает же. Впринципе можно с яндекса перенаправление на mail.ru сделать…
Здравствуйте, Борис! Вы на почте “mail.ru” в СПАМ смотрели? Может письмо туда попало
Борис отвечает:
30.07.2015 в 10:33
Смотрел. Там вообще странность какая-то: письма доходят с большой задержкой и не все. Грубо говоря – через раз. В общем, логики нет. Возможно хостинг тупит.
Не возможно, а точно. Что за хостинг? Я прочитаю про них.
Борис отвечает:
03.08.2015 в 10:25
Skyhost.ru
Последний год-два стали долго думать, техподдержка долго и часто не по теме. Но цена-качество)
Здравствуйте. у меня не получается форма обратной связи(((Почему – не знаю
Вот что мне ответила тех. поддержка
Проблема с отправкой писем возникает из-за того, что сервис mail.ru заблокировал получение почты с сервера, где расположен Ваш аккаунт. Мы занимаемся решением данной проблемы, однако ответ со стороны mail.ru, к сожалению, еще не поступил. В скором времени отправка почты возобновится. Приносим извинения за временные неудобства.
В итоге я забил на маил.ру и отправил письма на яндекс.
Но яндекс почему то их в спам отправляет.
Короче не хотят они все нормально работать
Добрый день!
Поднял локальный сайт на openserver.
Взял Вашу форму, Ваш скрипт, немного подправил. Сообщение отправляю на yandex почту.
То, что передается через input’ы превращается в вопросы. Стационарный текст отображается корректно.
Прошу помощи.
Ваше имя*
Дата консультации*
Время консультации*
Здравствуйте, Максим! Я думаю проблема в кодировке. Файл с обработчиком формы должен быть сохранен в UTF-8 без бом. Смотрите
Максим отвечает:
04.09.2015 в 18:20
Степан, спасибо. Но к сожалению, не помогло. Точно так же текст отображается вопросами.
Степан,
После Вашего совета проблема не устранилась.
Прошу рекомендации, как все-таки поступить?
Может ли быть проблема в Яндекс.Почте?
Проблема в кодировке 105%. Может быть такое, что сервер отдает только win-1251. Определите какую кодировку выдает сервак и преобразуйте из той, что выдается в ту, которую нужно на странице. Вот и все!
Максим отвечает:
21.09.2015 в 11:52
Степан, добрый день!
Получил ответ от разработчиков Яндекс.Почты.
“Проверили письмо - в нём не найдено указания на какую-оибо кодировку. Проверьте, пожалуйста, настройки Вашей формы. Кажется, она не формирует заголовок “Content type” и потому не передаёт информацию о кодировке.”
Буду сидеть и разбираться, почему информация не передается. Как только выясню, отпишу в комментариях, вдруг у кого-то такие же проблемы возникнут
Максим отвечает:
23.09.2015 в 15:37
После очередной итерации всё заработало. Видимо, были проблемы с руками и кодировкой. Спасибо, Степан, за терпение и за столь удобный функционал!
Степан, добрый день.
Спасибо за форму, хорошо работает.
Возник вопрос, а как в 1 варианте формы, организовать отправку письма с вложением файла?
Здравствуйте, Вячеслав! А Вы пробовали искать ответ на сайтах? В сети валом решений, как сделать отправку письма с вложенным файлом.
Если хотите, могу лично для Вас разработать php код, с помощью которого вы сможете получать письма с вложенным файлом на почту, но это будет стоить Вам денег.
Вячеслав отвечает:
16.09.2015 в 20:50
Нашёл много решений, но попытавшись их совместить с Вашей формой, ничего не получилось.
Мне удалось организовать выбор файла.
А вот прописать непосредственно php в файле, не хватает знание кодов.
Заплатить деньги конечно можно, но я это буду делать тому человеку, который мне сделают сайт полностью. А пока, для работы пары страниц сайта, мне нужна просто форма обратной связи.
Ну а раз, Вы такой занятой человек и не можете подсказать пару строк кода, то спасибо хоть за форму.
Степан, спасибо за простую и рабочую форму!
С Денвером дольше пришлось разбираться чем интегрировать форму в страничку, навести косметику и запустить.
Совсем не зная php – вставил и заработало!
Доброе время суток,код рабочий и очень полезны спасибо огромное.
Хотел задать вопрос, можно ли добавить вариант при ошибке чтобы не перенаправлял на главною а просил исправить ошибку или перенаправлял на другую страницу.
Большое спасибо,
Я вставил форму обратной связи по вашим описаниям, но позже отказался от нее. Но вы мне испортили этим страницу сайта. Постоянно открывается ваша страница, через 6 сек, и ни чего не могу поделать, даже когда полностью удалил вашу эту форму обр. связи. Это ВИРУС!?
Ищу как мне сделать скрипт на товарный одностраничник с апселлом. У вас самое
толковое объяснение, как отправлять сообщения на почту. Но мне нужно:
1. Отправляем на [почта скрыта]
2. Считываем данные с полей формы Имя и Телефон
3. При нажатии кнопки “Отправить” на форме, перебрасывает на дополнительную
страничка upsell.php. НО ПРИ ЭТОМ ДАННЫЕ С ПОЛЕЙ ФОРМЫ НЕ ОТПРАВЛЯЮТСЯ НА Е-МЭЙЛ,
А СОХРАНЯЮТСЯ-ОЖИДАЮТ КОМАНДЫ ОТПРАВКИ!!!
4. На странице с апселлом есть 2 кнопки (нет никакой формы):
а) если покупатель жмёт кнопку “Добавить в посылку”, то вступает в дело функция
отправки сообщения mail с собранными данными с полей формы и добавляется название
е-мэйл
Имя:
Телефон:
Название дополнительного товара.
б) если покупатель жмёт кнопку “Отказаться”, то вступает в дело функция отправки
сообщения mail с собранными данными с полей формы, но уже без добавления
дополнительного товара. Это всё выражается в конечном итоге в виде сообщения на
е-мэйл
Имя:
Телефон:
Добрый вечер Степан!
Вставляю вашу форму в сайт все пишется что письмо ушло!
Но письмо на почту не приходит!
Помогите пожалуйста разобраться!
Пробовал оба варианта но обе формы обработка идет но письма не доходят!
Order form.
Name*
E-mail*
Phone*
Message:
Здравствуйте, Денис! Все верно у Вас. Должно работать, я даже перепроверил на локальном сервере. Посмотрите, не приходят ли письма в СПАМ?!
Здравствуйте!
Как к вашей форме добавить скачивание файла, который лежит в корне сайта?
Доброго времени суток Степан, на свой сайт установил вашу форму обратной связи (ФОРМУ 2) после отправки пишет Сообщение отправлено успешно. Но на почту ничего не приходит. Подскажите как исправить, заранее благодарен.
Здравствуйте на примере вашей формы делаю свою. Подскажите пожалуйста вот есть обязательные поля для заполнения а есть не обязательные как сделать не обязательные? у вас если не заполнить пишет “Вы заполнили не все поля, вернитесь назад и заполните необходимые поля!”;
У меня в форме допустим можно прикрепить картинку но это не обязательно и вообще картинка придет на почту или нет???
Я бы с удовольствием но проверка быть должна и сообщение типа “сообщение отправлено через 6 сек вы будете перенаправлены” тоже должно быть в чем дело не знаю посмотрите плиз код?
И еще плюс ко всему вылетает ошибка 1,3,5,6 неопределенная форма???
И постоянно пишет “Вы заполнили не все поля, вернитесь назад и заполните необходимые поля! ” хотя я заполняю все до единого???
Степан я ведь жду)
Все нормуль у меня получилось. Нумерцию эту я тут написал ее в моем php файле нету. А про 11 строку я сразу понял что она для обязательных форм заполнения. А все дело оказалось
{$name = $_POST["adres"] {$email = $_POST["name"]
переменные укзаны не верно.)
А вместо того чтобы сидеть я читаю большую книгу Дмитрия Котеров, Алексей Костарев PHP 5.
Спасибо Вам за советы
Могу и заплатить сколько будет стоить форма регистрации php с личным кабинетом у каждого пользователя и платежкой в ней?
Доброго времени суток еще раз Степан подскажите почему когда создаю файл с расширением php в корневой папке сайта при запросе: адрес сайта/файл php выдает
Not Found
The requested URL /cgi-bin/php4.fcgi/kontakt.php was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
файл же создан и находится в корневой папке. Как исправить? Заранее благодарен.
Здравствуйте!
При отправке сообщения выдает ошибку- “500: Не удалось выполнить запрос из-за внутренней ошибки на сервере.”
В чем может быть проблема?
Сделала по второму варианту, работает!Спасибо!)
Здравствуйте.Степан!
3 вечера прогоняю Ваши формы обратной связи.не идут. 1вариант нулевой.2-сообщение уходит но не доходит до ящика.Сайт на бесплатном хосте с поддержкой PHP.Можете ли мне помочь разобраться.готовых решений не ищу.С уважением. жду ответа
Здравствуйте, Вадим!
Вы заменили электронную почту?
$address = "[email protected]";
Vadim отвечает:
17.07.2016 в 02:17
Здравствуйте.Степан ещё раз. да. я всё перепроверил. работают оба варианта.но до ящика не доходит.скорее всего-проблема в бесплатном хостинге.Для уточнения могу прислать коды и данные сайта.т.к этот сайт своего рода учебный полигон а я человек с небольшим опытом в этом делe(пока).Ваше решение.стоит ли возиться?
Письмо должно прийти на ваш компьютер (Диск локального сервера/tmp/!sendmail)
Vadim отвечает:
23.07.2016 в 02:39
Отличное решение вопроса-а я в попыхах сразу не учёл этот вариант.как только “оформлю” это хозяйство-обязательно отпишу. спасибо за отзывчивость
Пишет Ошибка, сообщение не отправлено!
Лилия, проверил я еще раз свою форму, все работает. Смотрите в обработчик, там где-то какая-то переменная не правильно прописана или вообще нету.
Алена отвечает:
26.09.2016 в 12:03
Здравствуйте! попробовала форму №2, все работало, но письма приходили только с яндекс почты или если краказябры просто написать вместо адреса, с майла не доходят. Еще я добавила строку “Телефон” и где-то напортачила, теперь вообще не отправляется посмотрите плиз
Здравствуйте Степан. Вы случайно не узнали решение с mail.ru, почему не работает? Только что попробовал на хостинге, на поддомене своего сайта потестировать обе формы. Все работает хорошо и с почтой Гугл и Яндекс, но вот Мэйл.ру никак, письма не доходят, хотя отправка идет. Причем интересно, что не работает как если указать почту мыла $address. Так и даже если просто в форме отправитель оставит почту на мыле, а в $address будет стоять почта яндекса к примеру.
Не могу понять. как и что не исправлял, сервер при отправке запроса присылает ошибку 405 “Method Not Allowed”
The requested method POST is not allowed for the URL /mail.php.
как это можно побороть? Спасибо!
Спасибо, Степан! Проблема была как вы и сказали в сервере. Исправили. Теперь другой прикол: все поля заполнены, выводит сообщений, что все успешно отправлено, но потом вместо перенаправления на головной сайт, выводит сообщение “Вы заполнили не все поля, вернитесь назад и заполните необходимые поля!”
А вообще, Степан, вы большой молодец! Спасибо вам за блог, очень интересные вещи пишете на доступном языке.
И Вам, Дмитрий, спасибо за красивые слова.
Распишете в комментарии, что вы сделали и в каких файлах. В общем все, что касается формы.
Код вставляйте в комментариях через .
Посмотрю.
Дмитрий отвечает:
02.10.2016 в 11:55
Степан, в общем пару дней ковырялся, не могу допетрить))) Понял, что проблема в то, что добавил поля. Поля в обработчике прописал. Но явно где-то в моем днк проблема, раз не вижу источник проблемы. Вот код из обработчика:
Здравствуйте!
Ошибка в 32 строке “Z:\home\192.168.1.227\www\php\contact-form.php on line 32”
Echo "Письмо не отправлено, через 5 секунд вы вернетесь на главную;}
не стоит перед “;” одинарная кавычка ” ‘ “, вот так:
Echo "Письмо не отправлено, через 5 секунд вы вернетесь на главную";}
пробуйте.
ро отвечает:
06.10.2016 в 23:37
здравствуйте ещё раз. теперь он другую ошибку нашел в пустом хэдере в 28 строке, заполнил её, и теперь вот такая(((
что-то я в php не могу разобраться пока(((
Warning: Cannot modify header information – headers already sent by (output started at Z:\home\192.168.1.227\www\php\contact-form.php:1) in Z:\home\192.168.1.227\www\php\contact-form.php on line 28
перевёл файл php в утф-8 без бом, стал показывать без ворнинга, но иероглифы(((
и вроде бы это не страшно, на почту указанную письмо почему-то не приходит
ро отвечает:
07.10.2016 в 00:00
вроде с кодировкой разобрался, и он пишет письмо отправлено, но оно на почту не приходит((
За комментируйте строку 28
//header("Refresh: 5; URL=https://hot-potato.studio");
Результат не изменился?
ро отвечает:
11.10.2016 в 21:22
разобрался, приходит, но кракозябры в почте(((
получается надо с кодировкой играться?
ро отвечает:
11.10.2016 в 21:38
совершенно не пойму! везде стоит одинаковая кодировка utf-8, но всё равно приходит вот такое! как это исправить? если ставил без бом, то у меня на сайте появляются эти иероглифы. X-Sendmail-Cmdline: sendmail.pl -t -i
To: хххххххххххх@gmail.com
Subject: Сообщение с hot-potato.studio
X-PHP-Originating-Script: 0:contact-form.php
From: Родион Мальцев
Reply-To: ххххххххх@gmail.com
Сообщение с сайта Hot-potato.studio
РРјСЏ отправителя: Р РѕРґРёРѕРЅ Мальцев
Рлектронный адрес отправителя: хххххххххххх@gmail.com
Телефон отправителя: +7964ххххххххх
Текст сообщения:
прарарарара
ро отвечает:
11.10.2016 в 22:37
всё перевёл в ANSI и всё заработало, почему так? и нормально ли ANSI использовать?
Степан, здравствуйте!
В комментариях к этой теме я прочитал, что Вы хотели добавить в код капчу.
Вы еще не сделали это?
Если сделали, то подскажите, где можно посмотреть?
Упсссссссс! Александр, не сделал.
Нужно будет исправиться и этот вопрос подтянуть
Александр отвечает:
04.12.2016 в 12:21
Степан, здравствуйте!
А Вы так и не сделали еще отправку с капчей?
Помойму проще использовать готовый решения с широким функционалом, например конструктор форм testograf.ru
Огромный выбор типов полей + возможность загрузки файла. Также все это бесплатно!
Подробнее о том, как создать форму обратной связи здесь: testograf.ru/ru/blog/forma-obratnoj-svyazi.html
Добрый день Степан, 1 вариант испробовал, все работает, но когда приходит письмо вместо русских и литовских букв крючки, пробовал варианты с кодировками, не помогло.
Добрый день! Если честно, не поняла. Сайт php сделала, а как вставлять форму на нужную страницу в нужном месте?
Здравствуйте! вставил форму по Способу-1, все время пишет “Вы заполнили не все поля, вернитесь назад и заполните необходимые поля!” хотя они все заполнены.подскажите пожалуйста в чем может быть причина
код обработчика:
Здравствуйте!
Код написан не верно.
В форме нет “name=”NAME”, name=”EMAIL”” и т. д.
Tim отвечает:
06.12.2016 в 12:33
Добрый день!
Форму вставила на страницу, спасибо.
Но не работает – письма не доходят, подозреваю, не так указала путь к файлы mail.hp
И, главное, при отправке сообщения выскакивает, что сообщение отправлено и через 6 секунд вы будете перенаправлены на сайn сайт
Степан, как это убрать? Где изменить запись?
Ой, сообщение поправила.)
А вот как написать путь к файлам корректно?
Если файл mail.php лежит в той же папке, public html, где и все страницы сайта, значит ли это, что нужно указывать путь, как к странице сайт.ru/mail.hph?
Заранее спасибо!
Степан! Все заработало! Это сообщение не доходят, когда я пытаюсь со своего адресе сама себе послать, а с других адресов, или если просто указать 123 вместо адреса – доходят.
Извините за беспокойство!
И еще раз СПАСИБО!
Уважаемый Степан!
Прошу Вас помочь, иначе сойду с ума. Не первый день бьюсь с отправкой почты с сайта. Два файла: mail.php и contacts.html Оба файла в utf-8. Сам сайт на хостинге ISP тоже в utf-8.
Проблема: писма на ящик приходят, но в зябликах в таком виде –
РРјСЏ пославшего: РРіРѕСЂСЊ Рлектронный адрес: [email protected] Контактный телефон: 1111111111 Сообщение: Проверка СЃ сайта
В Notepad преобразовал (хотя до перекодировки было так
Имя пославшего: РРіРѕСЂСЊ Электронный адрес: [email protected] Сообщение: РџР РћР’Р Р РљРђ
Вот код mail.php
Отправка почты идет со страницы *******/contacts.html
Поменял ящик на @ukr.net иначе на @rambler письма шли в спам.
Может Вы разберетесь? Спасибо за ответ.
Пока ждал и не дождался ответ, все сделал сам. Заработало. Очень интересная была причина.
Хотелось бы увидеть работы, по созданию сайтов, автора блога, ссылок на них не увидел.
А подскажите, пожалуйста, как эту замечательную форму отцентрировать по горизонтали. Чтобы она по центру страницы отображалась. И при этом с левой стороны была выровнена, как сейчас.
Есть ли варианты, кроме как в div оборачивать, его центрировать, а содержание по левому краю выравнивать?
Да, этот вариант, единственный, приходил в голову, но руки пока не дошли, Новый Год на носу, как-никак Да и навыков web-программирования откровенно маловато, чтобы легко и непринужденно выровнять форму.
Спасибо! И с Новым Годом!
Доброго времени! Как сделать, что бы для клиента вместо майла для обратной связи был только номер телефона? Спасибо!
Здравствуйте, Степан! Помогите мне, пожалуйста. Я вторую неделю делаю форму обратной связи, перепробовала бесконечное множество форм, и сегодня у меня наконец-то получилось добиться, чтобы форма выдала ответ: Ваше сообщение отправлено. и это была именно Ваша форма. Однако по ней отсылаются только ту письма, в которых в качестве эл. адреса посетитель сайта указал не почтовый ящик на mail.ru. Хостинг написал мне на мою жалобу, почему письма не приходят, такой ответ:
Вероятно, форма на сайте подставляет адрес, указанный в поле “Электронная почта*” в качестве отправителя.
В данном случае могут возникнуть проблемы, если пользователь укажет любой почтовый ящик на mail.ru. В данном случае рекомендуем установить в качестве адреса отправителя адрес на базе Вашего домена. Скорректировали для этого txt spf запись, чтобы разрешит отправку с сервера хостинга для данного домена:
v=spf1 ip4:37.140.192.244 a mx include:_spf.mail.ru ~all
Как мне заменить адрес в mail.php?
Я попробовала заменить строку №5:
If (isset($_POST["email"])) {$email = $_POST["email"]; if ($email == "[email protected]") {unset($email);}}
адрес эл.почты на базе моего домена – он тоже сформирован на mail.ru, но не в этом дело, если вставить туда адрес на
– письмо тоже не придет.
Может, Вы мне подскажете, как мне установить в качестве адреса отправителя адрес на базе моего домена.
Здравствуйте, Степан! Перечитала еще раз все комментарии и нашла ответ на свой вопрос, все исправила, все работает! спасибо огромное! Подскажите еще, пожалуйста, как-нибудь можно сделать так, чтобы создать маску для поля $etel с телефонным номером, чтобы если пользователь ввел номер телефона не целиком, форма бы ему на это указала?
Здравствуйте, Екатерина.
Какая была причина?
Для поля с телефоном можно создать простую подсказку, используя HTML5.
Вот посмотрите возможности для формы .
Екатерина отвечает:
14.03.2017 в 05:32
Добрый день! Причина, наверное, в хостинге (у меня рег.ру). У них, видимо, какие-то проблемы с отправкой писем с ящиков mail.ru через сайт. Они мне настроили, чтобы письма, отправленные с почты на основе доменного имени, приходили без проблем, и я изменила строку 15 формы:
$send = mail ($address,$etel,$mes,"Content-type:text/plain; charset = UTF-8\r\nFrom:$address");
и теперь письма приходят от моего почтового ящика в мой почтовый ящик, а содержание – то, которое укажет посетитель сайта.
Степан, здравствуйте! Использовал первый вариант размещения формы и столкнулся вот с какой ошибкой при нажатии кнопки “отправить”: Parse error: syntax error, unexpected T_NS_SEPARATOR in /var/www/vhosts/***.plsk.regruhosting.ru/httpdocs/***.ru/mail.php on line 13
Код в обработчике:
Код в странице:
Напишите нам или закажите обратный звонок!
Ваше имя
Электронная почта
Номер телефона
Вам перезвонить?
Текст сообщения:
Судя по тексту ошибки, понимаю, что где-то намудрил с символами в обработчике, но найти не могу – глаза сломал… Не наведете на мысль? Заранее благодарен!
Сергей отвечает:
05.03.2017 в 21:05
Нашел лишние ковычки, ошибка пропала. Но теперь другая беда… Письмо приходит, все нормально отображается, но поля словно не заполнены. То есть, как буд-то обработчик не подхватывает данные из формы html.
php преобразовал вот так:
Проверку заполнения реализовал через html:
Ваше имя
Электронная почта
Номер телефона
Вам перезвонить?
Хотите ли Вы получить электронный каталог?
Текст сообщения:
Если проверку обязательного заполнения возвращать в php, то выдается сообщение, словно ни одной строчки в форме не заполнено. То есть при обоих вариантах, обработчик словно “не видит” заполнения на странице. Повторюсь, посьмо приходит, отображается корректно, категории “анкеты” имеются, но они пустые. Куда глядеть тут? Подскажите)
Я в коде у вас не нашел строку №9
If (isset($name) && isset($email) && isset($sub) && isset($ring) && isset($catal) && isset($body)){
Добавьте, в обработчик вот такой код:
Print_r($_POST)
Перепишите и отправьте мне, что Вам вывелось на экран.
Сергей отвечает:
06.03.2017 в 15:08
А куда именно в логическую цепочку нужно добавить?
Print_r($_POST)
В какую строчку?
Еще раз благодарю за внимание!
Добрый день, Степан! Огромное спасибо за статью) Делала все по 1-ому варианту – форма работает, но вот когда вставляю ваш код для оформления формы в style.css – ничего не меняется((Форма рабочая, но совсем невзрачная((
Помогите, пожалуйста!
Привет, я тут диплом пишу и решил вставить обратку, но без хостинга я так понимаю это не сделать? Ваш способ почему то не подходит или я что напутал с путями (
Спасибо! однако не работает. причем сработало один раз. как такое может быть,
ага. срабатывает если все писать латиницей. если кириллицей то либо не приходит либо вопросительные знаки. если указываю обратный майл от gmail то письмо проходит, если от mail.ru – то не проходит. как такое вообще может быть?
второй способ работает полностью, но если указать адрес отправителя на майл ру (list.ru ets) то письмо не приходит
с qip.ru nm.ru письма проходят нормально. с рамблера тоже. майлру и его домены где то блокируются.
Здравствуйте Степан!
Я воспользовался 1 формой. Сделал изменения под свой сайт, но почему-то письма на почту не приходят. Вы могли бы посмотреть, может я что-то напутал?
Буду благодарен за ответ.
Добрый день, Степан!
Из 2-х Ваших тем (настоящей и темы по обратной связи с капчей, попытался составить для себя одну форму обратной связи. Письма на почту приходят, с этой стороны все нормально. Вопрос в том, что нет перехода на главную страницу сайта. Появляется пустая страница с надписью. 5 секунд висит установленная в php-файле запись, потом идет запись, что не все поля заполнены (хотя заполнены все поля). Но видно, что каждые 5 секунд страница пытается обновиться. Прошу помочь с данной ошибкой.
Здравствуйте, подскажите пожалуйста, после вставки кода,у меня отображается текстом на странице эта часть:
Может ли быть, что Word press не видит эту часть кода?
Добрый день.
Степан, огромное спасибо. Все заработало!
Можете уточнить: как можно подкорректировать код, чтобы после отправки сообщения пользователь переходил на ту страницу, с которой он отправил сообщение (т.е. на предыдущую), а не на главную?
Заранее благодарен.
setTimeout("location.replace("https://адрес_сайта")", 5000);
Доброго дня Степан) Вопрос как подключить определение ip отправителя, добавил поле
If (isset($_POST["ip"])) {$ip = $_POST["ip"]; if ($ip == "") {unset($ip);}}
не выводися, Заранее спасибо.
Добрый день.
Пытался добавить форму обратной связи на сайт и столкнулся с проблемой, что вроде форма исправно работает, но на почту сообщения не приходят. Под конец я взял чистую форму со второго способа и исправил в ней строку почты на свою почту. В чем может быть проблема? Хостинг платный и поддерживает php скрипты. Версия PHP используется 7.0.
Здравствуйте, Александр!
Если после отправки форму вы на сайте увидели сообщение “Сообщение отправлено успешно. Перейдите на главную страницу блога…”, это значит, то форма отправилась успешно.
Почему нет писем на почте во входящих?
1. Строка 54 – $address = “[email protected]”; исправьте на вашу почту.
2. посмотрите, не попали ли письма в СПАМ
Александр отвечает:
06.12.2017 в 09:23
Строка 54 исправлена на мою почту. В почтовом ящике в спаме тоже ничего нету. Может надо написать в техподдерку хостинга, но что писать не знаю?
попробуйте вот .
Вы можете от туда вылудить обработчик php и прописать под свою форму.
Александр отвечает:
06.12.2017 в 20:25
И эта форма тоже работает и не выдает ошибок, но письма на почту не приходят. Свою почту в ней менял. Видимо хоть хостинг и поддерживает php, но в настройках надо что-то включить, а что именно я не знаю.
Хостинг используется nic.ru Тариф 200
В техподдержку писал, но они молчат.
Такой вопрос. В форме есть где прописать на какой почтовый адрес отсылать письма, а вот где надо прописать с какого почтового ящика отсылать письма? Или это сам хостинг по умолчанию должен понимать?
Техподдержка ответила что функция mail на хостинге работает исправно. Дали скрипт для проверки
Письмо с хостинга пришло на почту. Сказали еще раз проверить формы.
Добрый день, Степан! Установил ваш скрипт обратной связи по первому способу, все работает. Спасибо! В программировании не силен. Подскажите, что внести в код mail.php, чтобы сообщение об отправке сообщения отражалось в небольшом всплывающем окне. Еще раз спасибо!
Да, еще попробовал скрипт с капчей, но почему то не отображаются цифры. Гифки и файлы на своих местах.
Здравствуйте, Игорь!
В коде пункт №15:
{echo "Сообщение отправлено успешно, через 6 секунд Вы будете направлены на главную страницу блога сайт,где сможете продолжить ваш просмотр";}
добавьте к сообщению CSS класс со стилями и все (можно так):
{echo "
Сообщение отправлено успешно, через 6 секунд Вы будете направлены на главную страницу блога сайт,где сможете продолжить ваш просмотр
";}if (isset($_POST[‘name’])) {$name = $_POST[‘name’]; if ($name == ”) {unset($name);}}
Можете пояснить что в этой строчке написано, что проверяется?
Здравствуйте. А вот как сделать отправку формы если у меня сайт на локальном сервере? Использую Open Server
Управление сайтом во многих случаях включает в себя взаимодействие с его посетителями в рамках механизмов обратной связи. Представлены они могут быть в разных вариантах. Например, в виде формы обратной связи. В каких разновидностях она может быть представлена? Каковы особенности внедрения соответствующей формы в структуру сайта?
Что представляет собой форма обратной связи на сайте?Форма, о которой идет речь, представляет собой интерфейс, который предназначен для передачи администраторам сайта различных сообщений от посетителей. Данная форма может быть удобной альтернативой использованию электронного адреса, а в некоторых случаях — диалоговым интерфейсам в формате чата. Задействовав ее, пользователь может быть уверен, что его сообщение дойдет до адресата и не попадет, таким образом, в спам, и при этом у него нет необходимости использовать сторонние программы для работы с почтовым ящиком.
Обратная связь для сайта (HTML-формата или, например, в виде скриптов PHP либо написанных на другом языке программирования) может быть настроена так, чтобы посетитель онлайнового ресурса смог отразить в сообщении суть своего вопроса, а также указать собственные персональные и контактные данные. Изучим то, посредством каких механизмов могут быть реализованы интерфейсы взаимодействия администраторов сайта и его посетителей.
Запустить сервис обратной связи для сайта можно разными способами. В числе самых распространенных:
Использование бесплатных онлайновых сервисов, генерирующих специальный HTML-код для формы обратной связи;
Использование сервисов, предоставляющих соответствующие HTML-коды, а также скрипты PHP, необходимые для обеспечения функционирования формы обратной связи;
Использование готовых скриптов и их встраивание в HTML-код страниц на сайте.
Первые 2 способа могут подойти пользователям, не имеющим большого опыта в области веб-разработки. В свою очередь, 3-й метод во многих случаях более всего подходит специалистам, которые смогут корректно встроить соответствующий сервис обратной связи для сайта в структуру веб-страниц. Но это очень условные зависимости. Вполне может быть и так, что пользование сервером для генерации HTML-кода на практике окажется более сложной процедурой, чем загрузка готового PHP-скрипта.Рассмотрим то, каким образом указанные возможности могут задействоваться на практике.
Форма обратной связи на сайте как PHP-скриптЕсли пользователю предпочтителен вариант, при котором будет использоваться готовая форма обратной связи для сайта в виде PHP-скрипта, то загрузить ее можно, к примеру, со специализированного сайта script.landman.ru. Основные возможности соответствующих скриптов следующие:
Отправка сообщений пользователями сайта;
Фильтрация спама;
Возможность использовать скрипты в целях заказа тех или иных товаров и услуг.
В состав скриптов, предлагаемых командой разработчиков указанного сайта, входят:
PHP-скрипт, предназначенный для обработки сообщений от посетителей сайта;
Набор специальных шрифтов для антиспама.
Таким образом, в данном комплекте присутствует все необходимое для организации простой, и в то же время функциональной и надежной формы обратной связи. Можно отметить, что она достаточно оперативно может быть проинсталлирована и неподготовленным пользователем. Готовая форма обратной связи для сайта от landman.ru бесплатна, но при условии, что владелец портала, использующий ее, сохранит копирайты разработчиков.
Для того чтобы инсталлировать рассматриваемый скрипт, нужно, прежде всего, проверить файл config.php на предмет корректности адреса e-mail администратора сайта, на который будут приходить сообщения от пользователей. Кроме того, в файле Robots.txt следует прописать ограничение индексации папки с используемыми файлами, которая должна быть скопирована в корневой каталог сервера.
Форма обратной связи для сайта может быть инсталлирована на веб-страницы без применения скриптов PHP либо файлов, сформированных при задействовании какого-либо другого языка программирования, применение которых на конкретном сервере может быть затруднено либо предполагает использование дополнительных ресурсов, которые могут отсутствовать в распоряжении владельца сайта.
В данном случае речь идет как раз таки о генерации специального HTML-кода. Можно использовать тот, что предлагается разработчиками сервиса main-ip.ru/genform. Необходимо перейти по соответствующему адресу, после — ввести необходимые параметры в форму. Затем можно сгенерировать и скопировать код, после чего разместить его на той или иной странице администрируемого сайта.
Решить задачу — как на сайте сделать форму обратной связи, многие современные веб-дизайнеры предпочитают решать именно с задействованием сервиса main-ip.ru/genform, прежде всего, по той причине, что она позволяет осуществить настройку соответствующей формы по многим важнейшим параметрам. Таким как:
Ширина формы;
Наименование поля, в котором вводится имя пользователя, обращающегося к администрации сайта посредством механизма обратной связи;
Наименование поля указания электронного адреса пользователя;
Параметры различных дополнительных полей (в них могут быть указаны, к примеру, альтернативные способы связи с пользователем — в виде Skype или иного мессенджера);
Название текстового поля, предназначенного непосредственно для ввода сообщения.
Кроме того, используя страницу генерации HTML-кода для формы обратной связи, можно настроить:
Высоту блока с заголовком формы, его цвета — в HTML-кодировке;
Цвет текста, фиксируемого в заголовке, а также в форме сообщения;
Высоту текстовых областей, предназначенных для ввода сообщения, а также персональных данных пользователя;
Размер шрифта используемой формы.
Таким образом, сервис main-ip.ru/genform — в числе самых удобных для пользователей, которым нужна обратная связь для сайта. HTML-код, который генерируется сервисом, очень легко интегрируется в структуру веб-страниц. Главное — после инсталляции данного кода проверить корректность работы соответствующей формы.
Бесплатная обратная связь для сайта может быть организована посредством инструментов, которые имеются в составе популярных оболочек для управления онлайновыми порталами. Такими как, например, Joomla.
Форма обратной связи в JoomlaИнтерфейсы для настройки обратной связи в данной системе управления проектами находятся в разделе «Контакты». Как отмечают специалисты, соответствующая форма, несмотря на простоту, имеет достаточную функциональность для того, чтобы обеспечить стабильную взаимосвязь между посетителями сайта и его администраторами.
Как сделать обратную связь на сайте с помощью Joomla? Прежде всего нужно войти в главную панель данной системы, после чего выбрать опцию «Контакты». На открывшейся страницы необходимо создать новую категорию данных. Для этого нужно заполнить несколько полей - «Заголовок», а также «Псевдоним». После необходимо отразить в системе тот факт, что соответствующий контакт публикуется. Затем нужно сохранить настройки в системе.
После того как требуемая категория создана, необходимо сформировать веб-страницу, на которой будет расположена форма обратной связи для сайта. Для решения данной задачи вновь необходимо выбрать опцию «Контакты», после чего кликнуть на кнопке «Новый». Затем нужно заполнить необходимые сведения в открывшемся окне, после — отразить тот факт, что данные публикуются. Настройки, опять же, требуется сохранить.
Обратная связь в Joomla: встраивание формы в структуру сайтаКак только все необходимые процедуры будут осуществлены, то форму обратной связи можно будет размещать на сайте. В этих целях нужно войти в административную панель, после чего выбрать опцию «Меню» и установить место, в котором будет отражаться форма обратной связи. В соответствующем пункте меню необходимо создать новую опцию — ту, что связана с настройками области «Контакты».
После этого должна открыться страница, на которой пользователю необходимо зафиксировать наименование пункта меню, а также указать контакты, которые будут ему соответствовать. Введенные настройки нужно будет сохранить. После этого система обратной связи для сайта под управлением Joomla будет доступна пользователям в разделе «Контакты» администрируемого сайта.
Еще одна популярная платформа для работы с онлайновыми порталами — WordPress. Рассмотрим то, как сделать обратную связь на сайте с применением тех инструментов, которые она включает.
Рассматриваемая система управления онлайновыми порталами предполагает задействование в целях решения задачи, о которой идет речь, специальных плагинов. В частности, для организации формы обратной связи может использоваться скрипт Contact Form Plugin (его особенности мы изучим чуть позже). Обычно он доступен в меню главной панели управления WordPress в разделе «Плагины».
Необходимо, выбрав соответствующий скрипт, активировать его. После чего выбрать вкладку «Контакты», а затем скопировать код используемого плагина. После этого необходимо выбрать вкладку «Страницы» и выбрать опцию «Добавить новую». Затем вставить в соответствующее поле ранее скопированный код. При необходимости можно настроить внешний вид страницы с контактными данными. Как только она будет подготовлена, то соответствующую страницу можно опубликовать.
Установка плагинов от WordPress, даже если та или иная их разновидность представляет собой довольно простой код (обратная связь для сайта может организовываться в целях решения разных задач), во многих случаях характеризуется особенностями, на которые полезно обратить внимание. Изучим их в контексте функционала распространенных плагинов, которые доступны в соответствующей системе управления онлайновыми порталами.
Настройка обратной связи на WordPress: нюансыИспользование сервиса WordPress в целях организации обратной связи может быть осуществлено, таким образом, с применением нескольких плагинов. Рассмотрим их. Выше мы отметили, что формы обратной связи, которые можно инсталлировать в структуру сайта на WordPress, могут быть основаны на Contact Form Plugin. Кроме него, в распоряжении пользователя рассматриваемой системы управления онлайновыми порталами находятся такие интерфейсы, как:
SimpleModal — всплывающая форма обратной связи для сайта;
Usernoise — очень быстрый плагин с плавающей кнопкой, при нажатии на которую открывается форма для ввода сообщения;
Contact Form в версии 7.
Первый плагин из соответствующего перечня приспособлен к проверке корректности его заполнения. Второй позволяет выбрать тип запроса, который может быть представлен сообщением пользователя, вопросом или же пожеланием. Третий имеет функцию выбора конкретных получателей сообщения — например, одного или нескольких пользователей, которые зарегистрированы на сайте.
Изучим для примера то, как сделать обратную связь на сайте с применением плагина Contact Form в версии 7.
Настройка формы обратной связи на WordPress: плагин Contact Form 7Для того чтобы задействовать возможности рассматриваемого плагина в целях решения задачи, о которой идет речь, нужно войти в панель управления WordPress, выбрать опцию «Плагины», после чего кликнуть на кнопке «Добавить новый».
В соответствующем интерфейсе будет доступна форма, посредством которого можно осуществить поиск требуемых скриптов: в нее следует ввести наименование плагина. Ссылка на установку соответствующего расширения должна будет отобразиться в результатах поиска.
Рассматриваемый плагин нужно установить и дождаться сообщения о его успешной инсталляции. Также соответствующее расширение необходимо активировать. После этого в пунктах меню, расположенном в левой части экрана браузера, появится опция Contact Form 7. Если навести на него курсор, то откроется дополнительное меню, в котором необходимо выбрать пункт «Добавить новую». Это нужно для создания нового интерфейса, в структуре которого будет присутствовать форма. Необходимо кликнуть на кнопке, которая называется так же как и пункт - «Добавить новую».
В открывшемся окне необходимо настроить необходимые опции для требуемой формы. Как сделать обратную связь на сайте с учетом особенностей настройки соответствующего интерфейса? Прежде всего, полезно уделить внимание выбору заголовка формы: он может звучать как «Связь с администрацией» или «Написать владельцу сайта».
После этого можно настроить внешний вид формы. В этих целях можно задействовать шаблон, предлагаемый системой по умолчанию. В принципе, это простейшая форма обратной связи для сайта. В ней фиксируются имя обращающегося, его адрес, тема сообщения, а также непосредственно текст обращения к администрации сайта. При необходимости можно расширить функционал соответствующего шаблона. В этих целях можно активировать дополнительные теги с помощью сопутствующих пунктов меню.
Добавление созданной с помощью плагина Contact Form 7 форму обратной связи осуществляется так же, как и в случае с любым другим интерфейсом из числа предлагаемых разработчиками WordPress. Можно проверить то, насколько корректно работает новая форма обратной связи, отправив тестовое сообщение. Оно должно быть направлено на e-mail владельца сайта, который указывается при настройке параметров плагина.
Итак, мы изучили то, как на сайте сделать форму обратной связи. Данная задача может быть решена при задействовании скриптов PHP (либо составленных на другом языке программирования), применения сгенерированного кода HTML или при использовании интерфейсов систем управления онлайновыми проектами — таких как Joomla или, к примеру, WordPress.
Выбор конкретного механизма создания формы обратной связи может зависеть от масштабов сайта, интенсивности предполагаемого общения его администрации с посетителями, структуры соответствующего портала, содержания его контента. Так или иначе, можно выбрать формат соответствующего интерфейса, который смогут использовать с учетом особенностей конкретного онлайнового проекта как начинающие пользователи, так и опытные веб-разработчики.
