Виды форм заявок на сайте: как правильно оформлять?

Виды форм заявок на сайте: как правильно оформлять?

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

Содержание:

  1. На каких этапах заказа потребуется форма?
  2. Перед заказом
  3. Для оформления заказа
  4. Для действующих клиентов
  5. Частые вопросы, возникающие при работе с формами заявки
  6. Советы по оформлению форм заявок
  7. Заключение

На каких этапах заказа потребуется форма?

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

  • перед заказом или покупкой;
  • в момент совершения сделки;
  • при дальнейшем сотрудничестве.

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

Перед заказом

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

Запрос звонка консультанта

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

  • «номер телефона»;
  • «имя».

Форма заявки обратного звонка

Форма заявки заказа звонка

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

  • «приобрести автомобиль»;
  • «сервис»;
  • «ремонт по гарантии».

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

Есть несколько способов оформления формы обратного звонка:

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

Размещение кнопки звонка

Заказ обратного звонка

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

Мультикнопка

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

Мультикнопка на сайте

Онлайн-консультация

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

Для полной информативности посетителя рекомендуется добавить в чат следующую информацию:

  • имя консультанта;
  • должность («менеджер по заказам», «инженер-проектировщик»);
  • статус («онлайн», «печатает»).

Онлайн-консультант на сайте

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

Форма подбора продукта

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

Форму запроса можно разместить по принципу уже рассмотренного блока обратного звонка, только с большим функционалом. Первые два поля будут «Имя» и «Электронная почта» (на которую отправляется проект, отчет или иной материал). Остальные поля представлены выбором характеристик и критериев подбора. Их важно детально продумать, чтобы посетитель мог составить точную выборку. Например, для компании, которая предоставляет генераторы будут актуальные следующие поля:

  1. «для каких целей»;
  2. «мощность»;
  3. «вид топлива»;
  4. «диапазон цен».

Форма подбора продукции

Кнопку на форму рекомендуется разместить уже под самой услугой. Посетитель увидит предложение, сделает заявку и получит на E-mail готовый отчет с доступными генераторами, потратив на посещение сайта несколько минут.

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

Для оформления заказа

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

У формы должны быть обязательные поля:

  • Название товара или услуги;
  • «имя»;
  • «телефон»;
  • E-mail;
  • комментарий клиента.

Форма оформления заказа

Форма заявки также может располагаться прямо рядом с конкретным товаром для быстрого заказа.

 

Пример расположения кнопки заказа

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

Частые ошибки при оформлении формы заказа:

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

Если блок расположен на своем месте, пользователь и так придет к нему сразу после прочтения описания. В окне заказа также не должно быть сторонней информации. Форма консультации рядом неуместна (если посетитель собрался покупать, ему уже не нужна помощь). Сообщения о скидке и акциях можно разместить около цены, сделав заметной еще до чтения описания.

Для действующих клиентов

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

  • «имя»;
  • «телефон» (или E-mail);
  • приобретенный товар/услуга;
  • сообщение.

Форма заказа

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

  • для вопросов о доставке или возврате обязателен пункт с указанием номера товара;
  • при обращениях об обслуживании важен выбор офиса, в который обращался клиент;

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

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

Частые вопросы, возникающие при работе с формами заявки

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

Стоит ли вводить регистрацию посетителей?

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

Стоит делать общий дизайн для форм?

В плане отображения общее оформление может и выглядит привлекательно. Но посетитель будет путаться. Запомнив дизайн формы обратного звонка (которую первой и увидит), он интуитивно будет и другие блоки воспринимать за нее.

Дизайн формы заявки

Как поместить форму рассылки?

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

Поле с подпиской лучше оформить в форме галочки. Разместить в самой форме, между полями подбора и кнопкой «Отправить». сама галочка должна быть неактивной (чтобы пользователь не расценил подписку как навязчивость).

Советы по оформлению форм заявок

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

  • Ошибки ввода.
    Любой может ввести сообщения с опечатками. Проблему решит простая маска символов для полей E-mail и «Номер телефона». Рекомендуется отдельно добавить кнопку очистки формы («сброс введенных данных»), но не размещать ее рядом с другими полями или кнопкой «Отправить».
  • Обязательные поля.
    Без ввода пользователь не сможет отправить заявку. Менеджер не будет отвлекаться на «пустые» обращения.
  • Названия и подсказки.
    У каждого поля должно быть короткое но понятное описание. В качестве подсказок рекомендуется добавить примеры номера, адреса почты и др.
  • Использовать популярные шаблоны.
    Если вводить номер телефона, то в 10-значном формате. Ввод диапазона цен при подборе только в полном размере (без тыс. руб., млн. руб.).
  • Не размещать какой-либо дополнительной информации, которая может отвлечь от основной задачи, которую выполняет форма заявки.

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

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

Заключение

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *