Часто на сайтах в разделе “Контакты” можно найти формы обратной связи. Компании используют их, чтобы не выводить трафик с ресурса и сразу получать данные пользователей для дальнейшей работы. Этот инструмент не только помогает в обслуживании клиентов, но и генерирует качественные лиды, пишет Rusability.ru.
Если вы тоже решили добавить контактную форму на сайт, убедитесь, что ее дизайн составлен грамотно. Только при этом условии вы получите высокую конверсию и предложите удобный опыт. Команда 123 Form Builder собрала в инфографике проверенные на практике рекомендации. Следуйте им, чтобы извлечь из инструмента максимум пользы.
Дизайн контактной формы: чек-лист
Хотите увеличить конверсию контактной формы? Вот как это сделать
Проявите гостеприимство
Вы запрашиваете личные данные, поэтому дайте посетителям понять, что после отправки с ними свяжется человек.
Не бойтесь креативить
Почему бы не подойти к дизайну нестандартно? Заставьте пользователей улыбнуться.
Вызовите интерес
Мотивируйте посетителей связаться с вами (предложите скидку, купон и т.д.)
Все дело в UX
Создавая контактную форму, помните о путешествии клиента. Советы:
- Сделайте ее интуитивно понятной
- Логично группируйте поля
- Отдавайте предпочтение формам с одной колонкой
Оптимизируйте под мобайл
Создать комфортный мобильный опыт помогут:
- Меньше полей в форме
- Автоматический фокус на первом поле
- Названия над полями
- Возможность посмотреть пароль, чтобы избежать опечаток
- Замена выпадающих меню переключателями
- Достаточное расстояние между элементами
Персонализируйте автоматические ответы
Страница с благодарностью должна вызывать приятные эмоции. Добавьте:
- Среднее время ответа
- Следующие шаги
- Короткий запоминающийся текст
- Забавное изображение или GIF
- Ссылку на связанный раздел сайта
- Полезный материал для скачивания
- Приглашение в соцсети
Вдохните жизнь в CTA
Стандартные призывы к действию вроде “Отправить” уже надоели. Попробуйте варианты “Начать бесплатно”, “Давайте обсудим”, “Подписаться прямо сейчас”.
Учитывайте навигацию
Убедитесь, что вашу контактную форму легко найти. Слишком много скроллов и кликов снизят конверсию.
Помните о цели
Креатив – это хорошо, но он должен быть уместным. Четко сформулируйте цель формы.
Проверяйте данные
Помогите пользователям избежать опечаток. Подсказывайте верный формат в реальном времени, а не выводите ошибки после отправки.
Будьте кратки
Никто не любит заполнять формы. Запрашивайте только ту информацию, которая вам необходима.
* по данным HubSpot, самые эффективные формы содержат 5 полей.
Страница “Контакты”: как подготовить посетителей к заполнению формы
Итак, вы создали контактную форму по всем правилам.Теперь ей нужно обеспечить достойное окружение – качественную страницу “Контакты”. Вот что важно учесть:
Сделайте ее запоминающейся
Создайте страницу, которая запомнится аудитории. Какие послания и образы им близки?
Предложите подписаться
Добавьте информацию о вашей email-рассылке и попросите пользователей подписаться в обмен на бонус.
Укажите местоположение
Расскажите, где вы находитесь, чтобы укрепить доверие потребителей.
Добавьте визуал
Это может быть анимация, иллюстрация или видео. Главное, чтобы медиафайл не отвлекал внимание от формы.
Укрепите доверие
Расскажите, сколько людей на вас подписаны, и перечислите крупных партнеров.
Добавьте соцсети
Пригласите посетителей на платформы с сильным присутствием бренда.
Предложите альтернативные варианты
Не все пользователи готовы делиться контактами. Какие есть альтернативы:
- Чат внизу страницы
- Номера телефонов отделов
- Контакты в мессенджерах
- Ссылка на форум
- Блок для комментариев
Добавьте ссылку на FAQ
Ссылка на часто задаваемые вопросы и поиск по популярным запросам поможет решить проблему без личного обращения.
На заметку
Тестируйте разные варианты и учитывайте результаты перед окончательным внедрением.