Напишите нам в форму обратной связи и узнайте о нас, контакты и адрес

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

Говорят, что если программист может написать форму обратной связи, он может написать всё.

Форма обратной связи — древнейшее программистское искусство. Тут есть всё: форма с проверкой, приём запроса, обработка, безопасность, хранение и ответ. Это как Hello World, только для самых крутых.

В сегодняшней версии программы — только самые основы этого упражнения. В следующих частях мы прокачаем систему.

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

Чтобы сделать у себя на сайте такое, нам понадобится:

  • сервер, который умеет работать с PHP-скриптами,
  • страница, где разместим форму,
  • скрипт на PHP — он будет отвечать за отправку сообщения.

Сервер для PHP

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

Сервер для PHP можно запустить на вашем компьютере, но без дополнительной настройки он будет виден только лично вам. Это нормальная ситуация при разработке продукта, но для реальной боевой задачи нужно будет поднять сервер где-то в интернете.

Когда мы делали проект «Публикуем свою страницу в интернете», то уже использовали сервер (эту услугу нам предоставила хостинговая компания SpaceWeb). Этот же сервер мы можем использовать для нашей сегодняшней задачи, потому что он тоже умеет работать с PHP-файлами:

Готовим страницу с формой

Возьмём стандартный шаблон страницы и наполним его стилями и кодом для формы.

Пропишем CSS-стили, чтобы наша страница выглядела опрятно. Забежим немного вперёд и используем в стилях разделы input и textarea :

Чтобы сделать форму на странице, мы будем использовать такие теги:

— для ввода имени, почты для связи и темы письма. Они занимают одну строку, нам этого достаточно.

— здесь будут писать само сообщение, поэтому нужно будет сделать это поле побольше и пошире.

Ещё мы воспользуемся тегом — он мысленно собирает наши поля в одну форму и помогает управлять ими из одного места. У каждой формы есть свой метод, по которому она работает с данными. Форма может или отправлять данные (post), или получать их (get). Так как нам надо отправить сообщение в PHP-скрипт, будем использовать метод post. Сразу пропишем путь к скрипту на сервере — по этому адресу мы зальём нужный файл на следующем этапе. Этот скрипт, который мы позже напишем, и есть обработчик формы.

Оформим всё в виде кода:

Пишем обработчик формы на PHP

Когда мы заполним и отправим форму на нашей странице, произойдёт следующее:

  1. Браузер соберёт введённые нами данные и скомпонует таким образом, чтобы их можно было передать в программу на PHP. Как бы упакует в посылку.
  2. В нашей PHP-программе мы сможем получить доступ к этим данным, как бы засосать их в память и хранить в переменных. Можно представить, что мы распакуем посылку и сможем пользоваться её содержимым.
  3. Скрипт PHP что-то сделает с полученными данными, а потом выплюнет пользователю какой-то ответ. Этот ответ будет отображён в виде веб-страницы в браузере.

Логика работы PHP-программы будет такая:

  • получаем значения переменных из тех данных, которые получил обработчик;
  • готовим сообщение, где укажем все поля в форме;
  • отправляем это сообщение и смотрим на результат выполнения функции отправки;
  • если письмо ушло по нужному адресу — пишем, что всё хорошо, если нет — говорим, что что-то не так;
  • через 10 секунд после вывода сообщения автоматически переходим на сайт «Кода» 🙂

Мы специально делаем так, чтобы форма отсылала письма на тот же адрес, который одновременно и адрес отправителя. Это сделано для того, чтобы вы получали эти письма, когда будете тестировать сервис. В рабочем проекте замените переменную $email в функции send() на свой настоящий адрес, чтобы самим получать письма из формы.

Отправляем PHP-скрипт на сервер

Последнее, что осталось сделать — загрузить файл скрипта на сервер. Для этого сохраним его как post.php и загрузим по адресу mihailmaximov.ru/projects/mail/post.php. Если у вас ещё нет своего сервера, можете использовать этот скрипт для тестирования формы обратной связи.

Как загружать файлы, мы рассказывали в статье про публикацию сайта в Сети, поэтому просто сделаем всё по той инструкции:

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

Теперь, когда мы обновим HTML-страницу, заполним все поля и нажмём «Отправить», на указанную почту придёт письмо с нашим сообщением. Это значит, что форма работает, а мы с вами сделали очередной полезный проект!

Читайте также:
Иглоукалывание - польза и вред, противопоказания, суть процедуры

Что дальше

Дальше как обычно — улучшаем.

  1. Например, сейчас, если не заполнить поле с темой или адресом, то будет ошибка и письмо не уйдёт. При этом пользователь не будет знать, что же именно он сделал не так. Можно организовать проверку на заполнение полей и выводить нужные сообщения, если что-то не заполнено.
  2. Всегда можно улучшить безопасность и защитить скрипт от многократных запросов — чтобы никто не абьюзил сервис и не делал из нас спамеров.
  3. А ещё при отправке мы переходим на страницу обработчика, а потом вообще на другой сайт. Чтобы сделать как у всех, чтобы форма отправлялась без перезагрузки страницы, можно использовать Ajax. Когда-нибудь доберёмся и до него. Подписывайтесь, чтобы не пропустить.

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

12 лучших страниц «Свяжитесь с нами»

Когда вы думаете о качественном веб-дизайне, вы, возможно, вспоминаете о домашней странице, блоге или странице продукта.

Вряд ли вам на ум приходит страница «Свяжитесь с нами».

Большинство веб-дизайнеров ставят эту страницу в конце списка своих приоритетов. Очень часто у современного качественного сайта страница «Свяжитесь с нами» выглядит так, будто бы не обновлялась с 1990.

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

Готовы вдохновляться? Представляем вам подборку страниц «Свяжитесь с нами». Возможно, вы сможете применить некоторые идеи на своем веб-сайте.

12 лучших страниц «Свяжитесь с нами»

1. Tune

У страницы «Свяжитесь с нами» компании Tune много достоинств: красивый дизайн, calls-to-action, четко отображенная контактная информация и форма для заполнения, если пользователь хочет связаться с компанией по определенному вопросу.

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

tune-contact-us-page.png

2. Achieve3000

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

Под картинкой и кратким объяснением, что вы получите, если зададите свой вопрос компании, представлены три опции:

  • Запросить демо;
  • Связаться с торговым представителем;
  • Связаться со службой поддержки.

Каждая опция ведет на отдельную целевую страницу. Это прекрасный способ предоставить лучший сервис клиентам с различными нуждами.

achieve3000-contact-us-page.png

Целевая страница для связи со службой поддержки:

achieve3000-customer-support-contact-page.png

3. Choice Screening

Без сомнения, главным достоинством этой страницы является заголовок. Лучше и не придумать, чем краткое, но емкое «Поговорите с человеком». Пользователь сразу же понимает, что ему не придется прослушивать огромные меню, общаясь с неудобной системой.

Под заголовком находится хорошо организованная страница контактов, включая email-формы для каждого отдела. Форма для заполнения на этом сайте слишком длинная для большинства бизнесов, но в случае этой компании оправдывает себя: Choice Screening занимаются проверкой данных и наведением справок.

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

choice-screening-contact-us-page.png

4. Atlas 1031 Exchange

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

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

atlas-2031-exchange-contact-us-page.png

5. Morroni

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

Читайте также:
Самые эффективные упражнения для спины в домашних условиях

Конечно, некоторым людям нравится говорить по телефону, о чем свидетельствует и остроумное замечание на странице: «Заполните форму, чтобы отправить нам email. Старомодные телефонные звонки тоже подойдут». Хорошей идеей является и проверка, которая подтверждает, что пользователь – не бот: «Как у вас с математикой? 2+6= … ?»

morroni-contact-us-page.png

6. Dubsat

«Чем мы можем вам помочь?»

Это классический вопрос службы поддержки. А разве страница «Свяжитесь с нами» – это не то место, где нужно оказывать качественную клиентскую поддержку?

dubsat-contact-us-page.png

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

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

7. Pixpa

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

Это может быть простая кнопка, ведущая на блог. Или ссылка, ведущая на демо продукта, скачивание руководства или просмотр видео. На сайте PIxpa call-to-action расположен в нижней части страницы и представляет собой кнопку для бесплатной пробы продукта. Таким образом они дают бонус тем посетителем сайта, которые просто хотят поговорить по телефону с торговым представителем.

pixpa-contact-us-page.png

8. PeopleMetrics

Иногда самое простое решение – самое лучшее. Контактная страница PeopleMetrics простая, хорошо написанная и выполняет свою функцию. Компания не стала использовать на странице ненужный тяжелый дизайн, потому что знает, что большинство людей, которые заходят на эту страницу ищут самый простой и удобный способ связаться с ее представителем.

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

peoplemetrics-contact-us-page.png

9. Legalia

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

Один из приемов, который позволяет это осуществить, – смена фотографии здания на карту. Это можно сделать, кликнув на кнопку «Посмотреть карту» под адресом.

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

legalia-contact-us-page.png

10. Elluminati

Разработчики Elluminati сфокусировали свое внимание на местоположении компании: в верхней части расположена встроенная Google Карта. Посетители сайта могут кликнуть на карту, уменьшить ее, увеличить и проложить маршрут прямо на встроенной карте, что очень удобно для всех пользователей, включая мобильных.

elluminati-contact-us-page.png

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

11. Weifield Group Contracting

Принимая во внимание растущую популярность мобильного интернета и приоритезации поисковиком Google mobile-friendly сайтов, важно, чтобы все страницы, включая страницу «Свяжитесь с нами», были оптимизированы для мобильных устройств.

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

