Как вести страницу в контакте: как создать, настроить и вести

Survicate — еще один пример красиво простого макета в сочетании с дружелюбной и приветливой копией.Мне нравится подзаголовок ниже сгиба и чуть выше формы, который гласит: «Давайте поговорим о вашем проекте». Такой разговорный, разговорный язык — это именно та копия, которая заставляет посетителей чувствовать себя ближе к бренду.

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

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

11. Йети

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

12. Глянец

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

13. млн унций

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

14. Zendesk

[См. Полную страницу «Свяжитесь с нами» здесь.]

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

15. Accenture

[См. Полную страницу «Свяжитесь с нами» здесь.]

Accenture предлагает профессиональные услуги по всему миру (в 120 странах, если быть точным), поэтому достаточно сказать, что, вероятно, существуют сотни различных номеров телефонов и электронных писем, к которым люди могут обратиться за помощью.

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

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

16. Melonfree

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

17. Писец

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

18. Агентство ВИА

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

19. Atlassian

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

20. Студия Легворк

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

21. ban.do

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

22. Быстрый росток

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

23. Средний

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

24. Достичь 3000

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

25. Чудо

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

26. Dollar Shave Club

[См. Полную страницу «Свяжитесь с нами» здесь.]

Если вы не знакомы с Dollar Shave Club, это служба подписки на бритвы, которая предлагает качественные бритвы по конкурентоспособным ценам. Dollar Shave Club пытается подорвать свой рынок, позиционируя себя как более дешевое и удобное решение для бритья.Для этого ему необходимо рассказать своей целевой аудитории, что это за услуга, почему она отличается и как клиенты могут зарегистрироваться.

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

27. Моламил

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

28. Поехали куда-нибудь

[См. Полную страницу «Свяжитесь с нами» здесь.]

Let’s Travel Somewhere — это блог о путешествиях, написанный группой авторов, которые путешествуют по всему миру.Цель блога — «запечатлеть сущность каждой страны на планете». Это делает страницу контактов важным компонентом веб-сайта. Посетители должны легко получить доступ к странице и отправить свои работы редактору.

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

29. Грамматика

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

30. Hulu

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

Источник: Hulu

: дизайн контактных форм и страницы, которые выигрывают

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

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

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

29 лучших примеров страниц для связи с нами, чтобы вдохновить вас [Обновлено на 2021 год]

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

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

Само название страницы является призывом к действию; Относитесь к нему с некоторым уважением.

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

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

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

Но как это выглядит?

Свяжитесь с нами страница передового опыта

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

• Установите ожидания. Для чего использовать эту форму? Когда можно ожидать ответа и как? Все это должно быть адресовано на вашей странице. Заверьте пользователя, что вы свяжетесь с ним. Выделите время ответа или сообщите , от кого они будут слышать.
• Избегайте ненужных копий. Цель вашей страницы контактов — одна из самых прямых. Если информация не направлена ​​на объяснение того, как кто-то может с вами общаться, ее не должно быть.
• Не запрашивайте лишнюю информацию. Делайте поля формы как можно короче и по существу. Информация, которую вы запрашиваете, должна иметь смысл для того, что будет получено. Это не только упростит заполнение формы, но и заставит людей чувствовать себя более комфортно.
• Предложите несколько способов связи с вами. Иногда пользователи хотят поговорить с вами по телефону или в чате, а не заполнять форму. Обязательно дайте им возможность выбрать наиболее удобный для них метод.
• Персонализируйте как можно больше. Используйте такие функции, как интеллектуальный контент и условная логика, чтобы адаптировать страницу к потребностям пользователя. У вас есть другой набор вопросов для потенциального клиента, чем у пользователя, который нуждается в поддержке? Убедитесь, что на вашей странице отображаются правильные вопросы и информация независимо от личности.
• Включите видео: Имейте в виду, что ваша страница для связи с нами является целевой страницей, и одним из самых эффективных способов увеличения конверсии целевой страницы является включение видео.Мы заметили, что существует простая трехэтапная структура, помогающая добиться цели. Во-первых, объясните, почему зрителю нужно решение; Во-вторых, объясните, в чем состоит решение; И в-третьих, объясните, что будет дальше, если они воспользуются этим решением (или как оно работает).

