Как создать идеальную страницу контактов
Как создать идеальную страницу контактов | Склад веб-дизайнеровПользовательский интерфейс
Автор Брэд Шорр
05 ноября 2015 г.
Страница контактов на веб-сайте может привести к конверсиям или помешать им. Если у вашего посетителя было хорошее впечатление до момента посещения страницы контактов (были бы они все еще на вашем сайте, если бы они этого не сделали?), и страница контактов не может сгенерировать этот последний «щелчок», потенциальный клиент ушел, вполне возможно, навсегда. Крайне важно, чтобы вы побуждали пользователей сделать этот последний шаг от случайного интереса к полному взаимодействию с вашей компанией или компанией вашего клиента. Эффективная контактная страница не только поможет посетителю преодолеть разрыв, но и может стать окончательным доказательством качества, которое им необходимо, чтобы убедить его сделать это.
Создание эффективной страницы контактов
Создание эффективной страницы контактов – ключевой процесс для большинства сайтов.
Вот 9 элементов, на которых следует сосредоточиться, чтобы кнопка «Отправить» не простаивала:
1) Ограничение количество обязательных полей
Чем больше информации вы запрашиваете у пользователя, тем меньше вероятность того, что он заполнит контактную форму. Всегда запрашивайте только ту информацию, которая вам абсолютно необходима.
2) Поместите ограничивающую рамку вокруг форм
Поместив ограничивающую рамку вокруг форм, вы облегчите их идентификацию с первого взгляда и поможете пользователям определить, какие части страницы являются интерактивными.
3) Встроить карты Google
Для обычных предприятий помощь пользователям в поиске местоположения очевидна. Даже для онлайн-компаний отображение физического местоположения повышает доверие.
4) Добавьте социальное доказательство
Говоря о доверии, добавьте элементы, которые придадут уверенности клиентам, такие как отзывы, эмблемы BBB, количество лет, которые вы ведете в бизнесе, и так далее.
5) Добавьте брендинг
Это может показаться глупым, но большинство потенциальных клиентов просматривают многочисленные сайты, часто в нескольких вкладках. Стоит напомнить им, с кем именно они собираются связаться.
6) Направлять пользовательский ввод
Используйте элементы пользовательского интерфейса, такие как выбор и поля параметров, для управления пользовательским вводом. Чем проще дать вам нужную информацию, тем больше вероятность, что вы ее получите.
7) Будьте проще
Простота всегда побеждает, особенно на мобильных устройствах. Помните, что на мобильных устройствах ваша форма может быть больше, чтобы ее можно было использовать.
8) Укажите свой номер телефона
Многие компании не хотят указывать номер телефона, потому что думают, что будут принимать звонки весь день. Реальность такова, что номер телефона похож на карты Google: он вызывает доверие и позволяет клиенту чувствовать себя в безопасности, передавая свои личные данные.
9) Добавьте заявление о конфиденциальности
Добавьте гарантию того, что ваша компания будет сохранять конфиденциальность данных пользователей. Это укрепляет доверие.
Зерно и раствор
- Тест на человека прост, но не пропускает спам. Когда тесты на спам трудно расшифровать, пользователи расстраиваются и отключаются.
- Размещение часто задаваемых вопросов на странице экономит время пользователей и приводит к более качественным запросам.
- Всего три обязательных поля — проще не бывает.
- Общая простота дизайна с большими полями для мобильного UX, как правило, приятна для просмотра и работы .
Evoke
- Этот нетрадиционный дизайн выполнен в виде открытки. Поскольку дизайн также прост и в него вплетено немного веселья, интерес пользователей повышается.
- Ограничивающая рамка вокруг формы запроса выделяет ее на фоне остальной страницы.
- Цветовая схема, логотип и элементы доверия в нижнем колонтитуле (ассоциации) объединяются для яркого представления бренда.
Эта контактная страница определенно имеет свой собственный характер, изысканный, но приземленный. Форма должна находить отклик у людей, ищущих эти качества.
Эта контактная страница определенно имеет свой собственный характер, изысканный, но приземленный. Форма должна находить отклик у людей, ищущих эти качества.Shiner
- Сильные границы вокруг полей формы не позволяют пользователям запутаться.
- Опять же, мы видим небольшое количество полей формы слишком большого размера.
- В дизайне есть немного старомодного, традиционного вкуса — без сомнения, именно такой вкус у их пива. Постоянство бренда вызывает у посетителей жажду!
- Большая вставка Google Maps очень удобна для пользователей, избавляя от необходимости увеличивать или уменьшать ее.
Знание бизнеса + знание клиента = отличный контакт стр.
Обратите внимание, что все эти примеры эффективны, но используют разные методы проектирования. Создание страницы с эффективным дизайном требует понимания бренда, того, что хотят знать потенциальные клиенты, и ключевых факторов влияния на пользователей веб-сайта. Повсеместно пользователи веб-сайтов хотят простоты, поэтому неудивительно, что все эти рекомендуемые контактные страницы источают «легкость».
Однако для создания, усиления или поддержания интереса к бренду, когда пользователи переходят на страницу контактов, необходимы понимание, воображение и уникальный подход.
Брэд Шорр
Брэд Шорр (Brad Shorr) — директор по маркетингу B2B компании Straight North, интернет-маркетинговой фирмы, помогающей компаниям среднего размера создавать адаптивные веб-сайты, ориентированные на привлечение потенциальных клиентов.
Читать дальше
Всегда есть что-то новое в веб-дизайне. Каждый месяц мы составляем этот обзор самых электронных…
Автор: Падди Макдоннелл
Сообщество ИИ потрясено групповым иском, возбужденным в Северном округе Калифорнии 28 числа…
Бен Мосс
Татуировки — это долгосрочное обязательство. Конечно, вы можете удалить их с помощью лазера, но давайте будем реалистами: если вы нанесете чернила…
Луиза Норт
Награды D&AD Awards являются одними из самых престижных в индустрии дизайна, и обладатель карандаша D&AD вызывает зависть…
Бен Мосс
В то время как летний сезон кажется временем, когда тенденции несколько замедляются, на веб-сайте все еще происходят новые события…
Автор Кэрри Казинс
От этого никуда не деться: самое большое препятствие, с которым сталкиваются писатели, — это пустая страница.
Авторы WDD
Выбор правильного шрифта важен не только потому, что он передает тон голоса или индивидуальность вашего текста, но и потому, что он…
Автор Бен Мосс
Вы когда-нибудь смотрели на красивый веб-сайт, но подумал: «Я ненавижу эти цвета?» Нет? Конечно, нет. Это потому, что цвет…
By Louise North
Каждый месяц мы пользуемся возможностью посмотреть на некоторые из самых креативных и инновационных дизайнов веб-сайтов, которые будут запущены …
By Paddi MacDonnell
По мере того, как технологии веб-дизайна поднимают планку того, чего можно достичь при реалистичном бюджете, возникают споры…
By Simon Sterne
Бен Мосс
Мы уже на полпути к 2023 году, и количество невероятных приложений, инструментов и ресурсов для дизайнеров растет.
Падди Макдоннелл
Советы и рекомендации по дизайну контактной формы
Контактные формы являются неотъемлемой частью создания веб-сайта для вашего бизнеса.
Ознакомьтесь с этим руководством, чтобы лучше понять дизайн и реализацию контактной формы.
Отличный дизайн веб-сайта имеет много аспектов. В современном мире наличие веб-сайта имеет решающее значение для успеха бизнеса. Ваш веб-сайт похож на вашу домашнюю базу: независимо от того, продаете ли вы товары или услуги, веб-сайт является мощным инструментом для создания индивидуальности вашего бренда и укрепления доверия со стороны потенциальных клиентов.
Для эффективного сайта обычно требуется домашняя страница, страница с информацией и страница с услугами или продуктами. Во многих случаях блог выгоден для взаимодействия с посетителями вашего сайта, а также для укрепления авторитета. Некоторым сайтам также может быть полезен раздел часто задаваемых вопросов. Если ваша цель — расширить команду, у вас даже может быть страница со списком вакансий.
Однако на вашем веб-сайте должен быть еще один важный элемент: контактная форма. Хотя это может быть не первое, что приходит на ум, контактные формы необходимы.
Каким бы бизнесом вы ни занимались, людям нужен способ связаться с вами. Кроме того, контактная форма на веб-сайте может стать мощным инструментом для лидогенерации. В этой статье мы углубимся в контактные формы, для чего они нужны и как их создать.
Готов попробовать то, что сделало нас знаменитыми?
Создавайте собственные кампании по электронной почте, измеряйте эффективность и превращайте идеи в результаты с помощью инструментов почтового маркетинга Mailchimp.
Зарегистрироваться
Контактные формы — это в основном форма для отправки, встроенная в ваш веб-сайт, где люди могут связаться с вами. Клиенты могут вводить свою информацию, вопросы или комментарии в контактную форму, легко общаясь с вами. Контактные формы обеспечивают быстрый канал связи между вашим бизнесом и всеми, кто посещает ваш сайт.
Например, они могут просто запросить голые кости, запросив имя человека и адрес электронной почты. Или форма может задавать более подробные вопросы, касающиеся того, что ищет клиент.
Контактные формы, по сути, служат двум основным целям: лидогенерация и канал связи для существующих клиентов.
Контактные формы на веб-сайте помогают привлечь потенциальных клиентов, облегчая потенциальному клиенту отправку вопроса или комментария. Чтобы отправить контактную форму, клиент должен ввести информацию, такую как свое имя и адрес электронной почты. В зависимости от контактной формы они могут ввести более конкретную информацию о том, что им нужно или почему они используют форму.
Собирая эту информацию, контактные формы помогают вам привлекать потенциальных клиентов, расширяя список адресов электронной почты. И если вам требуется больше информации от клиента, это может помочь вам отфильтровать и отсортировать эти лиды. Стоит отметить, что контактная форма немного отличается от формы подписки — последняя существует специально для того, чтобы клиенты могли подписаться на ваш список адресов электронной почты. Но в зависимости от дизайна вашей контактной формы он может сделать гораздо больше.
Кроме того, вы хотите, чтобы у существующих клиентов был способ связаться с вами. Контактные формы позволяют клиентам легко связаться с вами, если им нужна поддержка или дополнительная информация о ваших услугах.
Например, клиентам может потребоваться поговорить с вами, если у них возникнет техническая проблема или проблема с обслуживанием клиентов. Или потому что у них есть запрос на продажу или маркетинг. Возможно, они хотят записаться на консультацию, но сначала задают вопрос. Или, может быть, это другой владелец бизнеса, который хочет вступить в партнерство. В любом случае, они могут использовать вашу контактную форму, чтобы двигаться вперед.
Что должно быть включено в дизайн контактной формы?
То, что вы включаете в дизайн своей контактной формы, зависит от ваших целей. У вас может быть множество причин для создания контактной формы, и это повлияет на то, как она выглядит и что запрашивает форма.
Как правило, контактные формы всегда запрашивают имя и адрес электронной почты клиента.
В формах обычно есть место, где человек может написать и отправить сообщение. В некоторых случаях на вашем веб-сайте может быть несколько контактных форм. Если ваш сайт получает много трафика и бизнес процветает, у вас могут быть даже отдельные формы для разных целей. Например, одна форма может предоставлять обслуживание клиентов, а другая может позволять кому-то назначить встречу.
Помимо имени и адреса электронной почты, в вашей контактной форме может потребоваться еще несколько полей. Вам также может понадобиться краткое объяснение, почему поле запрашивает информацию, если вы делаете это таким образом. Например, в форме может быть задан вопрос, почему клиент связывается с ним или чем он интересуется. Причина такой настройки заключается в том, что более конкретные вопросы в полях формы могут помочь вам отфильтровать и квалифицировать потенциальных клиентов.
К сожалению, контактные формы могут стать магнитом для спама. Чтобы спам и поддельные подписки не проходили, вы можете включить подтверждение reCaptcha в настройках.
Другие важные компоненты дизайна контактной формы могут включать юридический текст где-то в форме. И, конечно же, вашей форме нужна кнопка отправки в конце. Контактная форма может находиться на любой из ваших веб-страниц. Mailchimp может помочь вам создать и встроить контактную форму на ваш сайт.
Готов попробовать то, что сделало нас знаменитыми?
Создавайте собственные кампании по электронной почте, измеряйте эффективность и превращайте идеи в результаты с помощью инструментов почтового маркетинга Mailchimp.
Зарегистрироваться
Существуют различные способы доступа к вашей форме и множество вариантов контактной формы. Вот некоторые распространенные типы:
Всплывающая форма
По названию вы могли догадаться, что этот тип контактной формы всплывает, когда посетители заходят на ваш сайт.
Оттуда он может предложить специальную сделку в обмен на свой адрес электронной почты. Им может потребоваться ввести свое имя или дополнительную информацию, прежде чем вводить свой адрес электронной почты и нажимать «отправить».
Этот тип формы удобен для расширения вашего списка адресов электронной почты, поскольку он побуждает посетителей оставить свой адрес электронной почты перед тем, как покинуть ваш сайт, или сразу после того, как они впервые попадут на сайт. Это также может увеличить продажи, предлагая поощрение или скидку. Примером этого может быть форма, которая предлагает 20% скидку на первый заказ клиента, если он зарегистрируется с помощью формы. Вы можете легко создать красивую всплывающую форму с помощью Mailchimp.
Вертикальная контактная форма
Это довольно стандартный формат контактной формы. Поля расположены вертикально, с пробелами для имени клиента, электронной почты, веб-сайта, сообщения и любых других сведений, которые они хотели бы добавить.
Чтобы сделать эту контактную форму еще более привлекательной, вы можете включить социальное доказательство, продемонстрировав другие компании, которые работают с вами, рядом с ней. Это помогает продемонстрировать, что вы законны и заслуживаете доверия.
Кроме того, в форму можно включить отдельные призывы к действию. Например, когда клиенты заполняют форму, они могут заказать звонок, получить дополнительную информацию или выразить заинтересованность в совместной работе.
Многоэтапная форма
Этот тип контактной формы выходит за рамки простого запроса информации о клиенте. Вместо этого он проводит клиента через многоэтапный путь, предлагая ему выбрать ответ, который относится к нему.
Так, например, клиент может щелкнуть на странице «связаться с нами». Но вместо заполнения стандартных полей вертикальной формы форма может задавать ряд вопросов. Он может спросить: «Чем мы можем помочь?» и клиент выбирает лучший ответ из выпадающего меню. Они могут решить, что им нужна дополнительная информация, они хотят сотрудничать с вами или у них есть проблема.
Этот тип формы помогает фильтровать потенциальных клиентов. Задав эти вопросы заранее, вы действительно сможете повысить коэффициент конверсии. Вы сможете распределять ответы по категориям и автоматически расставлять приоритеты, что приведет к повышению качества лидов.
Отдельные формы для каждого типа вопросов
Вы можете организовать свои запросы, настроив несколько контактных форм, каждая из которых предназначена для определенной цели. Когда клиент выбирает вашу страницу «Свяжитесь с нами», ему показываются значки с различными вариантами выбора того, почему он хочет связаться с вами. Каждый значок связан с соответствующей контактной формой. Вот некоторые примеры: им нужна помощь, они хотят поделиться возможностью или хотят заказать звонок.
Если на вашем сайте есть подробный раздел часто задаваемых вопросов, может быть полезно настроить контактную форму специально для службы поддержки клиентов, которая приведет их к часто задаваемым вопросам, которые могут ответить на их вопрос.
Инструмент ИИ может подставлять ответы, связанные с любым вопросом, который вводит клиент.
Если вы пойдете по этому пути, вам нужно убедиться, что клиент все еще может отправить вам свой вопрос в конце конвейера, если FAQ не сможет на него ответить.
В некоторых случаях вы можете предпочесть разместить контактную форму в нижнем колонтитуле вашего веб-сайта вместо фактической страницы контактов. Вы даже можете сделать это в дополнение к странице контактов. Наличие контактной формы в нижней части всех ваших веб-страниц может улучшить UX, сделав ее более удобной для отправки.
Вместо того, чтобы прокручивать строку меню или переходить на отдельную страницу, пользователи могут просто связаться с вами из любого места на вашем сайте. Не помешает разбросать CTA по всему сайту для ясности и простоты.
Как видите, существуют разные подходы к дизайну контактной формы. Как и во многих других вещах в жизни, есть несколько правильных способов сделать это, и это действительно зависит от того, что работает для вас.
Конечно, вы хотите, чтобы дизайн вашей контактной формы выглядел гладко и привлекательно. Он должен быть четко изложен в логической последовательности. Вы можете использовать минималистский подход и иметь всего несколько полей в контактной форме. Или вы можете глубже изучить своего клиента, задав ему больше вопросов.
Вы не хотите иметь так много полей, чтобы это отпугивало клиента. Но это не значит, что вы должны бояться добавлять поля, если это имеет смысл. Цель состоит в том, чтобы получить ровно столько информации, сколько необходимо для достижения конечной цели. Также хорошо не загромождать форму словами или изображениями, которые не нужны.
Контактную форму также должно быть легко найти. Некоторые веб-сайты доходят до того, что имеют страницу «Свяжитесь с нами», указанную в строке меню. Это означает, что клиент может легко перейти прямо к вашей контактной форме и информации.
Если вы вложили время, энергию и ресурсы в разработку веб-сайта, вам также следует учитывать визуальное воздействие вашей контактной формы.
В Интернете можно найти множество дизайнов, а простой в использовании конструктор форм Mailchimp может помочь вам создать собственную контактную форму или веб-страницу. Как бы вы ни создавали свою форму, убедитесь, что цвета, шрифты и общий дизайн соответствуют вашему брендингу.
Нижний колонтитул веб-сайта — еще один важный аспект дизайна веб-сайта. Здесь вы должны указать свою карту сайта, которая поможет с SEO-сканированием и упростит навигацию по сайту. Вы также можете добавить значки социальных сетей, контактную информацию о вашей компании или даже отзывы в нижний колонтитул. Это еще одно место, где вы можете подписаться на рассылку новостей по электронной почте или ссылку на контактную форму.
Каждый бизнес должен использовать возможности электронного маркетинга. Электронная почта может принести вам огромную отдачу от инвестиций в долгосрочной перспективе. В зависимости от того, как вы структурируете контактную форму, она может помочь вам составить список идеальных лидов.
Если вы добавите несколько конкретных вопросов, например, в многошаговую контактную форму, вы сможете квалифицировать потенциальных клиентов, которые зарегистрируются.
Таким образом, вы также уменьшите количество людей, которые не заинтересованы в вашем продукте, от использования формы. Это может показаться нелогичным, если цель состоит в том, чтобы создать список адресов электронной почты. Однако вы ограничиваете только количество людей, которые в любом случае не подходят для ваших услуг. Квалификация потенциальных клиентов с помощью многоэтапного дизайна контактной формы на самом деле является отличным способом повысить конверсию.
Без контактных форм гораздо сложнее создать список адресов электронной почты. Но когда они сделаны правильно, контактные формы могут создавать ваш список адресов электронной почты, пока вы спите. Получив аудиторию, соответствующую вашему бренду, вы можете начать использовать электронный маркетинг для развития своего бизнеса.
Конструктор форм Mailchimp может помочь вам начать работу, даже если в вашем списке рассылки еще нет никого.
Используя Mailchimp, вы можете сразу создать профессионально выглядящую форму регистрации. Его можно использовать во всех ваших онлайн-каналах, просто скопировав и вставив URL-адрес формы.
В рамках этого процесса вам нужно будет написать электронное письмо с ответом на регистрацию. Они будут отправлены клиенту, как только он подпишется на ваш список. Вы можете потребовать от людей двойной подписки, когда они подтверждают свою подписку по электронной почте в своем приветственном письме.
Также важно, чтобы в ваших электронных письмах всегда была ссылка для отписки. Таким образом, люди могут щелкнуть по ней и отказаться от ваших электронных писем, если они больше не хотят их получать. Если у вас есть контактная форма на вашем веб-сайте или вы осуществляете какое-либо общение по электронной почте через свой бизнес, вы также должны разместить на своем веб-сайте уведомление о конфиденциальности. Раскрытие информации о ваших методах обеспечения конфиденциальности помогает скрыть ваши основания по юридическим причинам.
И в зависимости от типа вашего бизнеса, вы также можете разместить авторские права или товарный знак в нижнем колонтитуле своего веб-сайта.
Всегда проверяйте отправленные вами контактные формы
Конечно, вы бы не хотели получать отправленные контактные формы и затем ничего с ними не делать. Всегда полезно устанавливать четкие ожидания. Вы можете сообщить людям, в какие сроки они должны вернуться к ним, прямо в верхней части формы.
Внимательное отношение к формам обратной связи гарантирует, что вы не упустите все свои ценные лиды. Вы должны настроить процесс, чтобы отвечать на вопросы клиентов и решать любые проблемы. Ваша контактная форма также может быть связана с программным обеспечением для планирования, чтобы клиенты могли легко бронировать звонки или встречи с вами.
Итак, как узнать, работает ли ваша контактная форма? Это просто проверить. Просто зайдите на свой сайт и заполните форму, как если бы вы были потенциальным клиентом. Отправьте форму и посмотрите, окажется ли она там, где должна быть.
Также важно отслеживать другие показатели, такие как трафик вашего веб-сайта и показатель отказов, чтобы убедиться, что ваш сайт приносит вам результаты. Оцените свои коэффициенты конверсии, открываемость электронной почты и рейтинг Google. Ваш бизнес-сайт динамичен и постоянно развивается. Необходимость корректировать свою стратегию цифрового маркетинга по мере продвижения — это нормально.
Короче говоря, важно разместить на своем веб-сайте хорошо продуманную контактную форму. Хорошей новостью является то, что вы можете запустить его, выполнив несколько простых шагов. Независимо от того, является ли ваш веб-сайт новым или уже существующим, у Mailchimp есть все инструменты, необходимые для создания качественного веб-сайта и разработки контактной формы, которая соответствует вашему бренду и целям.
Готов попробовать то, что сделало нас знаменитыми?
Создавайте собственные кампании по электронной почте, измеряйте эффективность и превращайте идеи в результаты с помощью инструментов почтового маркетинга Mailchimp.