Контактная страница Weifield Group адаптивная и mobile-friendly. Каждая часть страницы оптимизирована для мобильных устройств. Текст большого размера, поля формы достаточно широкие для заполнения, а CTA-кнопку легко нажать большим пальцем.

weifield-group-contact-us-page.png

wefield-group-contact-us-mobile-1.pngweifield-group-contact-us-mobile-2.png

12. Survicate

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

Сама форма простая, с широкими полями для заполнения и большими кнопками CTA, что делает сайт mobile-friendly. Ниже представлена вся обычная контактная информация – адрес офиса, номер телефона, email, часы работы и т.д. Весь текст хорошо читается.

Читайте также:
Эндокринолог - кто это, что лечит у женщин и мужчин

Иконка и главная CTA-кнопка такого же цвета, что и логотип бренда. Такие детали создают целостный органичный дизайн.

Как оформить страницу «Контакты» на сайте

Оформление страницы с контактами на сайте с примерами и влияние возможностей для обратной связи на SEO.

В статье:

Каждая страница на сайте должна быть полезной. В блоге PR-CY уже есть статья о том, как правильно сделать страницу «О нас» и на что может влиять информация о компании. В основу статьи вошло исследование, которое провела компания «Nielsen Norman Group».

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

Разберем, как оформить страницу «Контакты», и какие элементы ожидают увидеть пользователи на этой странице.

Какие элементы должны быть на странице с контактами

Рекомендации на основе опроса участников исследования «Nielsen Norman Group», которые выполняли задания на сайтах разных компаний.

Все способы связи с компанией

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

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

Контакты разных отделов компании

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

Это может быть номер службы поддержки пользователей, PR-отдела для прессы, отдела для связи с инвесторами и другие.

как оформить контакты на сайте

Список контактов на сайте oxford-russia.ru

Если отделов с контактами много, объедините их в группы, чтобы пользователям было легче ориентироваться в списке. Группы лучше составлять по задачам пользователей, а не по внутренней иерархии компании, в которой часто сложно разобраться постороннему человеку. К примеру, разделить контакты по целевым аудиториям: для пользователей, соискателей, прессы, инвесторов и так далее.

Ссылки для связи с разными отделами и общие контакты на сайте chevron.com

Физические адреса филиалов

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

Контакты и карта филиала школы анлийского языка oxford-russia.ru Список магазинов с контактами и временем работы на сайте zoosfera-nn.ru

Часто пользователи делают запросы так, чтобы найти специалиста в определенном районе города или улице — «пицца на Автозаводе», «парикмахер площадь Горького». Адрес компании и регистрация в сервисах Google и Яндекс повысит шансы, что клиенты найдут вас в локальном поиске. Если у компании нет физического адреса, укажите хотя бы город.

Часы работы и время ожидания ответа

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

Часовой пояс нужен, чтобы не было недоразумений, если вы будете перезванивать, к примеру, из Москвы во Владивосток.

Оформление контактов на сайте

Контакты с указаниями отделов и временем работы на сайте dogeat.ru

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

Разные языки и возможности для связи

Если вы работаете с многоязычной аудиторией и у вас много клиентов-иностранцев, укажите это для номера телефона.

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

Оформление телефона на сайте

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

Государственная организация должна заботиться, чтобы любая группа граждан могла получить консультацию. На этом сайте есть возможность поговорить по видеофону с переводчиком по американскому языку жестов (ASL).

Читайте также:
Молочница у беременных - симптомы, причины и лечение кандидоза

Контакты на сайте

Номер для звонков по видеофону на сайте sba.gov

Чат и контактная форма

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

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

Несколько вариантов для связи на сайте melissaanddoug.com: телефоны филиалов, почта и форма для связи

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

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

Чат-бот на сайте

Чат с ботом на сайте skyeng.ru

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

Некоторые пользователи скептически относятся к формам для вопросов на сайте, они опасаются, что на их e-mail или телефон посыпется спам. К примеру, участники эксперимента были раздражены, когда нашли на сайте компании «Slack» только этот способ связи:

«Мне не нравится, что я должен заполнять эту форму. Всё, что я хочу сделать — это просто поговорить с ними. Я ненавижу, когда после перехода по ссылке должен предоставить кучу информации. Я не решаюсь разместить свою электронную почту на сайте — это последнее, что я бы сделал».

Форма для вопросов на сайте

Единственный способ связи на сайте Slack.com

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

Одна из участниц исследования разозлилась, когда ей пришлось вводить электронную почту и регистрировать аккаунт только ради того, чтобы связаться с Adobe:

«Мне бы хотелось, чтобы, когда я нажала «Контакты», я могла просто получить адрес электронной почты или номер телефона, а не входить в систему».

Регистрация для возможности задать вопрос на сайте adobe.com

Ссылки на соцсети

