Приятно связаться: 15 примеров страниц «Контакты»

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

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

Как сделать из страницы 404 что-то полезное и интересное: 20 примеров

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

• Поле ввода имени для обратной связи.
• Ссылка на бриф.
• Контакты для связи + электронный адрес для соискателей.

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

Nisa Mayer: Let’s Travel Somewhere

• Оформление страницы в виде открытки с текстом:

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

• Можно найти Нису во многих соцсетях.

• Возможность связаться с сотрудниками компании (у каждого свой корпоративный e-mail).
• Интерактивная карта.
• Форма обратной связи.

Seth Godin

• Страница оформлена в виде открытки с текстом:

КОНТАКТ

Сет не занимается коучингом, инвестициями или консалтингом, но он читает свою почту.

Вы можете связаться с ним по адресу: [email protected]*

*Увы, из-за такого количества электронных писем он не обещает, что даст ответ.

• Контактные данные расписаны по направлениям деятельности банка.

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

• Лаконичное оформление страницы.
• Информация о том, откуда можно скачать музыку Дельфина.
• Список официальных страниц певца в социальных сетях.

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

• Биографические данные в оформлении страницы.
• Множество каналов связи с Ильей (соцсети + мессенджеры).

• Три способа связи с фирмой.
• Дополнительные контакты – если нажать на «плюсик» появятся контактные данные по трудоустройству, для прессы и для бизнеса:

• Разные электронные адреса для разных вопросов.
• Форма обратной связи.
• Ленты социальных сетей Twitter и Instagram в теле страницы.

Можно посмотреть адреса магазинов и пунктов выдачи списком:

Или увидеть все на интерактивной карте:

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

• Интерактивная карта.
• Разные способы связи.
• Реквизиты компании.

Также на странице есть отсканированная выписка из реестра аккредитованных организаций.

Страница «Контакты» – начало общения компании с клиентами

Так его начинать не стоит:

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

75 примера выигрышных страниц «Контакты» для вашего бизнеса – GeniusMarketing

Как выглядит ваша страница «Контакты»?

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

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

Какие контакты размещать на сайте?

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

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

Итак, какую информацию следует размещать на странице «Контакты»:

• адрес компании и ее представительств;
• рабочие часы и выходные дни;
• расположение на Google Maps или Яндекс.Карты;
• схему проезда: автомобилем и общественным транспортом;
• информацию о парковке;
• телефоны: городские, мобильные;
• электронный адрес;
• фотографии офиса, здания, сотрудников;
• ссылки на страницы в соцсетях;
• логины в мессенджерах: Skype, Telegram, WhatsApp;
• контакты и имена руководителей и сотрудников.

Думаете, как это все правильно упорядочить? Поскольку одна картинка стоит 1.000 слов, я подобрал 73 примера. Изучайте их и внедряйте в свой бизнес:

Примеры страниц: контакты компании

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

В этом блоке я покажу, как можно разместить контактные данные, если у вас 2, 10 или даже 100 офисов в пределах одной страны или по всему миру. Итак, что вы можете добавить на сайт:

Адрес компании и карту

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

PresentStar

2. Укажите также рабочие часы и график в выходные или праздничные дни. Вы ведь не хотите, чтобы клиенты пришли, когда вас не будет на месте?

Visit Universidade de Coimbra

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

Abet Laminati

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

Рефиниш Автолак

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

Тяжмаш

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

ПриватБанк

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

Почта Банк

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

CP + B

9. Дайте волю фантазии. Например, добавьте фото каждого города, в котором у вас есть представительство, в виде галереи из плиток. При нажатии на изображение посетитель увидит всю необходимую информацию: адрес, телефон, email.

Sciener

10. Или установите переключатель между филиалами. А на задний фон добавьте черно-белое атмосферное фото выбранного города. Чтобы посетитель не заблудился в пути, укажите ссылку на Google Maps с вашими координатами.

Siutkin

Номер телефона офиса и ключевых сотрудников

11. Если вы хотите, чтобы вам звонили (а уже потом писали, или приезжали в офис) просто добавьте на первый экран призыв и номер телефона:

RD Construction

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

Rouge Society

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

Tool

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

Gurman Family

15. Активные глаголы можно использовать не только в статьях и на лендингах. Страница «Контакты» заиграет по-новому, если рядом с emailом, телефоном и адресом вы добавите слова «Пишите», «Звоните», «Приезжайте».

Prostor Capital

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

Studio 81/69

Юридический адрес компании

17. Зачем? — скорее этот вопрос вы себе задали, когда прочитали название подпункта. Но юрадрес вместе с другими данными (ОКПО, например) повышает к вам доверие. А еще если вы вместе с ним разместите банковские реквизиты, покупателям будет проще перечислить деньги. И да, этот пункт более актуален для сферы B2B.

РБК

P.S. Нужно больше информации о вашем покупателе? Читайте, как понять клиента: 5 способов детально изучить вашу целевую аудиторию.

Примеры страниц: фотографии офиса и сотрудников

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

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

18. Дополните фотографиями здания расположение на Яндекс.Карты или Google Maps. Теперь вас точно найдут.

Substrakt

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

Engage Interactive

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

Batnorton

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

Все пучком

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

Digital base

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

Molamil

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

Mood Board

25. Готовы раскрыть свою личность перед клиентами? Если вы немного стесняетесь, спрячьтесь за табличкой с контактными данными. Необычный и яркий вариант использования фотографий на странице «Контакты».

Mark Jaworski Studios

26. Или добавьте нарисованных сотрудников — это тоже хороший способ представиться потенциальным клиентам.

Melonfee

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

n.design studio

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

Everywhere.is

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

Built by Buffalo

Примеры страниц: контакты для связи и форма

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

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

Переходим к примерам:

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

Brown’s Court

31. Добавьте объяснение, зачем посетителям оставлять сообщение. Например: «Мы ответим на любые ваши вопросы, исходя из нашего опыта. Хотите попробовать что-то новое? Пишите нам — мы вместе найдем ответы  и способы реализации вашего проекта».

Combadi

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

Sweet Basivail

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

Fhoke

34. Ловите креативный подход при добавлении формы обратной связи: птицы, которые держат веревку с двух сторон. Обратили внимание на единство стиля? На картинке вверху те же птички.

Vismaad

35. «Чем мы можем быть полезны? Давайте создавать красивые вещи вместе» Хороший призыв для страницы контактов. Идеально сочетается с формой обратной связи.

Chilli

36. Если вы заинтересованы в привлечении как клиентов, так и работников, проясните это на первом экране страницы «Контакты». Задайте вопрос: что вы хотите сделать? Ниже разместите две кнопки с вариантами ответов «Работать с нами» или «Нанять нас». При переходе по каждой из ссылок разместите свою форму обратной связи.

Infinum

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

WhiteFrontier

38. Текст с призывом «Станьте частью Sound of Change» и форма обратной связи, на которой незаполненные поля выделяются красным. Просто и функционально. Главное, не забудьте добавить ссылки на соцсети для тех, кто захочет пообщаться с вами лично.

Sound of Change

39. Пример лаконичной и функциональной страницы контактов. Имя, перечень услуг, email, телефон и форма обратной связи. Главная изюминка — рисунок слева, который также выступает в качестве примера работы.

Lera Mishurova

Примеры страниц: адрес офиса и приглашение в гости

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

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

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

Genius Marketing

41. Еще один пример страницы «Контакты», где главная цель — помочь клиентам. Отсюда и вопрос, который подводит к заполнению формы.

Grain & Mortar

42. «Позвоните нам. Извините, если мы не ответим. Иногда мы уходим полностью в то, чем хотим с вами поделиться. Но мы перезвоним очень скоро. А пока просмотрите записи в соцсетях, чтобы понять, чем мы занимаемся.» Такой фразой встречает вас страница контактов на сайте Welikesmall. Согласитесь, ярко и оригинально.

Welikesmall

43. Еще один пример креативного призыва. Вместо стандартного «Свяжитесь с нами» — «Поделитесь с нами вашими мыслями».

Hommard

44. Распишите подробнее, чем именно посетителям стоит с вами поделиться и зачем им это делать. Например: «Расскажите о своей блестящей идее для страт-апа — и мы поможем воплотить ее в жизнь». И предложите несколько вариантов для связи: написать или позвонить.

Si Digital

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

Тинькофф

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

Codequest

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

Studio AIRPORT

48. Добавьте перечень основных услуг на страницу «Контакты» — напомните будущим клиентам, что вы можете им предложить.

Always Awake

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

Hello Monday

50. Еще один интересный пример призыва: «Следите за нашими приготовлениями на Facebook, последними трендами — в Twitter, яркими событиями — в Linkedin». Адаптируйте под свой бизнес и применяйте его на странице «Контакты».

Online department

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

Tune

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

Branded7

53. Что еще можно добавить на страницу с контактами? Как насчет своего хэштега, по которому клиенты смогут найти много интересной информации о вас?

Пуговица

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

Owltastic

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

Феерия

56. Пишите текст на странице «Контакты» не для поисковиков, дяди Вити или всех посетителей. Главный критерий: призыв понятен вашим клиентам и вызывает нужные ассоциации. Например, вы знаете, кто такой Бенкси? Человеку, далекому от мира искусства, это имя, скорее всего, ничего не скажет. А люди «в теме» сразу поймут, что речь идет об английском художнике стрит-арта, чья личность неизвестна. И в этом контексте следующее предложение обретает свой смысл.

Home is art

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

Желтый Кролик

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

playkot.com

Примеры креативных страниц «Контакты»

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

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

Edita’s Casting

60. Любите минимализм? Он смотрится необычно и выгрышно. Как и страница, которая «выезжает» сверху:

Minimal Monkey

61. Другой вариант — вкладка «Контакты». Просто и незатейливо, как и все гениальное.

Spokes

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

Let’s travel somewhere

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

Truf Creative

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

Madwell

65. Или сделайте более сложную анимацию. Согласитесь, можно часами рассматривать все «живые» картинки на этой странице с контактами.

Jacquico

66. А иногда достаточно просто правильно выбрать шрифты, и ваша страница заиграет новыми красками.

Yin + young

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

Root Studio

68. Немного яркости и креатива? Легко. Просто разместите оригинальное фото.

Klavy

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

Hula Bula Bar

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

Deda

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

QuickSprout

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

Отмазка — запаска

73. Еще одна простая на первый взгляд страница контактов — всего 3 строки. В чем ее особенность? Это главная страница сайта. Давайте познакомимся, а потом перейдем к делу — хорошее начало.

mediocore

74. Страница контактов не должна быть сухой и официальной. Добавьте немного юмора — ваши будущие клиенты это оценят.

Штирлиц Бэнд

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

Jo Weaver

Финиш…

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

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

Вы ответили на все вопросы «Да»? Поздравляю, ваша страница готова!

Понравилась подборка? Ставьте лайк, если хотите видеть такие материалы чаще.

В ваш онлайн-магазин приходит много посетителей, но заказов мало? В чем причина низкой конверсии? Может, вы просите слишком много информации. Или посетители долго ищут кнопку «Купить». Вы можете долго гадать о причинах… Остановитесь! Читайте нашу статью и узнайте, как улучшить конверсию интернет-магазина.

обязательные и дополнительные элементы, примеры, влияние на SEO

Грамотное оформление страницы «Контакты» на сайте влияет не только на поведение пользователей. Наличие некоторых элементов и данных учитывается поисковыми системами и положительно влияет на продвижение сайта в топ-10.

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

Как оформить страницу «Контакты» на сайте: обязательные и дополнительные данные

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

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

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

Теперь разберемся с тем, как заполнить контакты.

Обязательные элементы

По умолчанию к обязательным полям относятся следующие:

• номер телефона;
• электронная почта;
• фактический и юридический адрес;
• график работы.

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

Вот не самый удачный пример страницы «Контакты» регионального строительного магазина:

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

Дополнительные элементы

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

Местоположение

• Карта от Яндекса или Гугла. Предпочтительно использовать их, но часто они увеличивают скорость загрузки страницы. Многое зависит от CMS сайта, и вопрос нужно решать вместе с разработчиком. Если для вас это слишком долго и затратно, можно нарисовать схему в графическом редакторе. Пригодится и QR-код с информацией об адресе компании.
• Фотография входов в офис/здание. Особенно, если он расположен далеко от центра города или люди часто не могут его сразу найти.
• Возможность выбора ближайшего пункта обслуживания на карте в зависимости от местоположения пользователя.
• Кнопка «Печать» используется реже, чем раньше, но все равно удобна для многих.

Информация о компании

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

Неудачный пример оформления у магазина, занимающегося продажей сигар и алкогольной продукции:

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

Альтернативные варианты связи и полный список адресов

• Добавьте популярные мессенджеры, как, например, в интернет-магазине Wildberries:
• Ссылки на группы в соцсетях и другие сайты проектов компании
  – улучшат репутацию, повысят доверие, подробнее познакомят потенциальных покупателей с деятельностью фирмы. Некоторые пользователи выбирают соцсети в качестве предпочтительного способа связи.
• Форма обратной связи — удобна для покупателей и пригодится при отслеживании целей в Яндекс Метрике или Google Analytics. Используйте минимальный набор необходимых полей (зачастую пользователю лень заполнять информацию о себе). Для обращения в техподдержку желательно настроить авторизацию через соцсети. Регистрация на сайте всего лишь для того, чтобы задать вопрос или получить консультацию о продукте, у многих пользователей вызывает раздражение.
• Помимо мобильного, наличие регионального телефона, а еще лучше – 8 800. Влияние многоканального номера замечено несколько лет назад и до сих считается весомым фактором ранжирования. Особенно если ресурс продвигается по нескольких регионам или странам.
• Функция обратного звонка.
• Компании, у которых указаны филиалы и представительства в других городах, также получают преимущество при ранжировании. Вот как это выглядит на сайте РБК:

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

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

Юзабилити

• Почта на своем домене — повышает доверие и добавляет солидности. Поисковики также учитывают этот фактор.
• Разные варианты связи с разными филиалами (отделами) — для каждого подразделения свои контакты. Также имеет смысл оставить данные руководителей отделов и их имена. Удачный пример на сайте банка «Тинькофф». Кроме того, у них можно сразу скачать бланки для заполнения документов, что несомненно очень удобно и практично:
• Видеотрансляция из офиса (кухни, студии) — помогает наладить доверительные отношения с аудиторией и увеличить время нахождения на сайте, вследствие чего улучшаются поведенческие факторы. Безусловно, подходит это не всем направлениям, но если речь идет о салоне красоты или пиццерии – почему бы и нет?
• Используйте качественные картинки для сайта, уникальную графику. Нечеткие, размытые изображения, которые распадаются на пиксели, выглядят неаккуратно.
• Фотографии офиса и сотрудников. Можно добавить на страницу «О компании», но если вы разместили контактные данные сотрудников сюда, то фото помогут дополнить информацию.
• Удобная разметка контактных данных – если их слишком много, удобно нарисовать таблицу или разбить на блоки, как это сделано на сайте «Гурман»:

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

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

• привлечение оптовых покупателей;
• постпродажное обслуживание;
• повышение доверия и улучшение репутации.

Для SEO грамотное оформление решает следующие задачи:

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

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

Страницы «Контакты»: вдохновляющие примеры

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

editos kastingas 

brown scourt 

grain and mortar 

bkwld 

Welikesmall

visit 

combadi.com 

fior di latte gelato 

sweet basilvail 

minimal monkey  

hommard  

lets travel some where 

denise chandler 

built bybuffalo 

truf creative 

substrakt  

solasie 

fhoke  

ghost games 

si digital 

engage interactive  

 today the 12 

love the stuff 

madwellnyc.com 

zipper 

jacquico.com 

 

Автор подборки — Дежурка

 

Смотрите также:

 

что на ней должно быть · Блог PromoPult

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

Как связаться?

• Номер телефона. Укажите все контактные номера с кодом города, названием отдела и, по возможности, именем и должностью человека, который ответит на звонок. Позаботьтесь и о мобильных пользователях — настройте функцию звонка со смартфона в один клик. Она прописывается в HTML-коде специальным протоколом TEL и делает активным указанный в контенте номер телефона.
  Например, <a href=»tel:+74951234567″>7(495)123-45-67</a>.
• Обратный звонок. Установите на сайте виджет обратного звонка. Всего одна кнопка — и вы не потеряете клиента, если он по какой-либо причине не может сам позвонить в компанию.
• Форма обратной связи. Для многих пользователей удобнее оформить обращение в письменном виде. Для компании это тоже может быть бонусом — разгружает поток звонков на телефон. Если причин обращений может быть несколько, стоит выделить их отдельными ссылками.

Важный момент: не заставляйте пользователя заполнять целую анкету! Форма должна быть краткой: имя, e-mail и/или телефон, поле для изложения проблемы. Подробнее о том, какой может быть форма обратной связи, читайте в нашей статье «Повышение конверсии с веб-форм на сайте».

• Альтернативные способы. Не забудьте написать про возможность связаться с вами через WhatsApp, Telegram, Skype и т.д. Для многих это решающий фактор.
• Соцсети. Выделим их отдельно. По сути, это те же альтернативные способы связи, но сообщества помогают больше рассказать о компании. Если у вас есть группы во ВКонтакте, Facebook, Одноклассниках и т.д., дайте на них ссылки.
• E-mail. Укажите электронный адрес на домене сайта, к кому обращаться и по какому вопросу, а также что писать в теме письма для ускорения обработки обращения.
• Время работы и срок обработки заявок с форм. Информируйте о графике работы компании, а также о времени приема и обработки обращений с сайта. Посетители не должны делать лишних движений — звонков, обращений в чат, поездок в офис и т. д. Каждый дополнительный шаг снижает лояльность и отдаляет от покупки.

Как найти?

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

• Адрес. Страна, город, улица, дом, а также индекс, этаж, номер офиса и контактное лицо.
• Карта. Разместите интерактивную карту, созданную с помощью API Яндекс.Карт или Google.Maps, отметьте ваш адрес, чтобы пользователь мог подробнее рассмотреть местонахождение и проложить маршрут.
• Фото. Разместите фото здания, входа, двери вашего офиса или магазина. Если есть какие-то промежуточные этапы (переходы, отдельные лифты), покажите их тоже.
• Важные мелочи. Напишите, есть ли парковка рядом с вами (бесплатная/платная), нужно ли брать какой-то документ, чтобы попасть через пропускной пункт и прочее.
• Снова время. Если для посещений у вас выделены отдельные часы — упомяните об этом.
• Взять с собой. Разместите кнопку «Распечатать» и сделайте удобную версию для печати адреса и схемы проезда.

Много офисов?

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

Оптимизация страницы

Также предстоит выполнить немного рутины, которая важна для SEO: оптимизация страницы с целью правильного сканирования и индексирования ее поисковыми роботами.

• У страницы контактов должен быть релевантный URL, идеальным вариантом будет …/contacts
• Нужно задать корректный заголовок страницы Title, метатег Description и заголовок Н1. Например:
  Title: Контакты Оконной компании в Москве;
  Description: Контакты — Оконная компания;
  Н1: Контакты.
• Сделайте отображение хлебной крошки вида: «Главная > Контакты».
• Зарегистрируйте компанию в Яндексе и Google справочниках, чтобы получить расширенный сниппет в поисковой выдаче.
• Контакты должны быть оформлены в отдельный раздел на сайте — не стоит объединять их со страницей «О компании».
• Предусмотрите переход на страницу контактов в один клик с любой страницы сайта (выделите в отдельный пункт общего меню в шапке сайта).

