Лучшие страницы контактов: как создать одну для своего веб-сайта и 10 примеров, которые вы захотите скопировать

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

Но знаете ли вы, какая веб-страница часто выглядит устаревшей, как будто она застряла в старых временах Интернета?

Страница «Свяжитесь с нами».

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

В конце концов, 51 процент людей думают, что на сайтах многих компаний отсутствует подробная контактная информация, которую они ищут.

Хорошие новости? Мы подготовили действенные советы, уловки и 10 отличных примеров, которые помогут вам создать высококонвертируемую страницу контактов, которую вашим пользователям будет легко найти и заполнить.

10 лучших советов по созданию эффективной веб-страницы «Свяжитесь с нами»

1. Разместите свою контактную информацию вверху и внизу веб-страницы.

Веб-сайт, который делает это хорошо: Hubspot

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

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

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

2. Попробуйте простую контактную форму

Веб-сайт, который делает это хорошо: в основном серьезный

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

Идея об успехе простых форм также подтверждается статистикой - если у вас есть три поля в вашей контактной форме, оптимальный коэффициент конверсии составляет около 25 процентов. Если у вас 3-5 полей, коэффициент конверсии снизится до 20 процентов и до 15 процентов для шести или более полей. Метод KISS лучше всего работает при разработке контактных форм - делайте это кратко и просто . Сделайте так, чтобы посетителям было как можно проще связаться с вами.

Нужен реальный пример, чтобы это доказать? Expedia удалила только ОДНО поле, но это привело к конверсиям, которые принесли прибыль в размере 12 миллионов долларов. Если вам интересно, какой из них они удалили - это было поле с названием компании. Да только это. И в любом случае, это не самая важная для бизнеса область.

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

3. Добавьте призыв к действию на страницу "Контакты".

Веб-сайт, который делает это хорошо: зерно и строительный раствор

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

Дайте вашим посетителям четкие и краткие указания, чтобы они не тратили много времени на размышления о том, что делать дальше - точно так же, как Grain & Mortar на своей странице контактов. Их призыв к действию прост - расскажите нам о своем бизнесе. Однако, хотя Grain & Mortar является отличным положительным примером CTA на контактной веб-странице, это также отрицательный пример для их раздела контактов. Они спрашивают номер телефона людей, и вот почему это плохая идея.

Если людям нужно сообщить свой рабочий номер телефона и дождаться звонка, они часто просто покидают страницу контактов. Фактически, 37 процентов людей покидают страницу контактов, когда им предлагается ввести свой номер телефона. Когда Expedia поместила слово «необязательно» рядом с полем номера телефона, они удвоили свой коэффициент конверсии - с 42,6 до 80 процентов!

4. Поощряйте посетителей выражать себя через вашу контактную страницу.

Веб-сайт, который делает это хорошо: создан Buffalo

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

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

Подпишитесь на нашу рассылку, чтобы получать лучшие советы по дизайну веб-сайтов, которые обеспечат конверсию на вашем сайте.

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

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

5. Уменьшите количество спам-сообщений.

Веб-сайт, который делает это хорошо: QuickSprout

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

Вот почему это отличный пример от QuickSprout. Это более интересно, увлекательно и оставляет лучшее впечатление, чем простая форма обратной связи.

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

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

6. Предлагайте различные варианты связи на своей странице контактов.

Веб-сайт, который делает это хорошо: Achieve3000

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

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

Второй тип - это управление поступающими вопросами о продажах.

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

7. Не забывайте свои каналы в социальных сетях

Веб-сайт, который делает это хорошо: Нил Патель

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

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

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

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

8. Будьте изобретательны на своей странице контактов

Веб-сайт, который делает это хорошо: давайте куда-нибудь поедем

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

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

Например, сайт онлайн-путеводителей Let's Travel Somewhere извлек выгоду из своей миссии - вдохновить людей расслабиться и увидеть мир - путем копирования открытки. Форма минимальна и проста для понимания, но все же отражает цель веб-сайта. Ажурная отделка и простой штамп обрамляют саму форму. Между тем, нижняя часть страницы пронизана призывами к действию, побуждающими посетителей делиться сайтом со своими друзьями или вдохновляющими их на изучение множества путеводителей.

9. Попробуйте использовать чат-ботов вместо традиционных контактных форм.

Хороший веб-сайт: Brand Embassy

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

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

Но, возможно, вы спросите, что же такого хорошего в странице контактов Brand Embassy? Что ж ... У них его на самом деле нет! Они буквально не нуждаются в этом, потому что все, что вам нужно сделать, чтобы связаться с ними, - это начать разговор с чат-ботом в правом нижнем углу домашней страницы (хотя вы можете найти немного более формальную страницу контактов, которая побуждает пользователей взаимодействовать с чат-ботом. ).

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

10. Собирайте электронные письма со страницы "Контакты".

Веб-сайт, который делает это хорошо: глянцевый

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

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

Хотите узнать о лучших практиках электронного маркетинга? Прочтите наше полное руководство в разделе «Тенденции и аналитика» DesignRush.

Как создать лучшую страницу «Свяжитесь с нами» для вашего бренда

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

1. Сделайте страницу "Свяжитесь с нами" видимой.

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

2. Не используйте текст кнопки по умолчанию

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

3. Используйте узкую компоновку этикеток.

Согласно сравнительному исследованию eBay и Yahoo, когда существует меньший разрыв между двумя областями, пользователи уделяют больше внимания. Это выполняется с помощью технологии отслеживания взгляда. В этом конкретном примере люди платили на формы eBay на 30-40 секунд больше, чем на Yahoo.

4. Проверьте свою страницу контактов.

Проведите сравнительное тестирование страниц веб-сайта и убедитесь сами, что работает лучше. Это размер кнопок? Макет контактной формы? Возможно, дело в копии сайта? Протестируйте один параметр, чтобы найти правильную комбинацию для вашей наиболее успешной страницы контактов.

5. Люди читают по буквам "F"

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

6. Экспериментируйте с названиями

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

7. Благодарность имеет большое значение

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

8. Используйте Creative Copy

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

Подведем итоги

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

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

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

Лучший совет по созданию контактной веб-страницы

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

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

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

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

Хотите больше советов по веб-дизайну для развития вашего бизнеса в Интернете? Подпишитесь на ежедневную дозу DesignRush!