Многие в исследовании упоминали, что используют аккаунты компании в социальных сетях, чтобы задавать вопросы или решать проблемы. Например, один пользователь высоко оценил интернет-провайдера, который сразу же ответил на его вопрос в Twitter. Клиент описал проблему с медленной скоростью соединения и упомянул аккаунт компании, а через несколько минут получил полезный ответ.

Укажите ссылки на группы в социальных сетях, чтобы пользователи могли обратиться к админам со своего аккаунта. Это стоит сделать, если для общения с клиентами в соцсетях есть сотрудник, который в курсе рабочих процессов и может оперативно отвечать на запросы.

Нужно оставить способ связи через телефон или почту для тех, кто не хочет общаться в соцсетях и мессенджерах, или у кого нет там аккаунтов. К примеру, на странице «UBreakIFix» есть несколько вариантов связи, в числе которых и соцсети.

Как оформить страницу контакты на сайте

Возможности связаться с компанией на сайте UBreakIFix.com

Разберем, где и каким образом указывать контакты, чтобы пользователи их легко нашли.

Где разместить страницу Контакты на сайте

Поставьте ссылку в меню и футер

Исследования в области юзабилити компании «Nielsen Norman Group» показывают, что если вы попросите пользователей найти страницу «Контакты» на сайте, они будут смотреть в верхнем правом углу страницы или внизу в футере.

Не прячьте контакты в подразделах

Исследователи не рекомендуют делать страницу с контактами подтемой какого-то раздела. К примеру, один пользователь потратил много времени на поиски контактной информации, а она оказалась скрыта в раскрывающемся меню под ссылкой «О нас» . Пользователь нашел ссылку, но отметил:

«Мне бы хотелось, чтобы «Связаться с нами» было в основном меню, а не в разделе «О нас». Когда я пролистал сайт до футера, я увидел ссылку».

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

Дублируйте главный способ связи в шапке

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

Читайте также:
Хлоропирамин – инструкция по применению

Куда поставить номер телефона на сайте

Номер телефона продублирован в шапке сайта sfm-nn.ru

Не придумывайте оригинальное название

Многие компании стараются назвать страницу с контактами как-то по-особенному — «Справочный центр», «Ресурсы» или как-то еще. Пользователи привыкли к тому, что страница называется «Контакты» или «Связаться с нами», поэтому искали ссылку с похожим анкором. Оригинальные названия могут быть не очевидными для пользователей.

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

Указывайте те контакты, которые можете обслуживать, и не заменяйте их автоматизированными формами или чатом.

Форма обратной связи на PHP с отправкой на e-mail

Форма обратной связи на PHP с отправкой на e-mail

На этом уроке мы познакомимся с функцией mail (), на примере создания формы обратной связи на PHP с последующей отправкой полученных данных на почту.

Для этого создадим два файла – forma.php и mail.php. В первом файлике будет находиться только форма с полями для ввода пользователем данных. Внутри тега form – кнопка “Отправить” и атрибут action, который ссылается на обработчик – mail.php, именно к нему обращаются данные из формы при нажатии кнопки “Отправить”. В нашем примере данные формы отправляются на веб-страницу с названием «/mail.php». На этой странице прописан скрипт на PHP, который обрабатывает данные формы :

Данные формы отправляются методом POST (обрабатывается как $ _POST). $ _POST – это массив переменных, переданных текущему скрипту через метод POST.

Ниже вы видите содержимое файла forma.php, поля которой заполняет сам пользователь на каком-нибудь веб-сайте. Все поля для ввода данных обязательно должны иметь атрибут name, значения мы прописываем сами, исходя из логики.



Форма обратной связи на PHP с отправкой на почту

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

Оставьте сообщение:

Ваше имя:

E-mail:

Номер телефона:

Сообщение:

Текстовая область может содержать неограниченное количество символов–>


Так форма визуально выглядет в браузере.

Форма обратной связи на PHP с отправкой на e-mail

Далее пишем код для файла mail.php. Придумываем сами имена для переменных. В PHP переменная начинается со знака $, а затем имя переменной. Текстовое значение переменной заключается в кавычки. С помощью переменных на емайл администратора передается содержимое формы, просто подставив в квадратные скобки имя элемента формы – значение name.

$to = “yourmail@gmail.com”; // емайл получателя данных из формы
$tema = “Форма обратной связи на PHP”; // тема полученного емайла
$message = “Ваше имя: “.$_POST[‘name’].”
“;//присвоить переменной значение, полученное из формы name=name
$message .= “E-mail: “.$_POST[’email’].”
“; //полученное из формы name=email
$message .= “Номер телефона: “.$_POST[‘phone’].”
“; //полученное из формы name=phone
$message .= “Сообщение: “.$_POST[‘message’].”
“; //полученное из формы name=message
$headers = ‘MIME-Version: 1.0’ . “rn”; // заголовок соответствует формату плюс символ перевода строки
$headers .= ‘Content-type: text/html; charset=utf-8’ . “rn”; // указывает на тип посылаемого контента
mail($to, $tema, $message, $headers); //отправляет получателю на емайл значения переменных
?>

Таким образом данные из массива $_POST будут переданы соответствующим переменным и отправлены на почту при помощи функции mail. Давайте заполним нашу форму и нажмем кнопку отправить. Не забудьте указать ваш е-майл. Письмо пришло моментально.

Форма обратной связи на PHP с отправкой на e-mail

Как видите создавать форму обратной связи на PHP с отправкой на e-mail не так и сложно. Хотите узнать как сохранить данные, полученные из формы в файл или в базу данных? Этому научит вас мой видеокурс “PHP и MySQL с Нуля до Гуру”.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

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

Она выглядит вот так:

Комментарии ( 8 ):

Я как-то давно посмотрел видео из курса от Михаила Русакова. Там была форма, которая регистрировала пользователей. С тех пор я сам дошел до представленной выше конструкции, хотя посмотрел совсем другой урок.)

Читайте также:
Боль в носу

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

Так точно! вот я например никогда не создавал интернет магазины, а сделал за неделю

Привет, в этой форме при нажатии кнопки “Отправить сообщение” будет перебрасывать на файл mail.php? А можно как-то сделать, чтобы он не открывался?

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

Добрый день! По строке скрипта: $message = “Номер телефона: “.$_POST[‘phone’].”
“; выдаёт ошибку syntax error, unexpected ‘$message’ (T_VARIABLE) Помогите пож. не вижу что не так. Это вторая команда в скрипте $message, пробовал и $message ., как в примере, и $message2, всё равно выдаёт ошибку.

я честно не мучаюсь и использую сайт https://formfor.site, пока не жалуюсь. Сообщения уходят в telegram и почту.

smineral – обработка и интеграция без конструктора форм даже. чем этот сервис лучше например qform24.com ? где всё тоже самое только 1. бесплатно полностью. 2. есть конструктор форм и так же подключение обработчика к готовой форме 3. есть кабинет по работе с заявками внутри сервиса, а не только экспорт в мессенджеры и все остальные функции что там заявлены тоже есть.

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

260 Форма обратной связи HTML шаблоны

Свяжитесь С Нашей Студией

Вы можете использовать Шаблоны веб-сайтов с контактной формой для разных целей. Например, вы можете установить его на место сайта, пока он не будет готов. На адаптивном веб-сайте форму для бизнес-контактов можно регулярно использовать независимо от веб-дизайна. Бесплатные шаблоны контактных форм удобны, и любому веб-мастеру не будет лишним иметь один в наличии. Посетители страницы шаблонов контактных форм регистрируются, заполняют простую контактную форму, пишут текст сообщения и нажимают кнопку «Отправить». Лучшие бесплатные фоновые контактные формы Google Maps целевые страницы адаптируются к мобильным устройствам и обеспечивают отличную стилевую базу. Бесплатные темы WordPress для контактной формы по недвижимости гарантируют потрясающее отображение вашего контента. Одностраничные шаблоны контактной формы позволяют легко использовать множество различных элементов, таких как контактная информация веб-сайта, значки, плагины тем WordPress, типы шрифтов, знаки карты Google, контактные данные для экстренных случаев, контактная форма css3 с картой Google, конструктор целевой страницы приложения и т. Д. Загрузите лучший бесплатный шаблон контактной страницы html5 с современным веб-дизайном, видеоэффектами и представьте свой бизнес наилучшим образом. Одностраничный адаптивный шаблон SCRN, который скоро появится, гарантирует, что сайт будет работать без сбоев. Мы предлагаем современную форму обратной связи для общих запросов.

Бесплатные контактные HTML-шаблоны имеют оригинальный дизайн, который впишется в тематику дизайна сайта. Мы находим многие другие контактные данные для запросов на странице контактов, включая информацию, вопросы поддержки, визуальные контактные формы, адрес электронной почты, контакты целевой страницы приложения и другие. Лучший адаптивный шаблон контактной формы с фоном карты Google и элегантной контактной формой на веб-сайте позволяет клиентам легко связаться с вашей службой поддержки. С плагинами WordPress вы получаете высококачественный шаблон формы для связи с сотрудниками в экстренных случаях. Бесплатная контактная HTML-форма в Интернете оптимизирована для мобильных устройств и помогает классифицировать получаемые вами электронные письма. Добавьте электронную почту в контактную форму в темах WordPress, а шаблоны начальной загрузки обеспечивают очень красивое анимированное представление контактов. Адаптивная целевая страница контактной формы и бесплатный шаблон страницы контактной формы html5 подходят для многих сайтов, потому что вы можете изменить фон изображения, что автоматически меняет тему сайта. В шаблоне контактной формы веб-сайта вы найдете все элементы, присущие таким сайтам: карты Google, элементы шаблонов администрирования и т. Д. Сегодня очень популярные шаблоны, такие как шаблон целевой страницы начальной загрузки, шаблон карт Google, макет контакта для экстренных случаев студента, простой контакт. шаблон формы, креативный одностраничный шаблон, тема WordPress для контактной формы, шаблон страницы контактной формы html5 и т. д. Нажмите кнопку загрузки, и вы получите тему WordPress для контактной формы и шаблон контактной формы html5 с креативной целевой страницей. На Nicepage вы можете найти старинную контактную форму, минимальный шаблон формы регистрации, одностраничный шаблон wunderkind, бесплатный шаблон PHP контактной формы html5 и т. Д.