Используйте триггеры

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

Каждому — свое

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

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

Как оформить страницу «Контакты» сайта

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

В этой статье мы расскажем о том, как заполнить страницу «Контакты» должным образом.

Расположение

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

Что должно быть на странице?

Необходимо указать все имеющиеся способы связаться с вами.

• Телефонные номера. Необходимо указывать не только основной номер телефона. Важно указать номера всех подразделений (телефон отдела продаж, отдела сервисного обслуживания и так далее). Если у вас несколько филиалов в различных городах, то необходимо указать и их телефоны. Если есть номер для бесплатного звонка по России (вида 8-800-…), то необходимо указать его.
• Электронная почта. По аналогии с телефонами — почтовые адреса подразделений, филиалов. Отдельные почтовые ящики для информации, рекламы, резюме и так далее. В качестве примера — оформление страницы контактов банка «Тинькофф».
• Прочие способы связи — Skype, социальные сети, мессенджеры.
• Если у вашей компании есть офис, необходимо указать его адрес. Если представительств несколько — адрес каждого из них.
• Карта и подробная информация о том, как до вас добраться.
  

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

• Режим работы.
• Юридические и банковские реквизиты. Юридическое наименование организации, ОГРН, ИНН, КПП, юридический и почтовый адреса, расчетный счет, корреспондентский счет, БИК, ФИО генерального директора, главного бухгалтера и так далее.

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

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

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

Микроразметка страницы «Контакты».

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

Пример микроразметки контактов в формате Microdata

<div itemscope itemtype=»»>http://schema.org/PostalAddress&quot;&gt;

<span itemprop=»addressLocality»>Город</span>

<span itemprop=»streetAddress»>Адрес организации</span>

</div>

<span itemprop=»telephone»>Контактный номер телефона</span>,

<span itemprop=»email»>Адрес электронной почты</span>

</div>

Блог IconDesignLAB.com | 10 примеров, как оформить страницу Contact us, которые вам захочется повторить

Что вы привыкли видеть на странице контактов?
Телефоны, email, адреса, скайп, информацию о представительствах, фотографии отделений, график работы, карту проезда, форму обращения… Вы считаете этого достаточно? Загляните в свою аналитику и посмотрите, сколько человек каждый месяц покидает страницу контактов, так и не связавшись с вами.
Надеемся, эти 10 примеров заставят вас изменить свое традиционное представление о странице контактов и удержать пользователя на ней.
Страница контактов — это решающая ступень, которую пользователь должен пройти, перед тем, как связаться с вами. Поэтому от ее оформления, удобства и дизайна зависит дальнейшая судьба лидов, приближающихся к узкому горлышку воронки продаж. Найдут ли они на этой странице последний убийственный триггер, который заставит их взять в руки телефон? Как помочь им связаться с вами? В этой статье мы собрали 10 ярких способов оформления эффективной страницы Contact us.

1. Виртуальный консультант от Microsoft

Так выглядит страница контактов Microsoft.

А вот так выглядит общение с консультантом.

Для большой компании виртуальный консультант — отличный вариант, т.к. вопрос «С кем мне связаться?» может быть проблемой. Если у вас много точек контактов, это хорошая возможность перенаправить пользователя на нужного живого человека.
В самом дизайне страницы нет каких-либо лишних компонентов, которые бы его перегружали. Есть только возможность выбора нужного отдела службы поддержки и даже раздел с удобными средствами связи для людей с ограниченными возможностями.
“Конечно, это ж Microsoft! Могут себе позволить!”, — скажете вы.
Но интерактивное общение с пользователем — это уже не прихоть, а тренд, т.к. оно позволяет максимально индивидуально подойти к решению проблемы клиента. Смотрите следующие примеры.

2. Интерактивность и дружелюбность от Deux Huit Huit

Чем примечательна эта страница контактов?

На ней лаконично подана вся необходимая информация. Чистый минималистичный дизайн. Но главное отличие — это тон, который располагает к дружескому общению. Фраза “Let’s be friends” предлагает вам дружить в соцсетях. А в нижнем углу экрана мелькают фото из повседневной жизни команды: от лучшего работника месяца до любимых офисных блюд и даже кота. Но главная особенность в интерактивной форме, которую и формой-то тяжело назвать. Больше напоминает общение в соцсетях.

Курсор сам начинает писать от вас письмо, заполняя первую строку фразой “Dear Deux Huit Huit,”. И вы уже сами не замечаете, как написали и отправили сообщение.

Слово-за-слово, вот вам и первая продажа.

3. Инфографика на странице контактов от Quicksprout

Эта страница контактов понравится тем, чей ящик заваливают письмами.

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

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

4. Триггеры доверия от Unbounce

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

Фото офиса и лица “самых дружелюбных людей” из разных отделов поддержки — вот чем располагает к себе эта страница.

5. Обращение от президента Convince & Convert

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

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

6. Юмор и неординарный подход от Ueno

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

Ярко и минималистично выглядит первый экран, форма открывается при нажатии на вкладку.

Блок со списком офисов далее, реальные фото которых открываются при клике.

А вот и неординарный подход.

“Hello. Is it you we’re looking for? We can see it in your eyes. We can see it in your smile.” — Здравствуйте. Вы это ищите? Мы видим это в ваших глазах и улыбке.

7. Достижения на странице контактов Blue fountain media

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

Если да, то вам не дадут просто так взять и уйти. Скрольте дальше.

Еще 2 зеленые кнопки призыва к действию: “Работайте с нами” или “Подписывайтесь на последние диджитал тренды”.

Листаешь страницу и как-будто слышишь: “Эй, ты что сразу не понял? Повторяю, мы находимся в топах нескольких рейтингов. Куда собрался? У нас смотри, какие статьи есть на блоге! А бесплатную книгу о том, как диджитал агентство выбрать, ты уже скачал?”
С такой страницы просто так не уйдешь.

8. Возможность поиска на странице Accenture

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

Во вкладке «Find a location» есть возможность указать страну или город и получить список ближайших офисов.

А вот и карта, как добраться до офиса в Калифорнии.

9. Знакомство с основателями и раздел FAQ от PracticalVR

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

Но эта страница еще примечательна тем, что знакомит вас с основателями компании, причем очень неординарно.

Вот так подана информация об основателях компании.

Хочется отдельно отметить футуристичный дизайн и использование музыки на странице сайта, которые также действуют, как триггер и подчеркивают главную мысль компании: “Building the mixed reality tools of tomorrow.”

10. Расположение офисов от Doberman

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

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

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

