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

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 секунд?
• Текст вовлекает и удерживает посетителя на сайте?
• Призыв к действию понятный и не шаблонный?
• Страница хорошо отображается на мобильном?
• Вы добавили всю информацию, которую ищут посетители?
• Страница не выглядит перегружено, все важные блоки на видном месте?

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

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

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

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

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

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

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

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

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

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

Nisa Mayer: Let’s Travel Somewhere

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

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

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

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

Seth Godin

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

КОНТАКТ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оформление страницы с контактами на сайте с примерами и влияние возможностей для обратной связи на SEO.

Каждая страница на сайте должна быть полезной. В блоге PR-CY уже есть статья о том, как правильно сделать страницу «О нас» и на что может влиять информация о компании. В основу статьи вошло исследование, которое провела компания «Nielsen Norman Group».

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

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

Какие элементы должны быть на странице с контактами

Рекомендации на основе опроса участников исследования «Nielsen Norman Group», которые выполняли задания на сайтах разных компаний.

Все способы связи с компанией

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

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

Контакты разных отделов компании

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

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

Список контактов на сайте oxford-russia.ru

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

Ссылки для связи с разными отделами и общие контакты на сайте chevron.com

Физические адреса филиалов

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

Контакты и карта филиала школы анлийского языка oxford-russia.ruСписок магазинов с контактами и временем работы на сайте zoosfera-nn.ru

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

Часы работы и время ожидания ответа

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

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

Контакты с указаниями отделов и временем работы на сайте dogeat.ru

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

Разные языки и возможности для связи

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

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

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

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

На этом сайте есть возможность поговорить по видеофону с переводчиком по американскому языку жестов (ASL).

Номер для звонков по видеофону на сайте sba.gov

Чат и контактная форма

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

Несколько вариантов для связи на сайте melissaanddoug.com: телефоны филиалов, почта и форма для связи

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

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

Чат с ботом на сайте skyeng.ru

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

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

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

Единственный способ связи на сайте Slack.com

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

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

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

Регистрация для возможности задать вопрос на сайте adobe.com

Ссылки на соцсети

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

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

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

Возможности связаться с компанией на сайте UBreakIFix.com

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

Где разместить страницу Контакты на сайте

Поставьте ссылку в меню и футер

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

Почитать по теме:
Как сделать футер на сайте полезным для SEO и юзабилити

Не прячьте контакты в подразделах

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

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

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

Дублируйте главный способ связи в шапке

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

Номер телефона продублирован в шапке сайта sfm-nn.ru

Не придумывайте оригинальное название

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

---

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

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

На основе статьи «“Contact Us” Page Guidelines»

Главная страница

Уважаемые студенты и родители!

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

С 1 сентября 2021г.  учебный процесс в колледже организован в очной форме. На 2-4 курсе обучение будет проводиться в том числе с применением дистанционных образовательных технологий. Основной платформой для дистанционного обучения в колледже определена виртуальная обучающая среда Moodle https://edu.sttec.yar.ru/. Однако возможны и другие средства коммуникации и обучения, об этом вам сообщат ваши преподаватели, руководители групп.

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

Регламент работы на 1 сентября размещен на сайте колледжа https://ygk.edu.yar.ru/news.html.

Расписание звонков размещено на сайте колледжа https://ygk.edu.yar.ru/raspisanie.html. 

Расписание занятий и замен размещено на сайте колледжа https://ygk.edu.yar.ru/raspisanie.html.

Для всех студентов рекомендовано при обучении в колледже соблюдение масочного режима.

Готовясь к будущей профессии, верьте в себя, ставьте новые цели и достигайте их!

Отличной учебы и интересной студенческой жизни!

Дорогие друзья!

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

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

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

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

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

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

Наши выпускники всегда востребованы.

Добро пожаловать в Ярославский градостроительный колледж!

 

Постройте будущее с нами!

---

Детский телефон доверия с единым общероссийским номером