Премиальные шаблоны начальной загрузки с контактными формами в современном стиле облегчат вашу работу. Шаблоны начальной загрузки адаптивного веб-сайта для мобильных устройств позволяют привлечь всеобщее внимание одним движением пальца. На лучшем бесплатном веб-сайте с контактной формой шаблоны будут получать удовольствие от просмотра вашего контента. 25 лучших бесплатных форм обратной связи помогут вам быстро расширить охват, а также привлечь больше потенциальных клиентов в свой бизнес. Добавьте свой адрес на страницу контактов, чтобы пользователям было проще найти вашу компанию. Потенциальным клиентам очень легко загрузить шаблоны начальной загрузки и настроить их. Клиенты могут зарегистрироваться на сайте и запросить контактные данные компании. Бесплатный шаблон формы запроса на контакт в формате html5 с викторинами по генерации лидов всегда обеспечивает первоклассную производительность. HTML-шаблоны с более быстрым веб-дизайном и создателем логотипов недвижимости отлично подходят для современных веб-сайтов. В целом отличная контактная форма с кодом капчи привлечет внимание клиентов. Бесплатный шаблон страницы контактной формы html5 с целевыми страницами Unbounce поможет вам вывести свой бизнес на совершенно новый уровень. Шаблон страницы контактной формы HTML5, скоро появится шаблон, тема WordPress для контактной формы гарантирует, что каждый получит всю необходимую информацию. Адаптивная целевая страница приложения позволяет посетителям добавлять имя и адрес электронной почты после регистрации на веб-сайте. Иногда вы можете найти информацию, что тема WordPress находится в стадии разработки, а это значит, что вы сможете загрузить макет через несколько раз.

Читайте также:
Боль в паху

Контакты с редакцией

Задайте вопрос через форму обратной связи – мы вам ответим.

По вопросам выпуска печатных изданий обращайтесь в Издательский дом:
сайт www.id-spr.ru, телефон 8-495-646-70-80.

Если у вас личный вопрос именно к владельцу сайта – пишите через NIC.ru.

Вопросы общего характера – давайте обсудим на наших страницах в социальных сетях:

Ответы на часто задаваемые вопросы

Про информацию об организациях

Про работу с отзывами

Как добавить организацию?

Прежде всего, через поиск по сайту убедитесь, что вашей организации нет в нашей базе данных: проверьте по названию фирмы и по номеру телефона.
Если её действительно нет – то заполните анкету. Мы проверим указанную информацию (обычно по контактному телефону), и в течение 10 рабочих дней ваша организация появится на нашем сайте.

Как изменить адрес, номер телефона, название или часы работы?

Официальная контактная информация организации меняется только операторами SPR, и только после её проверки (сверка с данными на официальном сайте организации, или через телефонный звонок в саму организацию). Отправить заявку на изменение данных можно из Кабинета организации.

Как добавить прайс-лист фирмы?

Добавить цены вашей компании можно в Личном кабинете, выбрав в меню пункт “Прайс”. Вы можете добавить цены на товары или услуги, их описание и иллюстрации к ним. В популярных рубриках, связанных с услугами населению, уже есть готовые шаблоны прайс-листов, где вам остаётся только указать цену.
Кроме того, цены вносят операторы сайта, полагаясь на информацию официального сайта фирмы. Если вы заметили неточности, нужно оставить заявку на сайте через форму обратной связи и за короткий промежуток времени данные будут исправлены.

Как добавить информацию о скидке или спецпредложении?

Информация о скидках, акциях и специальных предложениях размещается абсолютно бесплатно зарегистрированными сотрудниками предприятий через Кабинет организации.
То есть, вам необходимо зарегистрироваться представителем вашей организации (это тоже бесплатно и занимает меньше минуты времени) и получить доступ в её Кабинет. Затем зайти в Кабинете в пункт меню “Скидки”, где вы можете заполнить соответствующие поля и прикрепить рекламное изображение. После одобрения информации редактором сайта, ваше скидочное предложение станет сразу показываться на страницах нашего сайта.

Как добавить видео об организации?

Если у вас есть видеоролик, то вы можете бесплатно разместить его на нашем сайте, с показом на странице вашей организации. Напишите нам письмо, в котором укажите свои контакты и для какой организации вы хотите загрузить видео (если ролик уже есть в Интернете, например, на вашем сайте, то укажите ссылку на него). Вам на электронную почту ответит наш редактор видеораздела и поможет разместить видеоролик.