Как создать эффективный дизайн страницы контактов?

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

10 лучших страниц для связи с нами в Интернете (+ как создать свою)

А Вы хотите создать на своем веб-сайте самую лучшую страницу «Свяжитесь с нами»?

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

Идеальная страница контактов поможет вам…

• Получите больше — и ЛУЧШЕ — потенциальных клиентов
• Уменьшите количество спама в своем почтовом ящике
• Сэкономьте время на обмене сообщениями электронной почты
• Сократите количество нерелевантных рекламных предложений

Ищете лучшие примеры страниц для связи с нами для вдохновения?

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

Мы сразу перейдем к этим примерам на странице контактов, но если вы хотите сразу перейти к советам и передовым методам, вы можете использовать это оглавление:

Начнем!

10 лучших страниц для связи с нами в Интернете

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

Итак, давайте взглянем на 10 лучших страниц «Свяжитесь с нами» в Интернете.

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

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

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

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

---

2. млн унций

Страница контактов Moz начинается как элемент подменю на странице «О программе». Но их идея ясна: «Мы будем рады услышать от вас!»

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

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

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

---

3. WPForms

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

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

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

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

---

4. Джилл Эндрюс

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

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

Тогда есть примечание о том, о чем она не хочет слышать, например о гостевых постах и ​​обмене ссылками!

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

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

---

5. Джон Эспириан

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

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

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

---

6.Йети

У

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

Ниже — забавная вступительная фраза, которая также соответствует их бренду: «Хотя мы хорошо разбираемся в дымовых сигналах, есть более простые способы связаться с нами и ответить на ваши вопросы».

Затем они предоставляют 3 варианта связи: телефон, электронную почту или простую контактную форму.

---

7. PayPal

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

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

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

Под смарт-формой есть выбор дополнительных вариантов контакта, включая чат, электронную почту, телефон и форум сообщества:

В любом случае, они охватили все углы.

---

8. Beardbrand

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

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

---

9.Чудо-стекло

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

Быстро последовало сообщение «Но сначала…» .

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

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

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

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

---

10. Brandaffair

Контактная страница Brandaffair совсем другая.Но опять же, это креативное агентство.

Они разработали интерактивную форму для заполнения пустых полей:

Здравствуйте, меня зовут [ваше имя] и мой адрес электронной почты [ваш адрес электронной почты] , и я хотел бы обсудить около [этот проект] .

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

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

Вернуться к началу

Контактная страница Часто задаваемые вопросы

В этом разделе мы ответим на некоторые из наиболее распространенных вопросов о страницах контактов.

Что такое страница контактов?

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

Почему на веб-сайте важна контактная информация?

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

Исследование Komarketing показало, что 64% посетителей хотят видеть контактные данные веб-сайта, когда попадают на новый сайт. Наличие страницы контактов вселяет уверенность в том, что сайтом управляют реальные люди, и с ними можно связаться.

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

Что должно быть на странице контактов?

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

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

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

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

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

Чем меньше у вас полей, тем больше людей заполнят вашу форму.

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

Вот и все!

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

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

Это сэкономит время вам и вашим посетителям.

Где вы должны разместить контактную форму на странице контактов?

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

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

Как мне добавить карту Google на свой сайт?

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

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

Вот пошаговое руководство по отображению карты на странице контактов.

Вернуться к началу

Надеюсь, вы почувствовали вдохновение, просмотрев все эти классные страницы «Свяжитесь с нами»!

Какая ваша любимая страница «Свяжитесь с нами»? Дайте нам знать в комментариях ниже.

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

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

А версия WPForms Pro может помочь вам вывести ваши контактные формы на новый уровень с такими функциями, как:

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

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

Веб-дизайн контактной страницы: рабочие советы и лучшие примеры страниц

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

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

Рабочая страница контактов выгодна любой сфере.

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

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

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

Очень важно знать, как правильно делать страницы этого типа.

Как это должно работать? Давайте взглянем!

Контактная страница должна включать 6 основных компонентов

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

1. Контактная форма

Форма — это самый простой способ общаться с вами через ваш сайт. Большинство веб-сайтов используют формы на своей странице.

Однако есть некоторые формы:

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

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

Совет, как создать лучшую форму:

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

2. Адрес

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

3. Телефон

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

4. Социальные сети

Многие веб-сайты начали добавлять ссылки на свои социальные сети на страницу контактов. Это преимущество 97% сайтов. Для современных посетителей это важно.
Компании становятся все больше и больше, и многие из них предлагают поддержку клиентов через различные социальные сети (иногда даже семь дней в неделю, круглосуточно), что делает связи в социальных сетях особенно важными.

5. Электронная почта

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

6. Кнопки

Нет контактной формы без кнопки отправки. Это должно быть в самом конце.

— «отправить» вместо
— «отправить»

непреднамеренно покупателям того, что они делают.

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

Нет ничего хуже, чем распечатать вдумчивое подробное сообщение и потерять его из-за кнопки сброса.

Найдите свою страницу «Свяжитесь с нами» в нижнем или верхнем колонтитуле.

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

Как правило, все ссылки на вашу контактную информацию могут быть расположены в двух местах:

1.Базовая навигация — идеальное место для ссылки на страницу контактов

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

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

Это также практичное место для страницы контактов.

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

2. Нижний колонтитул — еще одно популярное место

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

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

14 эффективных советов, которые следует применить к вашей собственной странице «Свяжитесь с нами»!

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

• Для традиционных магазинов укажите часы работы.
• Более крупные компании могут ссылаться на свой Live Chat.
• Сайты электронной коммерции могут завоевать доверие пользователей, опубликовав свой номер плательщика НДС.

Советы 1. Сделайте вашу информацию удобной

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

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

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

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

Советы 2. Телефонные номера должны быть интерактивными.

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

Советы 3. Дайте интерактивные карты Google

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

Показывать адрес магазина — это хорошо, а добавить интерактивную карту — еще лучше!

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

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

Советы 4. Не забывайте про поисковую оптимизацию

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

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

Советы 5. Используйте проверку формы

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

Советы 6.Ответ о том, что сообщение отправлено успешно

Посетители вводят свою личную информацию, пишут сообщение и нажимают кнопку «отправить».
— Что дальше?
— Вы получаете сообщение или нет?

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

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

Советы 7. Ваши клиенты должны быть в приоритете.

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

Советы 8. Проверьте все на своей странице

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

Советы 9. Создайте эффективный дизайн веб-сайта

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

Советы 10.Заполните страницу хорошо написанным текстом

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

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

Советы 11. Он должен быть адаптивным

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

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

Советы 12. Спрашивайте самую актуальную информацию

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