Детский телефон доверия 8-800-2000-122 создан для оказания психологической помощи детям, подросткам и их родителям в трудных жизненных ситуациях.
С 2010 года он принял уже более 10 млн звонков.
Помощь по телефону доверия оказывается анонимно и бесплатно.
Сайт детского телефона доверия https://telefon-doveria.ru/ 
Информация о работе телефона доверия размещена на сайте Фонда поддержки детей, находящихся в трудной жизненной ситуации.

Главная страница

Субъект инициативы: Выберите субъект: ВсеГубернатор Московской областиДепутаты МОДИзбирательная комиссия МОКомиссии и рабочие группы МОД (временные органы МОД)Комитет по вопросам бюджета, финансовой и налоговой политикиКомитет по экономике, предпринимательству и инвестиционной политикеКомитет по вопросам государственной власти и региональной безопасностиКомитет по местному самоуправлениюКомитет по имущественным отношениям и землепользованиюКомитет по экологии и природопользованиюКомитет по вопросам аграрной политики и потребительского рынкаКомитет по вопросам строительства, архитектуры, жилищно-коммунального хозяйства и энергетикиКомитет по вопросам транспортной инфраструктуры, связи и информатизацииКомитет по вопросам образования, культуры и туризмаКомитет по вопросам охраны здоровья, труда и социальной политикиКомитет по делам молодежи и спортаКонтрольно-счетная палата МОПредставительные органы муниципальных образований МОПрокурор МОСовет муниципальных образований МОУполномоченный по правам человека в МОФракция «ЕДИНАЯ РОССИЯ»Фракция КПРФФракция «СПРАВЕДЛИВАЯ РОССИЯ»Фракция ЛДПРСенатор Российской Федерации — представитель от МОДСенатор Российской Федерации — представитель от Правительства МОРабочая группаСовет ДумыКомитет по вопросам имущественных отношений, землепользования, природных ресурсов и экологииКомитет по вопросам образования и культурыКомитет по делам молодежи, спорта и туризмаКомитет по законности, вопросам государственной власти и общественных связейКомитет по экономической и инновационной политикеКомитет по аграрной политике, землепользованию, природным ресурсам и экологииКомитет по промышленности, жилищно-коммунальному хозяйству, строительству, транспорту и информатизацииКомитет по вопросам охраны здоровьяКомитет по труду и социальной политикеКомитет по вопросам образования, культуры, спорта, делам молодежи и туризмаКомитет по статусу, регламенту и депутатской этикеУполномоченный по правам человека в МО, прокурор МОФракции «ЕДИНАЯ РОССИЯ», КПРФ, ЛДПР, «СПРАВЕДЛИВАЯ РОССИЯ»Комитет по бюджету, финансовой, экономической политике, инвестиционной деятельности и предпринимательствуКомитет по имущественным отношениям, природопользованию и экологииКомитет по аграрной политике и потребительскому рынкуКомитет по строительной политике, энергетике и жилищно-коммунальному хозяйствуКомитет по транспорту и информационным технологиямКомитет по образованию, культуре, науке, туризму, спорту и молодежной политикеКомитет по социальной политике и здравоохранению

Статус: Выберите статус: ВсеНа рассмотренииОдобренПринят за основуОпубликованОтклоненОтозванПредварительное расссмотрениеПринятНаправлен для подписания Губернатору Московской областиПринять к рассмотрению

Тематика: Выберите тематику: ВсеБюджет, финансы, налогиЭкономика, предпринимательство, инвестиционная политикаГосударственная власть и региональная безопасностьМестное самоуправлениеИмущественные отношения, землепользование, природные ресурсы и экологияАграрная политика, потребительский рынокСтроительство, архитектура, жилищно-коммунальное хозяйство, энергетикаТранспортная инфраструктура, связь, информатизацияОбразование и культураЗдравоохранение, труд и социальная политикаМолодёжная политика, спорт, туризм

Контакты INTEC: Universe LITE / SITE / UNIBOX / Главная страница

В этом уроке мы расскажем о настройке компонента карты и о настройке контактных данных в этом компоненте.