Как получить доступ в Кабинет организации?

Вам необходимо найти вашу организацию на нашем сайте, зайти на страницу организации, далее найти на этой странице блок “Личный кабинет” с ссылкой “Зарегистрироваться”.
Если у вас возникли какие-то сложности с поиском ссылки или регистрацией – просто напишите нам через Обратную связь, что вы просите зарегистрировать вас представителем организации ХХХХХ, и укажите ваши Ф.И.О. и контакты.

Читайте также:
Воспаление горла - симптомы, причинные факторы, лечение

Как удалить организацию с сайта SPR?

Если ваша организация действительно перестала существовать – то напишите нам об этом, мы проверим эти сведения, и после поставим отметку “Организация закрыта” и снимем контактные телефоны и адрес сайта.

Если организация осуществляет свою деятельность, то данные о ней удалены не будут. Размещаемые на сайте сведения о предприятиях и организациях носят открытый и гласный характер. Любое лицо может свободно узнать сведения о той или иной компании в различных СМИ и государственных органах, и эти сведения не составляют коммерческой тайны. Действующее законодательство не предусматривает обязательства как физических, так и юридических лиц истребовать разрешения на то, чтобы упоминать наименования и контактных данных компаний в публичных источниках.

Статья 5 Закона РФ “О коммерческой тайне” чётко устанавливает перечень информации, которая является публичной. В связи с этим, мы не удаляем данные о компаниях по их инициативе, а требования об удалении информации о предприятии с нашего сайта могут быть удовлетворены только на основании решения судебной инстанции. Однако, ещё раз повторяем, что для вынесения такого решения оснований не имеется.

Как отключить показ чужой рекламы на странице контактных данных моей организации?

Показ чужой рекламы отключается у страниц наших рекламодателей. Опция “На странице НЕТ чужой рекламы” доступна даже для самого бюджетного варианта – страницы “Эконом”.

Как происходит сортировка организаций в рубрике?

Первыми идут рекламные страницы “Лидер”, после них идут страницы со статусом “Бизнес”, “Эконом”, “Приоритет”, а затем все бесплатные страницы. Если страницы с одинаковым статусом, то выше располагается та, у которой выше посещаемость.

Как удалить отзыв с вашего сайта?

Редакторам и владельцу сайта ежедневно приходят просьбы, претензии и угрозы от организаций с требованием убрать определенный негативный отзыв – ведь на SPR находятся сотни тысяч отзывов об организациях, что во много раз превышает количество подобных отзывов на других, даже специализированных, сайтах. Мы НЕ УДАЛЯЕМ БЕЗ ОБОСНОВАНИЯ отзывы людей – в нашей стране практикуется свобода слова, и каждый человек волен в меру своих взглядов высказывать собственное мнение о любой организации, если это не нарушает закон. Наши читатели доверяют своё мнение нам, и мы стараемся это доверие оправдывать.

Прежде всего напишите официальный ответ на отзывы, потом напишите нам. Мы часто идём навстречу организациям, которые вежливо и культурно общаются с нами – это показывает, что и с клиентами эти организации могут общаться интеллигентно. У нас есть закрытый внутренний кодекс работы с отзывами, вот некоторые правила для удаления отзывов:

