Приятно связаться: 15 примеров страниц «Контакты»
Вы зашли на сайт, походили-побродили по блогу или каталогу товаров и даже прочли текст «О нас». Заинтересовались. Появилось желание связаться с владельцем сайта: компанией или отдельными людьми.
Дальше вы можете перейти на страницу «Контакты». Хорошо, если она будет оформлена как одна из тех, что представлены в статье.
Страница 404: самые креативные, смешные и лаконичные варианты
Контакты Blizzard
- Возможность связаться по обычной почте и через интернет с разными подразделениями компании.
- Информация обо всех группах флагманских проектов Blizzard в социальных сетях.
- Интересный раздел «Посещение офиса».
Продвинем ваш бизнес
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Подробнее- Поле ввода имени для обратной связи.
- Ссылка на бриф.
- Контакты для связи + электронный адрес для соискателей.
Nisa Mayer: Let’s Travel Somewhere
Контакты блогера-путешественницы Нисы Майер
- Оформление страницы в виде открытки с текстом:
Если у вас есть какие-то вопросы, пожалуйста, не стесняйтесь и напишите мне. Если вы не получили немедленный ответ, это значит, что я путешествую где-то у черта на куличках. Я отвечу, как только смогу. Обещаю!
- Можно найти Нису во многих соцсетях.
Контакты модельного агентства RF Models
- Возможность связаться с сотрудниками компании (у каждого свой корпоративный e-mail).
- Интерактивная карта.
- Форма обратной связи.
Seth Godin
Контакты маркетолога Сета Година
- Страница оформлена в виде открытки с текстом:
КОНТАКТ
Сет не занимается коучингом, инвестициями или консалтингом, но он читает свою почту.
Вы можете связаться с ним по адресу: [email protected]*
*Увы, из-за такого количества электронных писем он не обещает, что даст ответ.
Контакты Банка «Тинькофф»
- Контактные данные расписаны по направлениям деятельности банка.
Контакты пензенского филиала «Билайн»
- Справочная информация на странице.
- Контактные данные разнесены по блокам.
- Поиск ближайшего пункта обслуживания.
Контакты певца Дельфина
- Лаконичное оформление страницы.
- Информация о том, откуда можно скачать музыку Дельфина.
- Список официальных страниц певца в социальных сетях.
Контакты пензенского филиала «Додо Пицца»
- Можно смотреть в прямом эфире, как готовится пицца.
- Интригующая ссылка на страницу «Почему в Додо Пицце готовят без перчаток».
Контакты блогера Ильи Варламова
- Биографические данные в оформлении страницы.
- Множество каналов связи с Ильей (соцсети + мессенджеры).
Контакты «М.Видео»
- Три способа связи с фирмой.
- Дополнительные контакты – если нажать на «плюсик» появятся контактные данные по трудоустройству, для прессы и для бизнеса:
Дополнительные контакты для соискателей
Контакты актера Сергея Безрукова
- Разные электронные адреса для разных вопросов.
- Форма обратной связи.
- Ленты социальных сетей Twitter и Instagram в теле страницы.
Можно посмотреть адреса магазинов и пунктов выдачи списком:
Контакты магазинов и пунктов выдачи «СИТИЛИНК» в Пензе и области (список)
Или увидеть все на интерактивной карте:
Контакты магазинов и пунктов выдачи «СИТИЛИНК» в Пензе и области (на карте)
Контакты «Студии Артемия Лебедева»
- Контактные данные офисов, магазинов и кафе.
- Пиктограммы национальных почтовых ящиков.
- Контакты офисов с информацией, как добраться.
Контакты «Текстерры»
- Интерактивная карта.
- Разные способы связи.
- Реквизиты компании.
Также на странице есть отсканированная выписка из реестра аккредитованных организаций.
Страница «Контакты» – начало общения компании с клиентами
Так его начинать не стоит:
Текст-рыба не принесет вам клиентов
Продумывайте текст, дизайн, расположение информационных блоков и юзабилити контактной страницы. От этого, в том числе, зависит результат работы по комплексному продвижению сайта в интернете.
Как оформить страницу «Контакты» на сайте ☎ – PR-CY Блог
Оформление страницы с контактами на сайте с примерами и влияние возможностей для обратной связи на SEO. Обновленный материал.
В статье:
- Какие задачи могут быть у страницы Контактов
- Какие элементы должны быть на странице с контактами
- Все способы связи с компанией
- Контакты разных отделов
- Физический адрес и филиалы
- Часы работы и время ожидания ответа
- Разные языки и возможности для связи
- Чат и контактная форма
- Ссылки на соцсети
- Где разместить страницу «Контакты» на сайте
- Поставьте ссылку в меню и футере
- Не прячьте в подразделы
- Дублируйте основное в шапке
- Не придумывайте оригинальное название
- Поставьте ссылку в меню и футере
Каждая страница на сайте должна быть полезной.
В блоге PR-CY уже есть статья о том, как правильно сделать страницу «О нас» и на что может влиять информация о компании. В основу статьи вошло исследование, которое провела компания «Nielsen Norman Group».
В рамках этой же работы они изучили взаимодействие пользователей со страницами контактов: как люди находят эти страницы, как с ними взаимодействуют и какую информацию ожидают увидеть.
Разберем, как оформить страницу «Контакты», и какие элементы пользователи ожидают увидеть на этой странице.
Какие задачи могут быть у страницы Контактов
Помимо информирования о местоположении и способах связи с компанией, у страницы могут быть и другие задачи в зависимости от того, чем она занимается:
- повышение продаж — консультации клиентов перед покупкой;
- обслуживание клиентов после покупки — вопросы гарантии, возврата, обмена товара, консультации по поводу использования;
- связь со СМИ — обсуждение комментариев, публикаций, новостей сразу с нужным отделом в компании;
- поиск партнеров — обсуждение условий партнерства, оптовых закупок, реферальной программы;
- привлечение новых сотрудников — связь с соискателями.
Какие элементы должны быть на странице с контактами
Рекомендации на основе опроса участников исследования «Nielsen Norman Group», которые выполняли задания на сайтах разных компаний.
Все способы связи с компанией
Ссылка «Контакты» или «Связаться с нами» должна вести на страницу с перечнем всех доступных способов связи и ссылок на социальные сети. Даже если на сайте есть чат или контактная форма для заказа обратного звонка, все равно лучше собрать все контакты на отдельной странице.
- Чем больше способов, тем проще клиенту
Соберите все варианты способов связи на странице, а пользователь сам выберет, что ему удобнее: позвонить, написать на почту или отправить тикет саппорту прямо с сайта. - Только актуальные варианты
Не стоит указывать контакты, которые вы не сможете обслуживать — лучше отсутствие телефона, чем номер, где не берут трубку. - Легкий доступ
Номер, email и другие контакты должны быть доступны для копирования, чтобы пользователь мог сохранить к себе, переслать кому-то или отправить сразу на телефон для звонка. Разместите их в текстовом блоке и не используйте защиту от выделения и копипаста.
Разместите их в текстовом блоке и не используйте защиту от выделения и копипаста.Как настроить, чтобы звонок шел по клику на номер телефона на сайте, мы разобрали в этой статье
Контакты разных отделов компании
Если в компании есть несколько отделов для связи по разным вопросам, сразу поставьте их телефоны и адреса электронной почты с указаниями, по каким вопросам куда лучше обращаться. Это может быть номер службы поддержки пользователей, PR-отдела для прессы, отдела для связи с инвесторами и другие.
Несколько вариантов для связи на сайте megagroup.ruЕсли отделы представляют конкретные люди, можно добавить конкретную информацию о нем: имя, фотографию, должность и его почту.
Контакты представителей разных подразделений на сайте adindex.ruЕсли отделов с контактами много, объедините их в группы, чтобы пользователям было легче ориентироваться в списке. Группы лучше составлять по задачам пользователей, а не по внутренней иерархии компании, в которой часто сложно разобраться постороннему человеку.
К примеру, разделить контакты по целевым аудиториям: для пользователей, соискателей, прессы, инвесторов и так далее.
Физический адрес и филиалы
Разместите адрес главного офиса компании и других отделений, интерактивную карту с отметками адресов с возможностью перехода к большой карте, чтобы построить маршрут. Если компания работает так, что клиентам не нужно приходить в офис, обычно все равно указывают какой-то адрес для почты.
Анимационная студия redmedusa.ru к креативно оформила контакты: страница оригинальная, но все нужные элементы есть:
Если у вас несколько филиалов, добавьте все адреса и укажите отдельные контакты и расписание, чтобы клиент знал, как связаться с нужным ему филиалом.
Если филиалы предоставляют разные услуги, можно сделать интерактивную карту с метками филиалов и фильтром по услугам, как делают многие банки.
Фильтр отделений pochtabank.ruЧасто пользователи делают запросы так, чтобы найти специалиста в определенном районе города или улице — «пицца на Автозаводе», «парикмахер площадь Горького». Адрес компании и регистрация в сервисах Google и Яндекс повысит шансы, что клиенты найдут вас в локальном поиске. Если у компании нет физического адреса, укажите хотя бы город.
Часы работы и время ожидания ответа
К телефонному номеру добавьте часы работы, чтобы клиенты знали, когда позвонить, чтобы в компании сняли трубку. Для клиентов, которые хотят обратиться в нерабочее время, можно включить возможность обратного звонка: тогда сотрудники перезвонят, когда придут на работу.
Часовой пояс нужен, чтобы не было недоразумений, если вы будете перезванивать, к примеру, из Москвы во Владивосток.
Можно добавить плашку «сейчас работаем» или «закрыты до утра», чтобы пользователю не нужно было сверять время.
Отметка о режиме работы на сайте megagroup.ruУкажите примерное время обработки письма или тикета в поддержке. Пользователь хочет получить ответ как можно быстрее и может переживать, что его обращение потерялось, если по его ощущениям ожидание затянулось.
Разные языки и возможности для связи
Если вы работаете с многоязычной аудиторией и у вас много клиентов-иностранцев, укажите это для номера телефона.
Один из испытуемых в исследовании был впечатлен, что организация может принимать звонки на английском и испанском языках, он счел это дополнительной заботой об испаноговорящих клиентах.
Во время исследования на сайте sba.gov была возможность получить консультацию по телефону на испанском языкеГосударственная организация должна заботиться, чтобы любая группа граждан могла получить консультацию.
На этом сайте есть возможность поговорить по видеофону с переводчиком по американскому языку жестов (ASL).
Чат и контактная форма
Пользователям может быть проще написать менеджеру, не переходя в почтовые сервисы, для этого нужен чат с сотрудником, чат-бот или контактная форма. Но контактные формы должны дополнять, а не заменять остальные способы связи — иногда проще позвонить и описать ситуацию на словах, поэтому предоставьте выбор.
Пользователи обращаются в чат, если они не хотят ждать ответов по электронной почте, поэтому менеджеру нужно быть на связи в рабочее время и отвечать быстро. Протестируйте чат и выясните, насколько он удобен: он не должен всплывать в неподходящее время, отвлекать и мешать чтению контента.
Испытуемые положительно отзывались о чате, когда в нем было четко указано, с кем общается клиент — с ботом или реальным человеком.
Чат с ботом на сайте skyeng.ruСоветуем устанавливать формы, которые требуют минимальное количество действительно нужной информации: имя, по которому можно обращаться к клиенту и предпочтительный способ связи — почта или телефон.
Обратите внимание на количество всплывающих окон, пушей и иконок для связи. Не дублируйте кнопки и не путайте пользователя: ему должно быть понятно, как выбрать удобный способ связи, и чем отличаются кнопки. К примеру, на сайте megagroup.ru на одном экране пользователь видит множество вариантов, которые отсылают друг к другу:
- окно «Напишите нам», где обязательно оставить телефон и email;
- кнопку «Хочу сайт», по которой открывается заказ обратного звонка, нужен только телефон;
- кнопку «Спросить консультанта», по которой открывается чат, и там уже есть несколько сообщений о том, что можно оставить телефон, заявку, написать в мессенджер или пообщаться в этом чате;
- иконку, по клику на которую появляются иконки Whatsapp и Telegram;
- кнопку «Заказать сайт» в шапке страницы, которая отправляет пользователя на отдельную страницу заказа звонка.
Некоторые пользователи скептически относятся к формам для вопросов на сайте, они опасаются, что на их e-mail или телефон посыплется спам.
К примеру, участники эксперимента были раздражены, когда нашли на сайте компании «Slack» только этот способ связи:
«Мне не нравится, что я должен заполнять эту форму. Всё, что я хочу сделать — это просто поговорить с ними. Я ненавижу, когда после перехода по ссылке должен предоставить кучу информации».Единственный способ связи на сайте Slack.com
Еще пользователей бесит, если на сайте нельзя задать вопрос без регистрации. Они не хотят тратить время на регистрацию учетной записи ради одного вопроса и скорее всего найдут компанию, с которой проще связаться.
Одна из участниц исследования разозлилась, когда ей пришлось вводить электронную почту и регистрировать аккаунт только ради того, чтобы связаться с Adobe:
«Мне бы хотелось, чтобы, когда я нажала «Контакты», я могла просто получить адрес электронной почты или номер телефона, а не входить в систему».Регистрация для возможности задать вопрос на сайте adobe.com
Ссылки на соцсети
Многие в исследовании упоминали, что используют аккаунты компании в социальных сетях, чтобы задавать вопросы или решать проблемы.
Укажите ссылки на группы в социальных сетях, чтобы пользователи могли обратиться к админам со своего аккаунта. Это стоит сделать, если для общения с клиентами в соцсетях есть сотрудник, который в курсе рабочих процессов и может оперативно отвечать на запросы.
Нужно оставить способ связи через телефон или почту для тех, кто не хочет общаться в соцсетях и мессенджерах, или у кого нет там аккаунтов. К примеру, на странице «UBreakIFix» есть несколько вариантов связи, в числе которых и соцсети.
Возможности связаться с компанией на сайте UBreakIFix.comПользователи ожидают найти ссылки на группы компании в соцсетях, чтобы посмотреть новости или связаться с ними там. Поэтому не советуем размещать кнопки, которые позволяют поделиться ссылкой в соцсетях пользователя.
В итоге, на странице контактов должна быть полная информация: адрес компании, лучше с картой, все способы связи: телефоны, мессенджеры, email, виджет с чатом, а также рабочие часы и ссылки на страницы в соцсетях.
Для контактных данных есть микроразметка контактов по Schema.
org, пример в Microdata:
<div itemscope itemtype="http://schema.org/Organization"> <span itemprop="name">Название организации</span> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">Город</span> <span itemprop="streetAddress">Адрес организации</span> </div> <span itemprop="telephone">Контактный номер телефона</span>, <span itemprop="email">Адрес электронной почты</span> </div>
Разберем, где и каким образом указывать контакты, чтобы пользователи их легко нашли.
Где разместить страницу Контакты на сайте
Поставьте ссылку в меню и футер
Исследования в области юзабилити «Nielsen Norman Group» показывают, что если вы попросите пользователей найти страницу «Контакты» на сайте, они будут смотреть в верхнем правом углу страницы или внизу в футере.
Как сделать футер на сайте полезным для SEO и юзабилити
Не прячьте контакты в подразделах
Исследователи не рекомендуют делать страницу с контактами подтемой какого-то раздела.
К примеру, один пользователь потратил много времени на поиски контактной информации, а она оказалась скрыта в раскрывающемся меню под ссылкой «О нас» . Пользователь нашел ссылку, но отметил:
«Мне бы хотелось, чтобы «Связаться с нами» было в основном меню, а не в разделе «О нас». Когда я пролистал сайт до футера, я увидел ссылку».
Если контакты органично дополняют страницу «О нас», то можно их добавить, но чаще в этом разделе пользователи ожидают увидеть рассказ о компании, так что главные контакты лучше продублировать в шапке и подвале сайта.
Дублируйте главный способ связи в шапке
Пользователю должно быть просто выполнить конверсионное действие на сайте. Если для оформления заказа нужно позвонить, телефон должен быть не только на странице контактов, но и там, где его можно найти без дополнительных кликов — в шапке сайта.
Номер телефона продублирован в шапке сайта sfm-nn.ruНе придумывайте оригинальное название
Многие компании стараются назвать страницу с контактами как-то по-особенному — «Справочный центр», «Ресурсы» или как-то еще.
Пользователи привыкли к тому, что страница называется «Контакты» или «Связаться с нами», поэтому искали ссылку с похожим анкором. Оригинальные названия могут быть не очевидными для пользователей.
На странице «Контакты» пользователи ожидают увидеть адреса компаний, номера телефонов и адреса электронной почты. Кроме того, исследователи нашли корреляцию между попаданием в топ и наличием разных способов связи, так что вероятно контакты влияют на пропуск в топ.
Указывайте те контакты, которые можете обслуживать, и не заменяйте их автоматизированными формами или чатом.
25 Классные примеры страницы «Свяжитесь с нами» и передовой опыт
Возможно, это не звезда шоу, но ваша страница «Свяжитесь с нами» — одно из самых важных мест на вашем веб-сайте.
Драматично, мы? Вовсе нет, мы просто знаем, что хорошо для вас.
Если вы занимаетесь онлайн-бизнесом, вам необходимо иметь по крайней мере один способ общения с клиентами, потенциальными клиентами и людьми, которые растеряны, но заинтригованы.
Вот тут-то и появляется страница контактов. Вы можете разместить номер телефона, вы можете создать форму — черт возьми, вы можете создать серию форм.
Если вы не понимаете, о какой странице мы говорим, или вам нужно вдохновение, читайте дальше.
Что такое страница «Свяжитесь с нами» и зачем она нужна веб-сайтам?
Страница «Свяжитесь с нами» предоставляет посетителям веб-сайта способы связаться с компанией.
Многие примеры страниц контактов в нашем списке содержат формы. Это один из самых простых форматов для ввода вопросов пользователями.
Бренды также делятся адресами электронной почты, адресами офисов или магазинов, а иногда и номерами телефонов на своих страницах «Свяжитесь с нами».
Почему? Ну, в первую очередь страница «Свяжитесь с нами» — отличный инструмент обслуживания клиентов.
Он позволяет людям вступить в непосредственный контакт с брендом по любой причине. Но это также отлично подходит для делового общения.
Вам может понадобиться контактная страница, чтобы привлечь клиентов, или вы можете использовать ее для управления запросами СМИ.
Это способ вашей компании оставаться на связи с миром.
25 примеров высококачественных страниц «Контакты»
Независимо от отрасли, страницы «Свяжитесь с нами» являются важными компонентами веб-сайта любого бренда.
Мы составили список из 25 крутых, причудливых и совершенно обычных, но очень удобных примеров.
Взгляните на некоторые из лучших практик и посмотрите, что вы можете сделать со своей собственной страницей контактов.
1. Агентство культового дизайна
Некоторые из лучших страниц «свяжитесь с нами», которые мы нашли, принадлежат агентствам креативного дизайна. В этом нет ничего удивительного.
Видите ли, посетители сайта электронной коммерции могут захотеть связаться с брендом, чтобы пожаловаться, похвалить или задать вопросы. Но с агентствами страницы контактов лежат в основе всех операций.
Без каких-либо контактов потенциальные клиенты не могут сделать запрос о новом коммерческом предложении. Очень важно, чтобы их было легко найти и чтобы ими было весело пользоваться.
Список невероятных примеров начинается с удобной и отзывчивой страницы «Свяжитесь с нами» дизайнерского агентства Cult.
Пользователей встречают дружеским приветствием — как и на остальной части веб-сайта, слова появляются при прокрутке.
Сама по себе контактная информация довольно проста.
На две драматические фотографии офисов агентства, Лондона и Нью-Йорка, накладываются соответствующие адреса электронной почты и номера телефонов. Здесь нет контактных форм.
2. Клэр Хартли
Если вам нужны примеры страницы «Свяжитесь с нами» для личного бренда, ознакомьтесь с этим милым и простым дизайном от лондонского иллюстратора.
На сайте Клэр Хартли посетителям предоставляется несколько вариантов: отправить ей электронное письмо, написать на адрес ее студии или заполнить контактную форму со своим запросом.
Наряду с жизненно важной информацией на этой странице «Свяжитесь со мной» объясняется, как связаться с вами в зависимости от ваших потребностей.
Используя простой черный текст на чистом не совсем белом фоне, страница проста в использовании и навигации. Но это тоже мило.
Прокрутив вниз, вы найдете фотографии иллюстратора в ее студии, а также некоторые из ее любимых работ. Это отличный способ добавить индивидуальности странице «Контакты».
3. Вкусняшка
Мы считаем, что страницы контактов должны быть дружественными. В конце концов, вы поощряете пользователей связываться с вами, так зачем делать это пугающим сценарием?
Yummygum имеет одну из лучших страниц «свяжитесь с нами» для дружелюбия — ознакомьтесь с многочисленными вариантами, которые есть у посетителей, когда дело доходит до контактных форм.
Дизайн разделенной страницы позволяет людям найти компанию на карте с одной стороны и выбрать причину, чтобы связаться с ней с другой.
Посетители могут выбрать один из четырех вариантов, каждый из которых ведет к отдельной форме. Вы можете запланировать звонок, отправить бриф или просто заполнить поля формы вопросом или двумя.
Каждый шаг процесса на этих контактных страницах отмечен четкими кнопками призыва к действию, чтобы пользователи не заблудились в пути.
Кроме того, в верхней части страницы есть CTA для связи с компанией. Он даже обведен кружком, в отличие от остальной части навигационной панели.
Если ваша страница «Свяжитесь с нами» является жизненно важной частью вашего бизнеса, сделайте так, чтобы посетители могли легко связаться с вами.
4. Городское влияние
Раздельный дизайн страницы контактов — довольно популярный выбор. Если вам не нравится сайт, полный трюков и украшений, это отличный способ стильно донести информацию.
Взгляните на брендинговое агентство Urban Influence. Их страница «свяжитесь с нами» проста, но полностью доступна.
На одной стороне вы найдете важные сведения: адрес, адрес электронной почты и номера телефонов.
Другая сторона посвящена форме, а внизу есть карта местоположения.
Благодаря неформальному тону голоса, который посетители могут найти повсюду на веб-сайте, вы без колебаний заполните их контактную форму.
И какая это серьезная контактная форма. Вам просто нужно заполнить свою личную контактную информацию, сказать им «как дела?» и подтвердите, что вы не робот. Легкий.
5. Второй номер Huit Huit
Это агентство полностью изменило скромную контактную форму на своей странице «Свяжитесь с нами».
Мы все видели множество контактных форм — обычно это просто часть страницы, разделенная на различные поля формы. Но не здесь.
На первый взгляд, это, вероятно, одна из самых скучных страниц «свяжитесь с нами», которые вы когда-либо видели.
Он содержит только адрес, номер телефона и ссылки на страницы бренда в социальных сетях. Но затем вы прокручиваете вниз.
Внизу страницы посетители видят яркий раздел с изменяющимся цветом, который содержит один-единственный призыв к действию: поздороваться.
Если у вас возникнет желание нажать, этот призыв к действию перенесет вас на другую страницу, где вы сможете написать свой запрос.
Вам будет дана милая вступительная фраза, которую вы можете удалить, если у вас действительно нет сердца, а остальное зависит от вас.
Это удобный элемент веб-дизайна, который побудит посетителей мгновенно превратиться в клиентов.
6. Харлей Джонстон
Важно убедиться, что каждая страница вашего веб-сайта непротиворечива. На веб-сайте студии графического дизайна Harley Johnson везде царит дружелюбный тон.
От большого «привет» на целевой странице до такого же большого «скажи привет» на странице «свяжитесь с нами» посетителям трудно не чувствовать себя здесь желанным гостем.
Ярко-красная страница контактов очень проста, если не считать большого приветствия.
Пользователи могут нажать, чтобы использовать контактный адрес электронной почты, отправить сообщение компании через социальные сети или найти адрес компании.
Вот и все.
Это идеальная страница «Свяжитесь с нами» для веб-сайта компании с простыми, эффектными страницами и ярким фирменным стилем.
7. Чарльз
На многих лучших страницах «свяжитесь с нами» удается плавно интегрировать один или два призыва к действию в письменный текст. Нужны примеры? Вот один.
Цифровое агентство The Charles приветствует пользователей на странице «Контакты» с вопросом.
Если вы хотите сотрудничать с компанией, вы будете отправлены на контактную форму. Соискатели будут перенаправлены на веб-сайт по трудоустройству.
Если вы просто хотите поздороваться, видимой контактной информации нет. Итак, вы пролистываете.
Используя упрощенную версию дизайна веб-сайта бренда, остальная часть страницы «Свяжитесь с нами» состоит из нескольких ярких фотографий ретро-телефонов, а также самой важной информации.
В зависимости от местоположения, с которым пользователи должны связаться, для каждого местоположения есть адрес, адрес электронной почты и номера телефонов.
С контактной формой, расположенной вдали от главной страницы «Свяжитесь с нами», макет здесь гладкий и утонченный, как и сам бренд.
8. Знакомство с брендом
Креативные агентства — не единственные компании, у которых есть потрясающие примеры страниц «свяжитесь с нами». У нас есть еще много, чем поделиться, но давайте взглянем на еще одну консультацию по бренду.
Как только посетители переходят на целевую страницу веб-сайта Brand Affair, первое, что они видят, — это большой розовый фламинго. Страница «Свяжитесь с нами» не так уж отличается.
Как только пользователи нажимают кнопку «Контакты» вверху страницы, страница делится по горизонтали — фламинго вверху, контактная информация внизу.
Есть обычные подозреваемые: карта, номер телефона, адрес электронной почты. Но справа находится короткая простая контактная форма.
Чтобы связаться с пользователем, просто заполните пустые поля в этом сжатом сообщении, затем нажмите «отправить» и дождитесь ответа.
9. Базовый лагерь
Существует простая формула идеальной страницы «Свяжитесь с нами». Ему просто нужны контактные данные с большой дозой дружелюбия — вы уже знаете, на чем мы стоим.
Дружественные страницы «Свяжитесь с нами» демонстрируют приверженность вашего бренда поддержке клиентов. Если вы не милы на странице контактов, вы вообще милы?
Может быть, немного драматично, но взгляните на страницу Basecamp «свяжитесь с нами», помеченную как страница «поддержки» на их веб-сайте.
Первое, что видят клиенты, это иллюстрированный состав службы поддержки.
Наведите указатель мыши на любое изображение, и вам сообщат имена всех сотрудников службы поддержки.
Прокрутите вниз, и вы увидите форму «Свяжитесь с нами», которая начинается с раскрывающегося списка категорий, чтобы команда могла легко ответить на ваши вопросы.
Пользователям даже предоставляется возможность загружать файлы, которые могут помочь службе поддержки.
Хотя сама страница проста, это отличный пример дружественного бизнеса.
10. Бамбл
Вот отличная страница «Свяжитесь с нами» для бизнеса с амбициями роста.
Bumble уже является огромным приложением с пользователями по всему миру. Если вы хотите приветствовать запросы прессы и запросы о партнерстве наряду с запросами клиентов, посмотрите.
Отойди в сторону, причудливая графика: посетители веб-сайта Bumble найдут урезанную страницу с симпатичным градиентным баннером и пятью фрагментами информации.
Для поддержки клиентов вы можете посмотреть, был ли уже дан ответ на ваш вопрос в справочном центре, или заполнить форму, чтобы сообщить о любых проблемах.
Другим брендам и средствам массовой информации направляются отдельные формы, а довольные клиенты могут отправлять компании письма со своими историями успеха.
Это удобный способ собрать несколько страниц контактов в одном простом и доступном месте.
11. Вейз
Итак, у вашей компании есть приложение и большие амбиции, но вы хотите, чтобы на странице «Свяжитесь с нами» было что-то интересное?
Waze может дать вам несколько идей.
Хотя это и не лучший пример страницы «Свяжитесь с нами» для интересной графики, он дает совершенно четкие указания для всех типов посетителей веб-сайта.
Разделен на семь категорий, каждый призыв к действию «Свяжитесь с нами» сопровождается симпатичной иллюстрацией бренда.
Если вы хотите связаться по поводу партнерства или лицензирования, на экране появится контактная форма. Вы просто заполняете свои контактные данные и уходите.
Посетителям с большими идеями или предложениями рекомендуется обращаться напрямую к команде Waze по электронной почте.
Иногда не на каждый запрос можно ответить с помощью одной контактной формы. Если это относится к вашему бизнесу, такая страница может быть тем, что вам нужно.
12. Приложение Marvel
Иногда, тем не менее, одна контактная форма — это то, что вам нужно, чтобы оказать влияние на страницу «Свяжитесь с нами».
У этой компании, разрабатывающей дизайнерские приложения, на страницах сайта разбросаны яркие иллюстрации персонажей — на странице «Свяжитесь с нами» рыжеволосая с карандашом занимает центральное место.
Рядом с ней находится одна очень серьезная контактная форма для всех пользователей. Все, что вам нужно сделать, это ввести свое имя, контактную информацию и краткое сообщение.
Нам, клиентам, приятно, когда компания предлагает более простые способы связаться с ними. Но для тех, кто ищет дополнительную информацию, Marvel также учла их потребности.
Прокрутив вниз страницу «Свяжитесь с нами», вы попадете в три области: отдел продаж, справочный центр и пресс-кит бренда.
Как и другие приложения из нашего списка, это приложение объединило несколько страниц в одно центральное место на своем сайте.
Таким образом, хотя главная страница «Свяжитесь с нами» очень проста по дизайну, она содержит информацию для любопытных клиентов.
13. Инстабаза
Для компании, которая специализируется на оптимизации процессов, Instabase остается на связи со своей страницей «Свяжитесь с нами».
Как и остальная часть веб-сайта, эта страница имеет приглушенную цветовую палитру без излишеств.
Там нет изображений и, конечно же, нет адаптивного дизайна.
Но это как бы и не беда — тон копии доброжелательный, а запрос в компанию отправить достаточно просто.
Все, что нужно сделать посетителям веб-сайта, это заполнить контактную форму, указав свое имя, адрес электронной почты и сообщение.
Для фильтрации запросов в раскрывающемся списке пользователям предлагается выбрать, к какой из трех категорий относится их сообщение.
Это идеальная страница «свяжитесь с нами» для компании, в основе которой лежит простота.
14. Алые события
Помните, как в детстве вы заполняли приглашения на вечеринку для всего класса? Страница контактов на веб-сайте этой компании по организации мероприятий может показаться знакомой.
Это контактная форма с изюминкой. Вместо привычного стиля Scarlet Events использует забавный формат заполнения пробелов.
Пользователям предлагается ввести свою информацию на пунктирных линиях, где компания уже разместила примеры того, что нужно сказать.
Если вас нет рядом, чтобы заполнить форму — что, честно говоря, было бы стыдно — вы все равно можете узнать, где находится компания, а также какие каналы социальных сетей она использует.
Основная часть шоу, тем не менее, это контактная форма с приглашением на вечеринку. Это весело, но просто.
15. Мунк PR
Даже если есть только один или два способа связаться с вашей командой, вы все равно можете использовать стилизованную контактную форму.
У этой компании по связям с общественностью нет отдельной контактной страницы. Вместо этого есть раздел внизу главной страницы.
Выложенная как открытка, шикарная черно-красная форма соответствует остальной части веб-сайта по дизайну.
Пользователей просят оставить свое имя, адрес электронной почты и сообщение. Конечно, есть кнопка призыва к действию «отправить», которую нельзя пропустить.
Что еще есть в этой контактной форме? Немного: адрес офиса, адрес электронной почты и карта.
В зависимости от вашего бренда иногда это все, что вам нужно.
16. Долларовый клуб для бритья
Не каждый, кто посещает вашу страницу «Свяжитесь с нами», будет существующим клиентом. Наоборот.
Если кто-то впервые посещает ваш веб-сайт, страница «Свяжитесь с нами» — это одно из первых мест, которое он может посетить. Ведь у них будут вопросы.
Итак, почему бы не включить некоторые из наиболее часто задаваемых вопросов (FAQ) в информацию на странице контактов?
Это может помочь повысить коэффициент конверсии. Посмотрите, как это делает Dollar Shave Club.
Хотя это выглядит не так уж и много, эта настройка страницы «Свяжитесь с нами» — хорошо отлаженный механизм.
Посетители могут выбрать из раскрывающегося списка: хотят ли они узнать о доставке, заказах или товарах? Как только они выбирают, сайт переводит их в другое раскрывающееся меню.
В зависимости от запроса страница либо найдет соответствующий FAQ, либо направит посетителя на страницы продуктов.
И если они все еще не удовлетворены, то они могут нажать «связаться с нами» и связаться с компанией.
17. Кока-Кола
Конечно, это один из крупнейших мировых брендов, но ваш бизнес может кое-чему научиться на странице Coca Cola «свяжитесь с нами».
Как и следовало ожидать от розничного бизнеса, основное внимание здесь уделяется обслуживанию клиентов.
Наиболее заметной частью страницы является чат-бот. Посетители могут легко ввести любой вопрос, на который они хотели бы знать ответ, и виртуальный помощник ответит.
Это отличный способ отфильтровать запросы, которые являются быстрыми, странными или не стоят усилий по заполнению контактной формы.
Однако, как и во всех хороших брендах, здесь также есть ссылка на более подробную контактную форму Coca Cola.
18. Культовая красота
Компания Cult Beauty, сильно отличающаяся от вышеупомянутого дизайнерского агентства с таким же названием, является крупным игроком в косметической индустрии.
Что нам нравится на этой странице «Свяжитесь с нами», так это простой, но эффективный способ разделения запросов.
Пользователи могут связаться с Cult Beauty только через контактную форму в центре страницы, но им предоставлены варианты.
Две кнопки позволяют людям выбирать, ищут ли они советы по красоте или более общую информацию по обслуживанию клиентов.
В раскрывающемся списке предлагаются темы, что позволяет пользователям сузить круг запросов и помочь службе поддержки.
Для компаний, стремящихся к более простому подходу к услугам, создайте страницу контактов и вместо этого внедрите подробную форму.
19. Крутая машина
Если вы настраиваете магазин электронной коммерции, на сайте Cool Machine есть одна из лучших страниц «свяжитесь с нами», которую можно воспроизвести.
Эта короткая и приятная страница контактов дает посетителям несколько простых возможностей связаться с вами.
Наряду с адресом электронной почты и небольшой формой для запросов на странице компания делится ссылками на социальные сети.
Несмотря на то, что есть более прямые способы связаться с брендом, лучше показать другие каналы. В первую очередь подумайте, почему пользователи могут делать запросы.
Если они хотят узнать больше о ваших продуктах или услугах или, возможно, они хотят узнать, где вы находитесь, у социальных сетей могут быть ответы.
Это помогает предоставить потенциальным покупателям истинное многоканальное взаимодействие с вашим магазином, а также отсеивать запросы, на которые в противном случае вам пришлось бы тратить время, чтобы ответить.
20. Гамаки из желтых листьев
На веб-сайте этой компании есть что полюбить. У него отличные визуальные эффекты, понятный текст и захватывающая история.
Так что вполне логично, что страница «свяжитесь с нами» столь же приветлива.
Все начинается с введения. Конечно, вы можете просто предоставить контактную форму и адрес офиса, но эти ребята делают все возможное с обслуживанием клиентов.
Посетителям рассказывают о «Консьерже-гамаке» — службе поддержки магазина.
Есть четыре варианта для любознательных людей, посещающих эту страницу «Свяжитесь с нами». Во-первых, они могли проверить часто задаваемые вопросы.
Далее идет контактная форма: она не навороченная, но работает. Кроме того, посетители могут начать чат в реальном времени или отправить электронное письмо в Yellow Leaf Hammocks.
Хотя этой странице контактов не хватает ярких цветов или гладкой графики, это компенсируется по-настоящему доступным тоном голоса.
21. Бан.до
Оказывается, довольно сложно выбрать лучшую страницу «Свяжитесь с нами» с точки зрения удобства — множество сайтов электронной коммерции справляются с этим.
Посетите Ban.do, чтобы увидеть пример действительно чистой, очень красивой контактной страницы, к которой должны стремиться все магазины.
Все, из чего на самом деле состоит эта страница, — это контактная форма, номер телефона и ссылки на социальные сети.
Но первое, что видят клиенты, попадая на страницу «Свяжитесь с нами», — милое изображение пяти старинных телефонов в сочетании с анимацией звонка.
Завершите это веселым приветствием и несколькими добрыми словами, и вы получите отличный пример лучших практик страницы контактов.
22. Леон
Не только интернет-магазины переполнены добротой на своих страницах «Контакты», но и гастрономические магазины.
Британская сеть ресторанов быстрого питания Leon добилась глобального успеха. Вместо того, чтобы применять универсальный подход к своей странице контактов, они диверсифицировали.
В зависимости от того, в какой точке мира находятся посетители, у них может быть разный опыт.
Например, в США страница контактов находится в верхней части главной страницы.
Существует четкий набор инструкций: посетители могут оставлять отзывы, начинать чат или отправлять свои запросы по почте.
Контактная формаЛеона — это шикарный многоэтапный процесс, в котором пользователям не нужно много думать.
Они могут ставить галочки и выбирать из раскрывающихся списков, облегчая себе путешествие и фильтруя контент отзывов для команды Леона.
Не все так плохо. Посетителям рекомендуется обращаться в компанию с положительными историями. Ведь доброта — это главное.
23. Время пончиков
Мы любим контактную форму, но нет ничего плохого в старом добром электронном письме.
Возможно, у вас небольшая команда или более упрощенное присутствие в сети. Ваша страница «Свяжитесь с нами» все еще может быть милой.
Не запутайтесь – у Donut Time есть лучший веб-сайт в своей родной стране Австралии. Аутлет в Великобритании? Это немного более прохладно.
Посетители могут отправлять электронные письма для получения информации о заказах, вакансиях, пресс-релизах или просто для того, чтобы поздороваться и поговорить о глазури.
Что делает эту контактную страницу привлекательной, так это добавление забавной фотографии, а также большую ссылку для подписки внизу страницы на информационные бюллетени и рекламные акции бренда.
24. Лунный Круассантери
Поручим кондитерским предприятиям Австралии: они точно знают, как сделать хороший сайт.
У этой компании по производству круассанов смехотворно шикарное присутствие в Интернете. От вступительной флэш-страницы до изображений аппетитной выпечки в высоком разрешении вы знаете, что хорошо проводите время.
И страница «свяжитесь с нами» вас не разочарует.
Белый текст на чернильно-черном фоне создает драматическую сцену. Сам контент урезан, и, как и на любой отличной странице контактов, у этой есть форма.
Даже если ваш фирменный стиль элегантен и минималистичен, вы всегда должны давать клиентам возможность связаться с вами.
Lune отлично справляется с тем, чтобы поддерживать его согласованность на своей странице контактов, при этом позволяя посетителям обращаться с персонализированным сообщением.
25. Венди
Если все эти разговоры о сладостях еще не проголодались, давайте завершим наш список одним из крупнейших американских ресторанов быстрого питания.
Любимая сеть бургеров Wendy’s получила обслуживание клиентов в сумке.
Тон голоса бренда в Твиттере — это то, к чему стремятся многие компании, в то время как на веб-сайте в центре внимания находятся клиенты.
В верхней части страницы контактов посетителям предлагается пройти опрос.
Если они просто хотят с кем-то поговорить, Wendy’s предлагает номер телефона для звонков и текстовых сообщений.
Но если пользователю не подходит ни один из этих вариантов, всегда есть форма. Страница «Свяжитесь с нами» не обязательна, но скромная форма может быть вашим самым надежным вариантом.
Как создать контактную форму с помощью CSS
❮ Предыдущая Далее ❯
Узнайте, как создать контактную форму с помощью CSS.
Имя Фамилия Страна АвстралияКанадаСШАТема Отправить
Попробуйте сами »
Шаг 1) Добавьте HTML
Используйте элемент