Для отображения карты нужно добавить компонент Виджет. Перейдем в параметры этого компонента (или сначала добавим).

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

При необходимости включаем/отключаем эту функцию.

Далее выбираем тип инфоблока и инфоблок для вывода информации.

Выбираем количество отображаемых элементов.

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

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

Если мультирегиональность включена, настраиваем ее.

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

Второй вариант настройки карты.

Для отображения карты нужно добавить компонент bitrix:main. include (Виджеты — Компонент — Служебные — Включаемые области). 

В параметрах компонента оставляем, как есть и сохраняемся.

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

Затем находим место расположения включаемой области, наводим на нее и кликаем «Добавить область.»

В визуальном редакторе добавим виджет: Universe — Блок «Виджет» и двойным кликом по виджету перейдем в параметры компонента.

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

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

Далее идут основные настройки компонента. Сначала включаются или отключаются глобальные настройки, про которые можно узнать в уроке настройки шапки. После чего настраивается карта: выбирается тип карты (Google, Яндекс), стартовый тип карты и настраивается сама карта — указываются координаты, точки на карте, масштаб.

Затем идут настройки контактных данных — это адрес, телефон, веб-форма и почта.

В разделе «Внешний вид» настраивается внешний вид карты и блока с информацией.

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

После настройки компонента сохраняемся, затем еще раз сохраняемся в визуальном редакторе.

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

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

11 лучших примеров страницы «Контакты» (+ как создать свою собственную)

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

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

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

Рекомендации и примеры контактной страницы

Ознакомьтесь с примерами и советами на странице «Свяжитесь с нами», чтобы вдохновиться собственными идеями.

Будь проще

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

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

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

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

«Постарайтесь различать варианты, определяя, почему кто-то обращается к вам», — советует Корман.

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

Источник изображения

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

Источник изображения

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

Источник изображения

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

Предложите несколько вариантов контакта

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

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

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

Включить набор параметров, например:

• Номера телефонов
• Электронная почта
• Ресурсы самопомощи
• Социальные сообщения
• Карта с вашим местонахождением (штаб-квартира и местные офисы, если применимо)

Union Bank & Trust (UBT) отвечает всем требованиям, когда речь идет о различных вариантах поддержки.Компания предоставляет номера телефонов для региональных и местных офисов. Онлайн-чат также доступен для пользователей, которые предпочитают обмен сообщениями и быстрые ответы.

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

Источник изображения

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

Поощряйте клиентов к самообслуживанию

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

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

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

Источник изображения

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

Источник изображения

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

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

Ориентируйтесь на клиента

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

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

Источник изображения

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

Источник изображения

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

Обеспечьте уверенность

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

UBT сразу успокаивает клиентов утешительными лозунгами и копиями, такими как «Мы ​​здесь для вас» и «Поговорите с реальными людьми, которые готовы помочь». Если у вас проблемы с деньгами, это слова, которые вы определенно хотите услышать.

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

Источник изображения

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

Источник изображения

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

Поддерживайте голос своего бренда

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

Frida, например, использует причудливый текст, чтобы продемонстрировать свой забавный голос бренда на странице «Контакты». Заголовок «Что за часто задаваемые вопросы» и «Что за суета?» Раздел обязательно вызовет улыбку на лице любого клиента.

Источник изображения

Между тем, In Good Taste использует каламбуры, чтобы сделать свою страницу «Контакты» игривой и непринужденной, голос, который вы увидите во всем бренде.

Источник изображения

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

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

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

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

Источник изображения

Вы также можете включить социальное доказательство, упомянув компании, которым вы обслуживаете, чтобы убедить потенциальных клиентов покупать у вас. Например, Notion упоминает своих известных клиентов, таких как Pixar, Spotify и Headspace, на странице «Контакты».

Источник изображения

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

Управление запросами на странице «Свяжитесь с нами» с помощью Zendesk

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

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

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

Что делает страницу контактов отличной? • Йост

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

Но сначала…

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

И не забудьте установить свою схему на страницу контактов!