🔎 По теме: The Selling 7: лучшие видео примеры целевой страницы

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

Вам повезло.Мы подготовили эту статью с помощью всей нашей команды!

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

1. Приложение Marvel

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

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

🔎 Связано: Полное руководство по проектам редизайна веб-сайтов для предприятий

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

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

2. Элегантная заметка

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

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

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

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

3. Zendesk

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

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

Они также включают информацию о местоположении со ссылкой на карту.

Итог: Простота имеет большое значение. Дайте понять пользователю, в каком направлении им следует следовать, если он ищет помощи по чему-то конкретному.

4. Страхование ягод *

* Примечание редактора: Berry Insurance является клиентом IMPACT.

Berry Insurance делает много хороших вещей со своей контактной страницей.

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

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

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

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

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

5. Freshworks

В последний раз, когда мы просматривали страницу контактов Freshworks, у них была форма за кнопкой «Get In Touch», которая открывала лайтбокс в разделе героев.

Теперь они вытащили форму из кнопки «Связаться с нами», а также вытащили телефонные номера для справок о продажах для каждого местоположения.

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

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

6.Медь

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

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

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

7. Полоса

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

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

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

Итог: Социальное доказательство ОГРОМНОЕ. Если он у вас есть, выставляйте его напоказ! Добавление этого дополнительного элемента доверия рядом с точкой конверсии — это победа.

8. Йети

Yeti гордится тем, что продает качественную посуду для напитков и кулеры, предназначенные для любителей активного отдыха.

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

Эти усилия не заканчиваются на их странице контактов.

Слишком часто компании рассматривают страницы контактов как второстепенную задачу в процессе разработки и в конечном итоге создают общую шаблонную страницу.

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

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

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

9. Atlassian

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

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

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

🔎 Связано: Как создать стратегию обмена сообщениями о бренде, которая понравится вашей аудитории

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

Итог: Не бойтесь быть уязвимыми. Atlassian сильно рискует, прося предоставить открытые отзывы, но мы уверены, что откровенные отзывы, полученные через эту страницу, позволили им улучшить взаимодействие с пользователем.

10. Речные бассейны и спа *

* Примечание редактора: River Pools and Spas является клиентом IMPACT.

Как и IMPACT, River Pools and Spas включает видео о том, чего ожидать и что, как они обещают, произойдет, когда вы заполните эту форму.

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

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

11. Infinum

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

Как только вы попадаете на страницу, вас приветствуют гигантским дружелюбным «Привет.”

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

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

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

12. Разработка Zeroqode (ранее Bubblewits)

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

По сути, это половина страницы с ценами!

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

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

13. Dollar Shave Club

Dollar Shave Club (DSC) действительно хочет помочь посетителю, и они доказывают это, когда вас буквально приветствует дружелюбное раскрывающееся меню, спрашивая, как они могут вам помочь на этой уникальной странице контактов.

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

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

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

Кроме того, учитывая, что у Dollar Shave Club, как известно, очень забавный копирайтинг, мы хотели бы, чтобы некоторые из этих личностей были включены на страницу.

Итог: Проявите индивидуальность и не упускайте важные элементы на своей собственной странице контактов.

14. Buzzworthy Studio

Buzzworthy — громкий бренд, что очень заметно на их сайте, и их страница контактов не является исключением.Объемный текст и потрясающее ценностное предложение создают привлекательный призыв к действию. Контактная информация также присутствует, но им удалось привлечь ваше внимание к тому, на чем они действительно хотят, чтобы вы сосредоточились — CTA Start A Project.

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

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

15. Squarespace

Squarespace сильно отличается от некоторых других примеров, которыми мы поделились, но именно поэтому он вошел в наш список!

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

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

Это просто, по делу и ведет пользователя именно туда, куда ему нужно.

Итог: Не бойтесь подыгрывать тому, кто вы есть. Самое замечательное на этой странице — это то, что все ответы буквально помещены в «квадраты»!

16. Fitbit Health Solutions

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

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

Если вы хотите поговорить о чем-то еще, они предложили пользователю несколько других вариантов.

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

17. Adobe

Сейчас Adobe отлично выполняет сегментацию.

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