Советы 13. Избегайте обилия разных цветов

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

Советы 14. Размещайте фотографии реальных людей

Лица людей обладают уникальной психологической силой. Это лучший способ сказать: общайтесь с нами!

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

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

Лучшие 9 Примеры страниц для связи с нами

Говоря о дизайне хороших форм, давайте посмотрим на эти примеры для вдохновения.

1. Выжить

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

2. Thinkingbox

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

3. Развитие искусства

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

4. Призрачные игры

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

5. млн унций

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

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

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

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

7. Пекарня Brown’s Court

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

Brown’s Court Bakery также отметили, что у них «счастливые часы» от 5 р.м. до 19:00 ежедневно.

8. Музыкальный город

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

9. Просто шоколад

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

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

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

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

Страница «Свяжитесь с нами» «стандарты» включают следующее:

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

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

Что большинство клиентов говорят о странице «Свяжитесь с нами»?

1. «Мне нравится простой и современный дизайн» — это то, что большинство клиентов говорят, обсуждая внешний вид будущего сайта.Часто в пример приводят Apple. Посетители не любят загроможденные страницы.
2. Они любят космос. Другими словами, сайт электронной коммерции должен стремиться к визуальной простоте.
3. Google провел масштабное исследование, изучив вкусы аудитории. Аналитики пришли к выводу, что традиционный веб-дизайн с панелью навигации слева, областью контента посередине и боковой панелью справа неэффективен.
4. Большинство пользователей предпочитают простой и понятный узор из одного столбца.Поэтому лучше продемонстрировать на экране один важный элемент, меняя фокус при прокрутке.
5. В исследовании Google говорится, что «высокая прототипичность» коррелирует с воспринимаемой красотой шаблона. Другими словами, странное не всегда красиво. Веб-сайт, соответствующий стандартам веб-дизайна, с большей вероятностью понравится клиентам.
6. Согласно опросам, сайты, признанные самыми красивыми, обладают как высокой прототипностью, так и низкой визуальной сложностью. Они чистые и простые.Если вы хотите выделиться среди конкурентов, это прекрасно.
7. Экспериментируйте с логотипами и лозунгами, но не с шаблоном. Здесь не место для экспериментов.

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

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

15 лучших примеров дизайна контактных форм в 2021 году

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

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

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

Это те тесты, к которым вы должны стремиться.

Здесь, в Venture Harbor, мы потратили много лет на переосмысление, переработку и оптимизацию веб-форм, чтобы максимизировать результаты и выжать все возможные конверсии, которые мы можем использовать в наших формах. Мы увеличили коэффициент конверсии на целых 743% за счет оптимизации форм и улучшили качество наших потенциальных клиентов, чтобы они стали платежеспособными.

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

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

Если средний коэффициент конверсии для контактной формы составляет 1%, очевидно, что «передовой опыт» не такой, как его прикидывают.

Не относитесь к передовым практикам слишком серьезно

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

Звучит как веский аргумент.

Однако, как мы видели ранее, эта теория не работает в реальном мире оптимизации форм.

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

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

И этому есть причина.

Контекст имеет значение при генерации лидов

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

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

Итак, давайте перейдем к примерам.

# 1: BrokerNotes

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

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

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

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

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

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

За прошедшие годы мы протестировали множество многоэтапных форм и обнаружили, что они увеличивают конверсию на целых 743%. BrokerNotes увеличил конверсию своей домашней страницы с 11% до 46%, переключившись на многоэтапные формы, но цель с его контактной формой немного другая.

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

# 2: Sleeknote

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

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

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

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

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

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

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

# 3: Moosend

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

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

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

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

Или вы можете прокрутить еще немного вниз…

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

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

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

Что касается самих форм, они создаются с помощью Contact Form 7, одного из самых популярных плагинов для контактных форм на WordPress, и Moosend делает это правильно.

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

# 4: Scribd

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

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

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

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

# 5: Zendesk

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

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

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

Бонусные баллы за внедрение

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

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

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

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

Определенно стоит попробовать.

# 6: Zeroqode

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

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

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

И Zeroqode, кстати, еще не готов.

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

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

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

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

# 7: Unbounce

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

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

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

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

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

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

# 8: Pixpa

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

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

В конце концов, кому нужны электронные письма, если вместо этого можно получать продажи?

Быстро принимайте эффективные маркетинговые решения

Совместите, планируйте и отслеживайте свой маркетинг в одном месте, а не повсюду, с помощью нашего последнего предприятия TrueNorth.

Посетите TrueNorth.io

# 9: Brandwatch

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

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

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

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

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

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

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

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

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

Теперь, если вам интересно, насколько это было эффективно для Brandwatch, на веб-сайте Drift есть тематическое исследование, которое объясняет, какое влияние оказало его программное обеспечение для чата.

Речь идет об увеличении числа потенциальных клиентов на на 12,5%, , 8 300 общих конверсий через Drift, 674 встречи, забронированные через бота, и 1300 перехватов электронной почты.

Неплохо.

Brandwatch — ни в коем случае не единственная компания, использующая Drift для улучшения своей контактной страницы. Вы найдете множество примеров из практики на сайте Drift, и еще один мой любимый пример — Rejoiner.

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

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

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

И, если вам нравится идея добавления такого типа бота на вашу контактную страницу / веб-сайт, просто посетите Drift для получения более подробной информации.

# 10: Yummygum

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

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

При посещении Meeting для кофе Опция вызывает красивую и короткую общую форму запроса, а Your great project selection возвращает более подробную форму.

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

# 11: полноэкранный дизайн Мэри Лу

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

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

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

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

# 12: Active Campaign

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

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

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

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

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

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

Если вы ищете комплексное решение для управления клиентами и автоматизации маркетинга, вам определенно стоит попробовать 14-дневную бесплатную пробную версию ActiveCampaign.

# 13: Mailerlite

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

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

Собственная страница контактов MailrLite может служить вам хорошим примером.

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

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

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

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

# 14: Tune

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

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

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

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

Еще один на базе Drift, не меньше.

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

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

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

# 15: Creative Design Architects

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

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

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

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

Дают ли результаты ваши контактные формы?

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

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

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

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

Это подход, который вы должны использовать в своих контактных формах.

8 Лучшие практики для создания полезного контакта Страница

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

Запутались? Представьте себе цифровой дом развлечений, в котором яркие цвета, мигающие огни и Comic Sans одновременно конкурируют за ваше внимание.

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