Скорее всего, вы используете Yoast SEO на своем сайте.Если вы этого не сделали, вы должны перейти на свою контактную страницу и установить правильный тип страницы на вкладке «Схема» к странице «Контакт». Делая это, вы описываете поисковые системы, что конкретная страница, которую они сейчас читают, это действительно контактная страница.

Вы можете добраться до вкладки схемы от Meta Box Yoast SEO или на боковой панели

Основные элементы вашего контакта Page

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

Хорошо, давайте рассмотрим все самое необходимое:

• Название компании.
• Адрес компании.
• Общий номер телефона компании.
• Общий адрес электронной почты компании.
• Контактная форма.

Контактная страница Корнельского университета сфокусирована и очень стильна

Простая контактная форма

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

Не запрашивайте слишком много деталей в своей контактной форме — это от Pixpa по пункту

Несколько отделов

Если у вас есть несколько отделов, с которыми можно связаться по телефону или электронной почте, перечислите все. Добавьте четкий заголовок и детали того, как можно связаться с этим отделом. Пример: в университетах и ​​больницах обычно есть отдельные отделы для студентов, пациентов, прессы, деловых возможностей и многого другого. У YouTube есть множество отделов/направлений, на которые можно указать на странице контактов. Очевидно, что эти отделы должны быть перечислены только в том случае, если их данные должны быть доступны для всех, кто посещает этот веб-сайт.

Несколько местоположений

Если у вас несколько местоположений, перечислите все сведения об адресах (NAP плюс электронная почта) для каждого из этих мест.Но, пожалуйста, не забудьте так или иначе выделить свою штаб-квартиру. Если у вас местный бизнес, наш плагин Local SEO может указать для вас основное местоположение. Например, Торговая палата США указывает один основной адрес и ссылку на отдельную страницу со всеми местоположениями. Имеет смысл и обеспечивает целенаправленный пользовательский опыт.

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

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

Оживите свою страницу контактов

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

Почему и когда я должен связаться с вами?

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

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

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

Потрясающий призыв к действию

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

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

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

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

Grammarly гарантирует, что на вопросы будут даны правильные ответы.

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

Nestlé буквально спрашивает, как клиенты хотят связаться с ними

Аккаунты в социальных сетях

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

Hootsuite делает все возможное с контактами в социальных сетях

Карта и направления

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

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

Arcadis делает отличные карты для размещения офисов по всему миру, конечно же, есть также представление в виде списка

Ваш персонал и ваш бизнес

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

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

. Идите и создайте потрясающую страницу контактов

.

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

Подробнее: Пять раздражающих ошибок на странице контактов »

Эдвин Тунен

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

Как создать страницу контактов, приглашающую к общению

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

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

Какие элементы следует включить на страницу контактов? Есть три основных правила, которые вы должны помнить:

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

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

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

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

Страницы с контактами состоят из:

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

• Google Map: Если ваш бизнес имеет физическое местоположение, карта Google, безусловно, важная особенность, чтобы иметь на странице контактов.

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

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

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

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

• Ссылки на социальные сети:  Многие сегодня считают Facebook и другие социальные платформы своим вторым домом. Подготовьтесь к встрече с ними, подключив свои социальные сети к своему веб-сайту.

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

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

Красивые страницы контактов, созданные пользователями Wix:

Давайте воплотим слова в жизнь и посмотрим на несколько замечательных страниц контактов, созданных пользователями Wix:

Введите >>

Иллюстрация Джо Уивер >>

Я и я >>

Джейми Гринберг >>

Beverge Me >>

B Sweet >>

BAIL >>

Imagi Proting >>

CMYK 13 >>

Casey Woods >>

Andreevna Дизайн >>

By The Wix

Как создать контактную форму с помощью CSS

---

Узнайте, как создать контактную форму с помощью CSS.

---

Попробуйте сами »

---

Как создать контактную форму

Шаг 1) Добавьте HTML

Используйте элемент

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

Пример

 

Имя
   

Фамилия
   

Страна
   
     Австралия
Канада
США
   

Тема
   

    <ввод type="submit" value="Submit">