Оттуда пользователь может увидеть глобальные местоположения и даже перейти к очень конкретным ссылкам, связанным с запросами СМИ, спонсорством и исследованиями. Наконец, если ни один из этих вариантов не понравился вам, вы можете просто позвонить им по их номеру 800 или поговорить с ними в чате. Эта страница — выигрыш со всех сторон!

Единственное, чего действительно не хватает на этой странице, так это фирменного стиля Adobe.Это просто и по делу. Все дело в информации на странице, и это правильно. Но пользователям остается очень простая страница, которая не дает никаких указаний на согласованность дизайна. Сделайте витрину!

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

18. Mailchimp

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

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

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

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

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

19. Ремонт анкерного фундамента *

* Примечание редактора: Anchor Foundation Repair является заказчиком IMPACT.

Нам нравится, как Anchor Foundation Repair показывает изображение команды на своей странице контактов, чтобы пользователь знал, с кем он будет разговаривать и работать.

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

Anchor Foundation Repair также требует двух вещей перед заполнением формы: фотографии ваших проблемных областей помогут вам получить наиболее эффективное обслуживание и узнать больше о процессе и о том, как узнать ваше предложение.

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

Ниже формы Anchor Foundation Repair включает социальное доказательство от клиентов, которые ранее работали с ними.

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

20. Hootsuite

Hootsuite позволил очень легко связаться с ними на их странице контактов.

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

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

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

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

Итог: Если у вас есть многоцелевая страница «Связаться с нами», убедитесь, что вы предоставили свои пользовательские параметры и не переносите их в стандартную одностраничную форму.

21. PayPal

Нас действительно привлекает то, насколько ориентирована на пользователя эта страница!

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

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

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

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

22. Базовый лагерь

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

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

Также приятно видеть, как долго и когда вы можете ожидать ответа от команды.

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

23. HubSpot

HubSpot позволяет пользователям «выбирать свой путь», чтобы помочь им быстро получить наиболее актуальные ответы, которые им нужны.

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

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

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

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

24. Кофе в голубой бутылке

Blue Bottle Coffee очень упрощена, но именно это делает ее великолепной.Это дает вам возможность оставаться на связи (с помощью формы подписки), изображение, чтобы оставаться в курсе, несколько способов связаться с различными отделами и очень короткую контактную форму.

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

Итог: Мы рассмотрели множество примеров, которые включают ТОННУ информации, этот упрощает задачу.Не бойтесь изложить основные элементы и оставить все как есть.

25. InVision

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

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

Итог: Иногда лучше меньше, да лучше, но не забирайте слишком много важной информации.

26. Отклонить

Unbounce покрыли все свои базы на своей странице контактов.

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

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

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

Итог: Будьте дружелюбны!

27. Счастливый апельсин

Эта страница переходит к сути.

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

Это отличный путь к центру знаний, который живет за пределами формы.

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

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

28. УДАР

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

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

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

29. Понедельник

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

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

Итог: Предоставьте пользователям другие возможности для сбора информации, пока они ждут вашего ответа.

Итог, вот что вам нужно знать

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

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

🔥

Необходимые элементы на странице контактов вашей компании (с примерами)

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

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

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

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

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

Сделайте вашу страницу удобной для поиска

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

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

Добавьте призыв к действию (CTA) на своем сайте

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

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

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

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

Включите стратегию SEO

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

Подробнее: Основы SEO для производителей и промышленных компаний

Что указывать при обращении к нам Страница

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

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

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

Интересная информация для вас — мы протестировали ее и узнали, что формы с выравниванием по левому краю всегда превосходят формы с выравниванием по правому краю.

Несколько точек контакта

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

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

Памятный креатив и копия

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

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

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

Industrial Свяжитесь с нами Примеры страниц

Включая карту на странице

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

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

Согласно недавнему опросу Thomas, 69% производителей заявили, что они, вероятно, перейдут на новый рынок после вспышки COVID-19. В связи с ожиданием увеличения количества местных поставщиков, включение карты на вашу страницу контактов может быть действительно полезным.

Связано: 7 главных преимуществ местных поставщиков

Укрепите доверие и ваше ценностное предложение

Engineering Specialties, Inc.- производитель штамповки и автоматизированной сборки металла. На странице контактов ESI соблюдаются все передовые практики в отношении дизайна и элементов, но мы хотели бы выделить включенный контент. Значок h3 на странице с надписью «Доверьтесь ESI с вашим проектом» вместе со значками Thomas Registered и COVID-19 подчеркивает, что ESI является уважаемой и надежной компанией, с которой можно сотрудничать.

С помощью Thomas Marketing Services компания ESI реализовала на этой странице «фокус формы». Фокус формы — это эффект, который запускается движением мыши, так что форма является фокусом с надеждой на увеличение количества отправленных форм и усилий по привлечению потенциальных клиентов.

Зарегистрируйте свою компанию на Thomasnet.com

Чистый дизайн, простая навигация

Swift Glass — производитель изделий из стекла на заказ, и на своей странице контактов использует передовой опыт дизайна веб-сайтов. Эта страница имеет минималистичный дизайн, в котором все внимание уделяется форме.

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

Как принять участие после того, как кто-то заполнил контактную форму

Страница благодарности

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

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

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

Узнайте больше о передовых методах работы с вашими веб-страницами

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

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

Тем не менее, нужна помощь? Зайдите на страницу контактов с Томасом и свяжитесь с членом нашей команды. Мы разработали более 5000 веб-сайтов для производителей и промышленных предприятий. В свою очередь, они увеличили свое присутствие в Интернете и получили больше запросов предложений, что способствовало росту их бизнеса!

7 советов по созданию контактной страницы, по которой можно получить запросы

Страницы контактов не любят, но это одна из самых важных страниц на вашем веб-сайте.

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

И так далее, она идет. Скучный.

Но, моя любимая страница? Страница контактов. Как ваш идеальный клиент связан с вами? Правильно — через страницу Контакты .

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

Это страница победы!

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

7 советов по созданию контактной страницы, которая конвертирует

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

Это должно быть сделано по нескольким причинам, но в основном потому, что люди ожидают найти его именно там. Некоторые компании помещают это в нижний колонтитул своего веб-сайта, но, как правило, это крупные компании, где личное общение не так важно. А человеческое прикосновение супер важно, если вы работаете в сфере услуг.

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

2. Будьте проще: запрашивайте только ту информацию, которая вам нужна.

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

И не — я повторяю — не не просите людей ответить на массу вопросов в контактной форме. Контактная форма должна запрашивать только ту информацию, которая вам нужна, чтобы сделать следующий шаг. Это, вероятно, включает их имя, адрес электронной почты, номер телефона (возможно) и, возможно, 1-2 отраслевых вопроса (например, дату и место свадьбы, если вы планируете свадьбы или фотограф).Да, и убедитесь, что вы включили самый важный вопрос из всех (см. Совет 7).

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

p> Угадайте что, формы ломаются. Это происходит постоянно, и, как правило, нет сигнала тревоги, когда они случаются. И иногда Интернет становится все странным, и определенные формы не работают с определенными браузерами. Так что включите резервный метод связи.Это может быть адрес электронной почты или номер телефона.

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

4. Определите ожидания: когда и как вы ответите?

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

Чем раньше вы ответите, тем лучше. Мы живем в мире Netflix и Amazon Prime. Но также не забудьте установить границы. Если вы впервые ответите в 10 часов вечера, этот человек ожидает, что вы будете доступны по вечерам. Отличный способ предоставить немедленный ответ — использовать автоответчик или такое приложение, как Boomerang, которое позволяет вам планировать доставку писем. Таким образом, вы оперативно отвечаете, заверяя потенциального клиента, что получили его сообщение, и тем временем имеете возможность предоставить им некоторую информацию.

5. Убедитесь, что страница и все формы адаптированы для мобильных устройств.

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

6. Добавьте фотографию себя и / или вашей команды, если хотите.

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

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

7. Включите самый важный вопрос: как вы узнали о нас?

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

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

Связанное сообщение: Искусство продолжения

Как вы узнали о нас?

Мы считаем, что этот вопрос действительно важен по двум причинам: 1) понимание того, какие маркетинговые усилия работают; 2) Таким образом, мы можем поблагодарить те компании или частных лиц, которые направили нас.

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

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

Допустим, вы свадебный фотограф и знаете, что последние 10 человек, которые интересовались, слышали о вас через WeddingWire, и ни один из них не сделал заказ, потому что вы были вне их ценового диапазона. Что ж, теперь вы знаете, что нужно сказать: «Нет, спасибо!» когда WeddingWire звонит, чтобы продать вам это «предпочтительное рекламное место».

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

Сообщение по теме: Как подарки могут изменить ваш бизнес

И награда «Невоспетый герой» достается…

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

П.С. Легко отслеживать запросы и ответы на такие вопросы, как «Как вы узнали о нас?» Мы сделали простую таблицу Google, подобную этой, чтобы отслеживать наши запросы, и вы можете получить к ней доступ здесь:

20 лучших страниц контактов в 2020 году, которые преобразуют (+ передовой опыт)

Если бы кто-то искал ваш сайт и хотел заполучить вас, что бы они увидели на вашей странице контактов? Номер телефона? Адрес и карта? Ничего такого?

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

Однако ваша контактная страница должна быть одной из ваших самых важных страниц.

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

или адрес электронной почты: что лучше?

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

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

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

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

выглядят профессионально и проще в использовании.

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

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

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

позволяют легко перенаправлять членов команды.

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

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

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

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

Какие поля следует включить в контактную форму?

Имя и Фамилия

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

Адрес электронной почты

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

Лучше всего запросить рабочий адрес электронной почты.Если они включают Gmail, AOL или базовый адрес электронной почты, они могут быть не заинтересованы.

Название компании

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

Причина обращения

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

Важно понимать цель чьего-либо запроса. Почему обращается к этому человеку? О чем конкретно они ищут ответы?

10 Страница «Свяжитесь с нами» Передовой опыт

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

Задавайте только необходимые вопросы.

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

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

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

Покажите реальных людей из вашей службы поддержки клиентов.

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

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

Включите ссылки на часто задаваемые вопросы.

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

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

Объясните, почему пользователь должен обратиться к вам.

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

Это дает посетителям четкое представление о том, чего они могут ожидать от связи с вами.

Воспользуйтесь преимуществами смарт-форм.

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

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

Добавьте ссылки на социальные сети.

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

Например, Muse размещает все свои ссылки на социальные сети внизу своей страницы контактов.

Централизуйте параметры связи.

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

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

Сохраняйте дизайн в соответствии с остальной частью вашего веб-сайта.

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

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

Помогите пользователям найти вашу страницу контактов.

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

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

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

Keep It Simple.

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

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

20 примеров идеальных контактных страниц, которые должны вас вдохновить

Ниже приведены 20 лучших страниц для связи с нами, которые мы смогли найти. Взгляните на каждый из них и запишите несколько вещей, которые вам нравятся — они могут помочь вдохновить на редизайн!

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

1. YETI

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

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

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

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

2. Поехали куда-нибудь

Забудьте электронную почту. Отправь открытку!

Или хотя бы сделайте вашу страницу контактов похожей на открытку.Сайт путешествий Let’s Travel Somewhere сохранил свою тему путешествий, создав фантастическую страницу контактов, которая выглядит как открытка.

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

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

3. Грамматика

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

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

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

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

4. Coca-Cola

Неудивительно, что у такой компании, как Coca-Cola, была отличная страница контактов.

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

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

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

5. млн унций

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

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

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

6. UberConference

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

Четко отображаемый номер телефона и адрес электронной почты позволяет легко связаться с кем-либо — не нужно копаться на его веб-сайте в поисках способа связи (разве это не худшее?).

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

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

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

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

7. Wendy’s

Wendy есть простое и понятное сообщение: Свяжитесь с нами в удобное для вас время.

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

Они также показывают, что вы можете написать или позвонить им, если у вас есть какие-либо вопросы, комментарии или проблемы. (Кажется, использование смайлов всегда приемлемо.) И не волнуйтесь — они всегда ответят вам, чтобы вы знали, что видели это.

8. Achieve3000

Вероятно, ваш сайт посещают самые разные люди. Они ищут продажи? Нужна ли им поддержка клиентов?

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

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

9. Zendesk

Разговор о простом.

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

Все, что они просят, — это рабочий адрес электронной почты, тема (раскрывающийся список между ценами / продажами, выставлением счетов, маркетингом / PR, партнерством или трудоустройством) и быстрое сообщение со ссылкой на ваш охват. Нажмите «Отправить», и в ближайшее время с вами свяжутся!

Если вам нужна поддержка по продукту, ее можно быстро найти — просто нажмите на призыв к действию «посетить наш справочный центр» под контактной формой, и вы будете перенаправлены в справочный центр Zendesk.

10. Баттерии

Другой простой дизайн, Batterii требует, чтобы вы только заполнили несколько полей, чтобы связаться с ними. Они не проводят вас через тест на IQ или проверку зрения; они просто хотят узнать вас и намерения вашей компании.

Но вот самое лучшее:

Они также включают свою контактную форму прямо на своей домашней странице!

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

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

11. Brandaffair

Весь веб-сайт Brandaffair потрясающий… и их контактная страница не разочаровывает.

Хотя простой дизайн упрощает контакт с бизнесом и позволяет меньше отвлекать его, некоторые компании выбирают более визуальный подход, который привлекает внимание и привлекает внимание. Я думаю, что Brandaffair выиграет!

Если вы ищете номер телефона, адрес электронной почты или адрес, вы можете найти его в разделе «Познакомьтесь с нами». А если вы хотите представить проект или обратиться к команде, вы можете заполнить форму в разделе «Расскажите о нас».Довольно круто, правда?

12. Domo

Domo — еще один пример того, что чистый дизайн работает.

Тонкие градиентные значки символизируют различные способы связи с командой, от телефонного звонка до обращения в службу поддержки 24/7. Затем, когда вы продолжите прокрутку вниз, есть возможность заполнить общую форму, чтобы напрямую связаться с Domo с любыми вопросами, комментариями или проблемами.

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

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

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

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

• Ваш отличный продукт
• Встреча за кофе
• Птицы и пчелы

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

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

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

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

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

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

• Вопросы
• Стоимость
• Демо
• API

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

Юмор действительно может иметь большое значение в привлечении новых посетителей и поощрении их к общению. И это именно то, что делает The Middle Finger Project!

Уже будучи интригующим брендом, контактная форма The Middle Finger Project не что иное, как развлечение. В формате, похожем на безумную библиотеку, раскрывающиеся варианты довольно забавны, но связаться с основателем Эшем Амбирджем все еще очень легко.

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

И, согласно верхней части их контактной страницы, если вам «нужен сверхбыстрый ответ? Напишите в Твиттере @TMFproject для обслуживания клиентов или забавных мыслей!»

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

Когда вы наводите курсор на каждую кнопку (контактная форма, номер телефона, электронная почта, Google Maps и т. Д.), Черно-белый текст превращается в цветной текст, и появляется даже действительно классный эффект пишущей машинки.

Затем, в нижней части страницы, есть раздел «Сказать привет». Щелкните здесь, и тогда начнется настоящее веселье. (Я знаю, что это просто страница веб-сайта, но это так здорово!)

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

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

Кроме того, если вы не укажете электронную почту, вы получите это быстрое сообщение: «Хм … Вы не указали, как мы можем с вами связаться.Вы все равно хотите отправить сообщение? »Итак, не забудьте оставить одно, чтобы они могли ответить!

Неудивительно, что мы большие сторонники HubSpot — как агентство Diamond Partner, мы все находимся в поезде HubSpot.

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

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

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

Все еще не можете найти то, что ищете? Прокрутите вниз, чтобы узнать о различных вариантах обращения в службу поддержки HubSpot. Отправляете ли вы заявку, спрашиваете ли вы у сообщества, пишете в Твиттере на HubSpot или звоните, кто-то всегда готов помочь.

Хотя дизайн очень нестандартный, результат чертовски крутой.

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

Очень простая форма гласит: «Я [имя], мой адрес электронной почты [адрес электронной почты], я отправляю вам [слова] сейчас». Как только вы закончите заполнение, просто нажмите желтое «сейчас», и ваше сообщение будет отправлено.

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

20. Bluleadz

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

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