Но что представляет собой «хорошо продуманная» страница контактов и как узнать, правильно ли вы ее понимаете? Некоторые из них — это просто метод проб и ошибок в сочетании с аналитикой таких инструментов, как Crazy Egg, которые позволяют визуализировать поведение пользователей на вашем сайте.Но есть лучшие практики, продемонстрированные успешными SaaS-компаниями, которые помогут вам улучшить вашу контактную страницу. Изучив 13 веб-сайтов SaaS-компаний, я определил 8 принципов дизайна, которые делают эффективную страницу контактов.

1. Помогите клиентам найти страницу

Большинство рассмотренных мной SaaS-компаний включают варианты поддержки клиентов (справка и база знаний) на своей странице контактов и ссылку на страницу контактов в верхнем или нижнем колонтитуле. Существует довольно равномерное разделение между 13 приложениями: половина в заголовке и половина в нижнем колонтитуле (пара выбирает оба места).Что вам следует использовать? Заголовок часто визуально более заметен, но исследования удобства использования показывают, что блоки ссылок толстого нижнего колонтитула также легко найти (и использовать).

Используйте общий язык

Хотя названия страниц контактов в разных компаниях различались, это 3 наиболее широко используемых термина:

«Поддержка»

«Помощь»

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

• Slack
• Монитор кампании
• Hootsuite

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

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

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

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

2. Гуманизируйте свою команду по обслуживанию клиентов

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

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

Help Scout, Campaign Monitor и Zapier имеют фотографии своих реальных агентов поддержки на своих контактных страницах. Basecamp использует забавные иллюстрированные портреты.Демонстрация того, что на другой стороне страницы есть настоящие люди, — это простой способ убедить ваших клиентов в том, что им помогут, что, в свою очередь, может сделать их более расслабленными и вежливыми в общении.

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

3. Адаптируйте страницу к ситуации

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

На странице контактов

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

Контактная страница

Campaign Monitor соответствует более временной модели:

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

Вывод: Адаптивные контактные страницы сэкономят время и нервы ваших клиентов.

4. Централизуйте свои контактные данные

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

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

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

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

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

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

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

Дизайн страницы контактов

Basecamp предлагает клиентам три шага, которые нужно выполнить:

Хотя Basecamp не обеспечивает соблюдение этого приказа, это четкое руководство о том, как получить помощь наиболее эффективно.

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

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

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

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

6. Добавьте структуру к входящим вопросам

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

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

Добавление дополнительных полей и указаний в контактные формы может помочь вам в следующем:

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

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

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

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

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

Вывод: Правильная структура вашей контактной страницы может сэкономить время и нервы для вас и ваших клиентов.

7. Установите ожидаемое время отклика

Как однажды сказал Том Петти: «Ожидание — самая сложная часть». Если вы не предлагаете поддержку в режиме реального времени, предоставление клиентам представления о том, сколько времени им следует ожидать, позволяет им решать, как действовать дальше, и укрепляет их уверенность в том, что они получат ответ.

• Freshbooks отмечает свое рабочее время и услужливо перечисляет текущее время в своем офисе.
• Basecamp сообщает: «Ожидайте ответа с 8:00 до 18:30 CST с понедельника по пятницу».
• Campaign Monitor указывает, что время ответа по электронной почте составляет «несколько часов» (но меняет страницу по выходным, когда время ответа увеличивается).

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

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

8. Позвольте клиентам рассказать вам, что они чувствуют

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

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

На WordPress.com они пробуют аналогичный вариант для своих вошедших в систему клиентов.

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

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

Вопросы, которые помогут вам создать собственную контактную страницу

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

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

• Как мы можем направить клиентов по соответствующим каналам?
• Можем ли мы обеспечить одинаковое качество поддержки по всем нашим каналам?
• Что мы можем сделать, чтобы оправдать ожидания клиентов и укрепить их доверие еще до того, как они с нами поговорили?

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

Как создать эффективную контактную страницу для вашего веб-сайта — WordPress.com

Страница контактов — ключевой компонент почти каждого веб-сайта. Его цель проста — дать посетителям возможность связаться с вами. Но со стратегическим строительством он может сделать гораздо больше!

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

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

Вот несколько полезных советов:

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

Центральным элементом большинства страниц «Контакты» является электронная почта. Люди, которые не хотят брать трубку, предпочитают электронную почту, а другие могут связываться с ними в нерабочее время.

Хорошо продуманная форма электронной почты решает несколько типичных проблем на страницах контактов:

1.Защита учетной записи электронной почты

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

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

Напишите мне сюда: my.имя [at] my-website [точка] com

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

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

2. Получение необходимой информации

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

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

Сара ведет блог о выпечке в пекарне «Брома».На ее странице контактов представлена ​​простая форма со следующими полями:

• Имя (обязательно)
• Электронная почта (обязательно)
• Тема
• Сообщение

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

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

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

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

Добавление контактной формы с помощью редактора блоков WordPress

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

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

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

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

Сделайте больше со своей страницей контактов WordPress.com

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

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

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

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

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

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

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

Дополнительные советы по созданию страницы контактов

Контакты Шаблоны сайтов

Шаблоны веб-сайтов для контактов

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

Наши шаблоны контактных форм нацелены на реальных людей и на то, как создавать лучшие практики контактной страницы, используя базу знаний с несколькими способами связаться с нами, страница обслуживания клиентов.Страница «Связаться с нами» является частью самых популярных категорий среди веб-шаблонов. Существует неограниченное количество способов организовать их шаблон формы на странице «Свяжитесь с нами», поскольку нет установленных правил для дизайна формы обратной связи. Карта Google хорошо подойдет для оффлайн-бизнеса, тогда как корпоративный адрес электронной почты и интерактивный чат отлично подходят для онлайн-бизнес-контактов. Если вы хотите увидеть отличные примеры страниц контактов, посетите бизнес-сайт Dollar Shave Club. Обратите внимание, как они используют отдельный одностраничный шаблон для клиентов, попавших в беду, где последние могут найти свои вопросы в часто задаваемых вопросах или сразу же связаться со службой поддержки.Одна страница для творчества — это одна короткая электронная почта с очень запросной формой для контактов с лучшими страницами для связи с нами, и они позволяют легко отвечать на запросы операторов связи, включая их ссылки в социальных сетях. Фон карты Google также может стать частью дизайна страницы контактов, а также телефонных номеров и другой информации, которую вам необходимо отразить. Веб-сайт маркетинговых кампаний по электронной почте и их контактная страница, на которой в конечном итоге попадают все посетители, должны коррелировать, чтобы увеличить время отклика и влияние. Плагины WordPress с шаблоном формы позволяют демонстрировать форму собственной контактной страницы во время веб-разработки своей контактной страницы и живого чата.

Конструктор сайтов Nicepage — профессионал в дизайне одностраничных сайтов, полностью адаптивный и похожий на целевые страницы Unbounce и бизнес-темы WordPress. Формируйте поля, настраивайте сетки, формы и макеты или добавляйте мультимедиа и значки для создания современного дизайна. Зарегистрируйтесь и убедитесь, что страница «Свяжитесь с нами» с полностью адаптивным design всегда готов изготовить шаблон контактной формы для целевой страницы. Лучшее в дизайне форм — это гибкость, позволяющая создать лучший индивидуальный дизайн контактной формы. Нет на это времени? Возьмите готовые страницы контактов или контактные формы и превратите их в лучший адаптивный шаблон веб-сайта именно для вас.Наш бесплатный конструктор форм онлайн-руководств работает с шаблонами HTML, шаблонами Joomla с шаблоном формы и другими, чтобы создавать образцы в мире проектов более быстрого веб-дизайна. Наш хостинг WordPress предоставляет примеры страниц для связи с простой формой обратной связи для базовой темы WordPress, которые будут полезны в процессе обучения. Они также предоставляют наиболее распространенные ответы для целевой аудитории под изображением главного героя, краткая форма упрощает задачу и может помочь ответить на вопросы, которые они задают. Наши учебные материалы объяснят, почему первое впечатление на странице контактов помогает нам лучше, и на странице «Контакты» прояснят, какие цели следует упомянуть даже в мобильном Интернете или в конструкторе страниц wpbakery.Во время оформления контактной страницы убедитесь, что вы предоставили необходимую помощь в конкретных условиях и одну из общих контактных форм на одном из моих веб-сайтов, которая будет поддерживать адаптивный дизайн контактной формы. Если вы спрашиваете себя, как создать свой клуб для контактов с нами или как создать карты Google для их справочного центра, то просмотрите примеры, которые часто размещаются на страницах с контактами. В нашем справочном центре вы найдете лучшие из нас примеры страниц, в которых вы найдете бесплатный шаблон контактной формы и одну из бесплатных тем WordPress для тематических сайтов, посвященных контактному доллару и портфолио.Страницы с контактами будут вдохновлять нас в будущем примерами страниц, а их страницы с контактами — бесплатным шаблоном контактной формы. Подпишитесь на лучшие шаблоны страниц контактных форм и другие возможности полностью адаптивного дизайна веб-сайтов.

25 Примеры оптимальных страниц для связи с нами

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

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

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

Сама страница является призывом к действию (CTA). И независимо от того, размещен ли ваш сайт на BigCommerce, Magento 2, WordPress и т. Д., Вы должны перестать пренебрегать этим и следовать нашим советам, чтобы создать лучшую страницу контактов для вашего бизнеса.

‍

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

‍

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

Что лучше: отображаемая контактная информация или контактная форма?

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

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

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

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

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

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

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

‍

Зачем нужна контактная форма

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

1. Вы можете автоматически уведомить свою команду

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

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

2. Контактные формы просты в использовании

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

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

3. Контактные формы помогают привлечь больше потенциальных клиентов

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

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

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

4. Контактные формы (или должны быть) легко заполнять

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

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

5. Контактные формы помогут вам узнать свою аудиторию

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

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

‍

Свяжитесь с нами Обязательные элементы страницы

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

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

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

Отличная страница контактов должна ответить на 3 основных вопроса:

1. Кто вы

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

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

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

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

• Отзывчивость : Я знаю, это 2020 год, каждый веб-сайт уже должен знать, что он должен быть отзывчивым. Но на всякий случай убедитесь, что ваша страница может быть открыта, а ее форма заполнена с любого устройства. Формы, созданные с помощью MightyForms, по умолчанию являются адаптивными.

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

2. Как с вами связаться

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

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

• Призыв к действию: CTA на странице контактов обычно представляет собой кнопку «Отправить». Так что проясните, отредактируйте кнопку, чтобы сказать «Отправить сообщение» или «Запросить цену». Это имеет огромное значение.
• Не задавайте лишних вопросов: Сделайте форму простой и понятной. Добавляйте только те вопросы, которые действительно могут помочь вам в сборе данных об аудитории.
• Логические правила : также известные как логические переходы, условная логика, условные вопросы или поля и т. Д.Эта функция позволяет пропускать или отображать вопросы на основе предыдущего ответа лида. Таким образом, вы сможете задать правильные вопросы каждому посетителю. Узнайте, как использовать функцию логических правил.

3. Где вас найти

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

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

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

‍

Обязательные поля контактной формы

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

• Полное имя
• Адрес электронной почты
• Сообщение

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

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

Причина / тема сообщения

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

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

Если ваша компания — B2B, более вероятно, что аудитория обращается от имени своей компании. Знание названия их компании с самого начала дает вам дополнительное время для изучения их профиля и потребностей.

Предпочтительное время для связи

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

Телефон

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

Отправка файла

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

Уникальный идентификатор

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

25 Лучшие примеры страниц для контактов

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

Вот наши подборки из 25 лучших страниц для связи с нами:

1. Генератор нескольких страниц — MPG

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

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

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

2.

Inspira Marketing

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

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

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

3.

Спасательное агентство

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

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

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

4.

Приложение Marvel

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

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

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

5.

MightyForms

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

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

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

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

6.

Yeti ‍

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

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

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

7.

Zendesk

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

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

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

8.

Grammarly

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

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

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

9.

Moz

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

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

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

10.

Dollar Shave Club

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

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

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

11.

Medium

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

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

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

12.

Let’s Travel Somewhere

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

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

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

13.

Basecamp

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

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

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

14.

Survicate

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

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

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

15.

Sleeknote

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

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

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

16.

SalvageData

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

Элементы, которые делают его великолепным : Раздел «Найди нас» интересен и уникален. Они не загружают страницу с 40 адресами, они предпочитают направлять клиентов в новое место.А форма простая и чистая.

Почему это работает: Форма интуитивно понятна и не навязчива, две важные характеристики формы.

17.

Achieve3000

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

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

Почему это работает: За прямое отношение к делу. Разговор ничто не прерывает. Все элементы сделаны для простоты и полезности.

18.

Atlassian

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

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

Почему это работает: Страница «Свяжитесь с нами» в Atlassian, поскольку она очень личная и человечная, отличается от других и уникальна.

19.

Hootsuite

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

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

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

20.

FreshWorks

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

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

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

21.

Fitbit

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

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

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

22.

Slack

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

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

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

23.

Urban Influence

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

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

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

24.

Datasurion

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

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

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

25.

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

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

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

Почему это работает: За простоту и строгость по делу.