Если вы решите обратиться за помощью в удалении отзывов с нашего сайта в правоохранительные органы – обращайтесь в Роскомнадзор (https://ria.ru/media/20100615/246511352.html) или в суд по месту регистрации вашей организации. По официальному требованию этих органов отзывы нами будут немедленно удалены. Такие прецеденты не редкость, и мы их в какой-то мере приветствуем – ведь нам тоже нужна реклама, и мы с удовольствием расскажем во всех СМИ о том, что мы стояли до конца, но нас заставили удалить такие-то отзывы о такой-то компании. :)

Как убрать отрицательный отзыв после того, как проблема улажена с недовольным клиентом?

Напишите комментарий к отзыву, с текстом, что всё улажено. Если написавший отзыв подтвердит это или не напишет ничего за 7 дней – свяжитесь с нами через Обратную связь, с просьбой удалить этот отзыв или перевести его в раздел “Положительные”.

Как работать с негативными отзывами?

Мы понимаем, что плохой отзыв о работе компании – это неприятно. Это пятно на репутации, это вызов профессионализму сотрудников. Но только о “мёртвой” фирме – либо хорошо, либо ничего. Отсутствие отзывов – это вакуум, отнюдь не красящий фирму. Помните, что ни одна организация в мире не является идеальной – если вы работаете, вы совершаете ошибки, бывают неполадки или случаются рабочие накладки.

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

Лучший выход всегда – это исправить ситуацию и компенсировать недовольному клиенту его моральные и материальные потери. Сейчас многие люди при выборе фирмы ориентируются именно на отзывы о ней. На нашем сайте есть множество примеров, когда фирма, общаясь с недовольным клиентом, решила его вопрос, и клиент отписался, что организация, на самом деле, отличная. Если оценивать просто положительный отзыв на “+5”, то такой переворот мнения – это минимум “+10”! Подумайте, какую фирму вы выберете, если сами будете выбирать из трёх фирм: об одной нет отзывов, о другой только приторно-положительные, а о третьей – отрицательный, но фирма отреагировала на жалобу, исправила недочёт, и он превращён в положительный?

Читайте также:
Почечная колика - симптомы у женщин и мужчин

Кто должен работать с отзывами?

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

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

Идеальная форма заявок с сайта. 9 правил

Вы знаете, что до 80% пользователей покидают ваш сайт, не заполнив заявку потому, что форма обратной связи на вашем сайте далека от идеала? Или вы уверены в том, что ваша форма заявок идеальна и имеет максимальную конверсию?

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

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

Форма обратной связи на сайте важна. Вы ведёте покупателя к совершению покупки или заказу услуги ненавязчиво и осторожно. Используете всё, что можно, начиная с удобного интерфейса и заканчивая отличными условиями продажи. Но когда клиент добирается до формы заказа — он уходит. Вся работа насмарку. Вряд ли он когда-нибудь вернётся к вам снова. Этого можно избежать, просто изменив форму обратной связи.

Для чего нужна форма обратной связи

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

а) повышение лояльности к вашей компании;

б) возможность быстро отреагировать на запрос, снизить негатив и сохранить клиента;

в) возможность улучшить продукт или сервис;

г) способ увеличить продажи.

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

Правило №1. Максимально упрощайте форму

Какую из этих форм вы заполните охотнее?

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

форма захвата

Оставляйте только самые важные поля. Посетители большинства сайтов не любят заполнять большое количество полей

Совет. Уберите всё лишнее, оставьте 2–3 поля или даже 1. Обычно это «Имя», «номер телефона или e-mail». Если у вас интернет-магазин и вы делаете форму для заказа, то полей будет немного больше: «Имя», «№ телефона или E-mail», «Вариант доставки», «Количество товара», «Адрес». Смотрите, для каких целей вы делаете форму обратной связи, и максимально упрощайте её.

Правило №2. Форма должна быть заметна

Форма обратной связи или заявки с сайта должна быть заметной, иначе посетитель может просто ее не заметить и не заполнить. Вы даже можете поместить некий анимированный элемент, который позволит еще больше акцентировать внимание.

Правило №3. Минимум «обязательных полей»

Одно обязательное поле — телефон

Часто на сайтах компаний можно наблюдать не только перегруженную лишними полями форму, но и обязательность заполнения этих полей. Формулировка «обязательное поле» присутствует на 99 % сайтов. Хотите увеличить конверсию? Уберите обязательное заполнение всех полей, кроме телефона. Если человек захочет, он сам заполнит те поля, которые считает нужными, но основное поле — номер телефона, которое позволит перезвонить клиенту и уточнить всю остальную информацию. Главное не забудьте составить правильные скрипты для менеджеров.

Читайте также:
Несахарный диабет нефрогенный: симптомы, диагноз и лечение нефрогенного несахарного диабета

В каких случаях конверсия с форм падает:

  • Падение конверсии на 3 %, если вы просите заполнить поле с указанием возраста
  • Падение конверсии на 10 %, если необходимо ввести ФИО
  • Падение конверсии на 2 %, если вас интересует, в каком населенном пункте живет посетитель
  • Падение конверсии на 4 %, если необходимо заполнить адрес проживания

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

Правило №4. Ссылки в форме (условия обращения)

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

Пример такой формы:

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

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

Правило №5. Согласие на обработку данных

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

заказать звонок с сайта

Правило №6. Выпадающих списков быть не должно

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

Правило №7. Уберите каптчу с формы

Ввод каптчи может снижать конверсию до 40%. Это объясняется тем, что часто каптча вообще не читается, либо при вводе данных сообщает о некорректности ввода символов. Если раньше каптча была оправлена тем, что без нее могло приходить много спама, то теперь есть технологии, которые защищают форму от ввода данных спам-роботами и без ввода каптчи.

форма с каптчей

В студии artcell мы как раз используем такую технологию. Как можете заметить каптчи в наших формах нет и СПАМ мы не получаем.

Правило №8. Автоуведомление о том, что форма отправлена

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

Правило №9. Уведомление по sms

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

Так какая она — идеальная форма обратной связи?

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

Минимум полей для заполнения

Одно или два обязательных поля

Отсутствие полей с выпадающими списками

Наличие чекбокса для согласия на обработку получаемых данных

Наличие ссылок и доп.условий сразу в форме без лишних переходов на другие страницы сайта

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

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

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: