Содержание
Делаем виджет приветствия в группе ВК
В статье мы доступно расскажем, как сделать виджет персонального приветствия в группе ВК. Дадим полезные практические рекомендации по эффективному использованию в ВКонтакте виджета приветствия.
Для начала разберемся, что такое виджет приветствия ВК и для чего он нужен. Давайте посмотрим на примере. Если зайдете в нашу группу https://vk.com/napolnenie_forumov, то увидите этот самый виджет приветствия.
Вот, как он выглядит для меня:
Вместо моей фотографии и имени будут подставляться соответственно ваши.
В нижней части виджета, как правило, находиться кнопка. Нажимая на нее, человек выполняет то действие, которое вы ему предлагаете.
Обращаясь персонально к человеку, вы захватываете его внимание. Тем самым вы можете с большей эффективностью направить его туда, куда вам нужно.
Теперь перейдем непосредственно к рассмотрению процесса установки виджета в группу.
Инструкция, как сделать виджет приветствия в группе ВК
1. Заходим в управление сообществом.
2. Переходим в меню — Приложения.
3. Среди представленных приложений находим «Виджет в сообществе» и нажимаем «Добавить».
Как вы видите среди приложений доступны также и другие Они служат для разных целей. Для персонализированного виджета, который вы видели вначале, мы использовали указанное приложение.
4. После того, как вы добавили приложение, задайте «Видимость» — «Только администраторы» и нажимайте «Перейти к настройкам>>».
Другие поля отвечают за вывод кнопки приложения в группе, а не самого виджета. Кнопка «Открыть приложение» будет выводиться справа сверху в группе и при нажатии на нее пользователь просто откроет страницу описания приложения.
Поэтому, если вам нужен только сам виджет, то в поле видимость выберите, как мы написали выше: «Только администраторы», а даее нажимайте «Перейти к настройкам>>»
5. Заполняете виджет приветствия, как он будет выглядеть для посетителя.
Ниже на картинке мы показали, на своем примере, каким элементам нужно уделить внимание.
В текстовых полях вы можете использовать переменную [name] (Имя) или [all_name] (Имя Фамилия). Соответственно вместо них будут подставлять данные пользователя. На кнопке следует разместить призыв к действию и указать внутреннюю страницу вк, куда будет переходить пользователь после нажатия кнопки. Это может быть страница товаров, страница темы для приема заказов, страница для отправки вам личного сообщения.
Указывать внешние страницы за пределами ВК в рамках данного виджета нельзя.
Для наиболее эффективного использования мы рекомендуем после приветствия кратко и доступно изложить то, что вы предлагаете, после в кнопке предложить пользователю совершить действие, направив его на соответствующую страницу.
После заполнения всех полей не забудьте нажать кнопку «Установить виджет» и просмотреть его финальный вид, а после подтвердить установку.
После он появиться на главной и вам нужно будет оценить, насколько он вписывается в общий дизайн группы.
Если все хорошо, то после этого, хотя виджет и установлен, его видят не все. Если вы посмотрите в правый верхний угол виджета, то увидите надпись «только для администраторов».
В данном случае посетители не увидят установленный виджет.
6. Чтобы виджет увидели все, снова заходим в Управление сообществом > Приложения.
7. В настройках приложения напротив поля «Видимость виджета приложения» указываем все пользователи.
Теперь виджет виден всем.
После установки, если у вас уже есть активная аудитория в группе, вы можете уведомить их о добавлении виджета постом на стене. Можно также устроить опрос на предмет того, нравиться он им или нет и узнать, как бы они его поменяли.
Именно по обратной связи от аудитории вы сможете понять, какой содержание виджета для вашей группы лучше подойдет.
Подытоживая, можно сказать, что виджет приветствия — это полезный инструмент, который позволяет напрямую обратиться к посетителю группы прямо со страницы сообщества.
Если материал был полезен и вы хотите читать новые материалы подписывайтесь на наш паблик. Также вы можете воспользоваться услугами нашей команды, полный список которых вы найдете на странице.
На этом все.
Удачного развития ваших групп ВК!
Работаем с Чатом ВКонтакте
ПОЛЕЗНЫЕ ФУНКЦИИ, ПРИНЦИПЫ ОБЩЕНИЯ С ПОЛЬЗОВАТЕЛЯМИ И ВОЗМОЖНОСТИ АВТОМАТИЗАЦИИ
Вы можете использовать публичную страницу ВКонтакте двумя способами: либо сделать из нее заглушку, просто закрепив URL с названием компании за собой, корректно оформив страницу и оставив все как есть, либо превратить страницу в полноценный канал коммуникации с клиентами. Во втором случае есть много моментов, которые стоит учитывать: здесь мы поговорим об основном функционале ВКонтакте, принципах общения с пользователями и автоматизации общения при помощи чат-ботов.
Станислав Хрусталёв
Первое, что стоит сделать, – это решить: подключать или не подключать функционал «Сообщения сообщества» в меню управления страницей
Подключение функции сообщений
С этого момента ваши клиенты смогут с вами общаться через ВКонтакте
При его подключении на странице появится интуитивно понятная кнопка «Написать сообщение»
Так сообщения сообщества выглядят в версии сайта ВКонтакте для ПК
А так – в мобильном приложении VK
Если вы решили использовать группу как дополнительный канал коммуникации, обязательно включайте этот функционал. Однако если вы планируете использовать сообщество в качестве заглушки или у вас нет ресурсов на то, чтобы оперативно обработать входящие сообщения, лучше вообще не включать этот функционал. Почему? Если пользователь зайдет в ваше сообщество, увидит контактные данные и свяжется по другому каналу (например, по указанному телефону), его customer experience будет нейтральным.
Однако если он увидит, что можно написать ВКонтакте, и решит выйти на связь, а ему не ответят/ответят с задержкой, это точно вызовет негатив
Вы также можете упростить путь клиента, если ему нужно связаться с вами, давая вместо ссылки на сообщество прямую ссылку на диалог. Таким образом, для начала общения ему придется сделать не два клика, а всего лишь один. Прямая ссылка на диалог будет отличаться от ссылки на сообщество лишь доменом: вместо vk.com/название_сообщества используйте vk.me/название_сообщества. Эту ссылку вы можете использовать как онлайн, так и оффлайн. Например, на коробке с доставленной продукцией я могу увидеть наклейку: «Есть вопросы или возникли проблемы? Свяжись с нами ВКонтакте» и QR-код, содержащий ссылку на диалог с сообществом (QR-коды можно сгенерировать при помощи множества бесплатных сервисов, например, goqr.me)
Ссылка на диалог с сообществом
Помимо общения только в рамках ВКонтакте вы также можете настроить специальный виджет для чата ВКонтакте и установить его на свой сайт
Виджет ВКонтакте для сайта
Виджет чата ВКонтакте на сайте сервиса для парсинга аудитории Target Hunter
С одной стороны, это удобная функция, но с другой – вам нужно ответить на вопрос: «Какая часть моей аудитории использует ВКонтакте?».
И если ответ – не 100%, лучше воспользоваться решениями для чата на сайте, позволяющими клиенту выбрать различные каналы связи
Это должны быть те, кто помимо ВКонтакте отвечает на вопросы клиентов по телефону, по email, через остальные сети и мессенджеры – служба поддержки. В этом случае можно быть уверенным, что поддержка клиентов будет вестись в рамках единой канвы вне зависимости от канала
Кто должен отвечать пользователям?
Дайте клиентам знать, что вы ответите прямо сейчас. Для этого есть специальная функция, которую можно подключить в разделе «Сообщения» на вашей странице
Статус «Онлайн»
В версии ВКонтакте для ПК индикатор отображается прямо в кнопке «Написать сообщение»
В мобильном приложении индикатор статуса «Онлайн» отображается под обложкой и выделяется зеленым цветом
Однако здесь важен следующий момент: включайте статус «Онлайн» только тогда, когда вы реально можете ответить в моменте, а не с задержкой в час.
В противном случае это приведет к неоправданным ожиданиям и негативу со стороны клиентов. ВКонтакте старается это предотвратить, поэтому если вы не отвечаете на входящие сообщения в течение нескольких минут, статус «Онлайн» автоматически исчезает
В идеале поддержка клиентов должна вестись в режиме 24/7, но если у вас не хватает на это ресурсов, настройте чат-бота на работу в качестве автоответчика: установите время работы чат-бота в соответствии с вашим нерабочим временем и добавьте автоматическую реакцию на любой текст в виде сообщения, например, «К сожалению, нас сейчас нет на месте, но мы обязательно ответим вам завтра c 9:00». В этом случае клиент хотя бы будет понимать, когда стоит ожидать ответа. В подавляющем большинстве сервисов подобный функционал очень легко реализовать: например, в сервисе robochat.io у меня на это ушло не больше 5 минут
Ответы во внерабочее время
Вы можете настроить приветствие в окне сообщения при первом открытии диалога, однако размер его ограничен 200 символами, и много информации в него упаковать не получится.
Поэтому сюда можно добавить лишь краткое приветствие, например, «Доброго времени суток! Чем мы можем Вам помочь?» или предупредить пользователя о том, что сейчас они будут общаться с чат-ботом
Приветствие в диалоге
Это первое сообщение, которое увидит ваш потенциальный клиент, открыв диалог
Помимо краткого приветствия в диалоге, с помощью сервисов по созданию чат-ботов вы также можете настроить реакцию на первое сообщение, которое поступит от пользователя. С помощью этого сообщения вы можете познакомить клиента, например, с меню чат-бота и описать его функционал
Реакция на первое сообщение
Помимо приветствий в диалогах вы можете настроить сообщение, которое будет отправлено пользователю при подписке на сообщество. Эта функция недоступна в рамках стандартного функционала ВКонтакте, но ее можно реализовать с помощью одного из сервисов создания чат-ботов. В таком сообщении вы сразу же можете рассказать пользователю о том, почему сообщество будет ему ценно, о структуре контента, об акциях, которые вы будете размещать только для подписчиков и т.
д. Основная задача здесь – заинтересовать пользователя. Однако здесь есть одно ограничение: сообщение будет отправлено только если пользователь открывал диалог с вашим сообществом до этого.
В качестве примера можно рассмотреть механику привлечения в сообщество через скидку на продукцию: вы владелец кафе, продвигаете свое сообщество ВКонтакте по различным каналам и предлагаете, например, скидку на кофе за подписку. При создании чатбота в приветственном сообщении вы вставляете промо-код и инструкцию по его использованию. Подписавшись, пользователь получает сообщение с промо-кодом и при следующей покупке использует скидку
Реакция на подписку
ВКонтакте помогает формировать ожидания пользователей, отображая среднее время ответа компании при начале диалога с ней. Среднее время ответа рассчитывается автоматически на базе ответов за последние 3 дня
Индикатор скорости ответа
Для соц.
сетей скорость ответа в 1 час – это довольно медленно, т.к. пользователи зачастую ищут ответ на свои вопросы в моменте
И если потенциальный клиент решит узнать дополнительные детали по продукции и увидит, что один из конкурентов отвечает в течение 5 минут, а другой – в течение нескольких дней, у первого шансы заполучить клиента будут гораздо выше
Поэтому убедитесь, что у вас достаточно администраторов, чтобы своевременно обрабатывать входящие сообщения. В идеале вы должны реагировать на сообщения в течение максимум 5 минут. Важно понимать, что клиенты привыкают к разной скорости ответа по различным каналам, и если они готовы подождать несколько часов, написав вам email, то в соц.сетях и мессенджерах ожидания будут совсем другие
Оперативность ответа
Отвечая клиентам в моменте, старайтесь достичь именно такого индикатора
Для повышения скорости ответа на запросы клиентов вы также можете воспользоваться функционалом оповещений, чтобы моментально реагировать на запрос.
Для этого есть 3 варианта:
Оповещения
Вы можете добавить индикатор сообщений сообщества в левое меню у каждого из администраторов. В этом случае администратор при работе с ПК будет видеть непрочитанные сообщения в сообществе рядом с личными сообщениями
Индикатор сообщений
Вы можете установить приложение для администраторов VK Admin, которое не только будет оповещать вас с помощью push-уведомлений о новых сообщениях от клиентов, но и даст возможность отвечать на запросы прямо через смартфон, если вы не в офисе
VK Admin
Интегрировать сообщения сообщества ВКонтакте с вашей CRM-системой при помощи API и получать оповещения уже внутри CRM
CRM система
Так как индикатор скорости ответа фиксирует лишь ваше первое ответное сообщение, старайтесь отправить его как можно быстрее. Например, еще до основного ответа, сразу после получения сообщения отправить что-то типа «Станислав, добрый день! Мы получили Ваше сообщение, обязательно ответим в течение 10 минут!», закончить обработку предыдущих запросов и вернуться к клиенту. Таким образом, и клиент поймет, что его сообщением сейчас займутся, а индикатор скорости ответа посчитает, что он был получен оперативно. Кроме того, т.к. во всех соц.сетях и мессенджерах теперь видно, что собеседник прочитал ваше сообщение, нельзя просто ознакомиться со входящим запросом и начать думать – ведь в этом случае на другой стороне клиент увидит, что его сообщение прочитали, но не отвечают
Подтверждение о получении запроса
Для удобства работы администраторов в сообщениях сообщества ВКонтакте есть 3 специальных папки: непрочитанные (которые вы еще даже не открыли), неотвеченные (были просмотрены вами, но не получили ответа) и важные. Первые 2 категории влияют на время, отображаемое в индикаторе скорости ответа, о котором мы говорили ранее, поэтому важно обязательно подтверждать их получение либо маркировать диалог как завершенный (если клиент нас просто поблагодарил в конце беседы, и его сообщение оказалось последним). Также диалоги можно переводить в папку «Важные» – это будет означать, что с клиентом нужно связаться через некоторое время. Однако это лишь минимальный набор категорий, поэтому сейчас категоризацию и тегирование сообщений можно делать с помощью API ВКонтакте: либо уже в своей CRM, либо если вы используете сторонний сервис
Работа с категориями сообщений
Социальной сетью ВКонтакте мир не ограничивается: до того, как обратиться к вам через чат ВКонтакте, клиент может писать вам в Facebook, Whatsapp, направлять вам email’ы и т.д. И здесь важно, чтобы вы были в курсе всех предыдущих взаимодействий с ним и не общались с клиентом, как будто он обратился к вам впервые, если он связывается с вами уже 5-ый раз, пытаясь решить свою проблему. Внедрение омниканального подхода для бизнесов с большими клиентскими базами требует значительных усилий по автоматизации, и об этом мы поговорим в отдельной статье. Но на уровне малого бизнеса с минимумом ресурсов программа минимум – это при получении сообщения от клиента посмотреть предыдущую переписку в диалоге ВКонтакте и вручную проверить в CRM и других сетях, не общались ли вы с ним до этого
Омниканальность
Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram
Старайтесь облегчить общение с вашей компанией для клиентов и подсвечивайте альтернативные методы общения. Например, если клиент решил написать вам в чат, в приветственном сообщении вы можете указать, что помимо ввода текста он также может записать голосовое сообщение, сэкономив тем самым время. Только в этом случае не забудьте проверить, что у сотрудников службы поддержки не возникнет технических проблем с прослушиванием сообщения (как бы это ни было банально, у всех должны быть наушники)
Голосовые сообщения
Голосовые сообщения в чате ВКонтакте могут позиционироваться, как альтернатива входящим звонкам от клиентов
Для ускорения работы с клиентами вы можете использовать шаблоны сообщений, которые можно настроить прямо в меню диалогов
Шаблоны сообщений
Проанализируйте входящие запросы и подготовьте стандартные ответы на них
Анализ истории
Для персонализации пользовательского опыта вы также можете использовать имя и фамилию клиента, имя и фамилию администратора, который отвечает на сообщение, название сообщества и автоматическое приветствие (добрый день/добрый вечер).
Персонализация
Создайте шаблон на базе наиболее часто задаваемых вопросов и персонализируйте его с помощью специальных полей
В будущем он будет доступен вам в 2 клика при ответе на входящие запросы клиентов. Имя клиента, ваше имя, название сообщества и текст приветствия будут автоматически заполнены актуальными значениями
Предыдущий пример со скидкой на кофе от владельца кафе можно переиграть следующим образом: вместо включения промо-кода в приветственное сообщение вы заготавливаете шаблон и отсылаете его всем, кто обращается за промо-кодом: «Привет, Станислав! Это Антон из Кафе Х. Как и обещали, вот ваш промо-код на скидку 20% при покупке кофе HAPPYCOFFEE – сообщите его в следующий раз на кассе». В этом случае Станислав – имя клиента, Антон – имя отвечающего администратора, Кафе Х – название сообщества. Все это будет подставляться автоматически
Если в шаблоне вы используете автоматически подставляемые данные, не забывайте их проверить после выбора шаблона. Если пользователь нечаянно поменял имя и фамилию местами, может получиться казус: «Здравствуйте, Хрусталев! Чем мы можем вам помочь?»
Проверка шаблонов
Также не забудьте, что ответы должны соответствовать по тональности сообщениям клиента, и, если кто-то написал вам менее формальное сообщение, не стоит отправлять ему стандартное формальное сообщение, а перед отправкой подправить шаблон
Тональность ответов в шаблоне
Постоянно поддерживайте актуальность шаблонов, общайтесь со службой поддержки и добавляйте новые шаблоны по мере появления новых часто задаваемых вопросов
Обновление шаблонов
Но так как список шаблонов общий для всех администраторов и каждый может додавить свой шаблон, не давайте списку перерасти в хаос и обсуждайте каждый новый шаблон с другими администраторами
Порядок в шаблонах
Может случиться так, что клиент задаст вам сразу несколько вопросов, и пока вы отвечаете на первый вопрос, вы получите еще пару-тройку дополнительных. В таком случае диалог может стать трудно читать. Поэтому убедитесь в том, что ваша служба поддержки в подобных случаях знает, как использовать функционал ответа на конкретные сообщения. Таким образом, вы можете облегчить для клиента понимание того, на какой вопрос вы отвечаете
Ответ на конкретное сообщение
На каждый вопрос можно отвечать по отдельности. Это позволяет избежать путаницы
Для того чтобы с одним клиентом не начали общаться сразу несколько администраторов, ВКонтакте предусмотрена функция, которая блокирует диалог для всех, кроме того, кто первым начал отвечать клиенту. Функция срабатывает автоматически, поэтому неразберихи в чате не произойдет
Блокировка диалога
Естественно, что ваше общение с клиентами не ограничивается только сетью ВКонтакте, а количество каналов связи может перевалить за десяток. Поэтому в рамках построения системы поддержки необходимо максимально упростить работу операторов – так, чтобы они не разрывались между несколькими социальными сетями, мессенджерами и email’ом. В этом случае вы можете воспользоваться API ВКонтакте, чтобы интегрировать сообщения от клиентов в этой сети в вашу CRM-систему и позволить операторам отвечать на запросы в различных сетях через единый кабинет. Если у вас нет ресурсов на интеграцию с CRM, в качестве хорошей альтернативы также могу посоветовать сервис TextBack, позволяющий решить эту задачу
Интеграция с CRM
С помощью API ВКонтакте вы можете собирать обратную связь от клиентов: после окончания диалога клиент может получить от вас сообщение с просьбой оценить службу поддержки и двумя кнопками. Если клиенту что-то не понравилось, вы можете предложить ему описать причину недовольства и оповестить сотрудника, ответственного за контроль качества. Выглядеть это может вот так:
Оценка качества обслуживания
Клиенту лишь нужно нажать на кнопку, соответствующую его впечатлениям от использования сервиса – все максимально просто
Если я нажимаю на кнопку «Мне не понравилось», чат-бот оповещает сотрудника и с сожалением спрашивает, что же мне не понравилось, а я могу выбрать одну из причин, просто нажав на кнопку
При получении вопроса от клиента ознакомьтесь с его личным профилем и предыдущей перепиской, чтобы не задавать лишних вопросов. В идеале в своей компании вы должны внедрить омниканальный подход. За этим красивым словом на практике будет скрываться следующее: вне зависимости от канала связи личность клиента будет определяться автоматически и при ответе на его запрос во ВКонтакте служба поддержки должна видеть историю по общению с ним в Facebook, по телефону, через Telegram и т.д., информацию по покупкам, его личные данные и отвечать на его вопрос, зная контекст предыдущего взаимодействия
Работа с контекстом и омниканальность
Эта механика схожа с реакцией на подписку: ее можно реализовать в рамках чат-бота, и она также будет отправлена только в том случае, если клиент общался с сообществом через чат. Однако если есть возможность реализовать такую функцию, почему бы ее не реализовать? В реакции на отписку вы можете добавить сообщение с сожалением и предложить выбрать из списка причину, по которой клиент решил отписаться. Помимо этого, если клиент предоставил обратную связь, вы также можете воспользоваться одной из механик удержания: предложить скидку, подарок при повторной покупке, бесплатную доставку при следующем заказе и т. д. Таким образом, вы не только покажете клиенту, что цените его, но и соберете ценную информацию об основных причинах отписки
Реакция на отписку
Если вы решили создать чат-бота, помните: чем сложнее его функционал, тем выше вероятность возникновения ошибок, поэтому перед тем, как подключить чат-бота к сообщениям и открыть для пользователей, дайте его протестировать коллегам и попросите оценить, насколько интуитивен интерфейс и как реализованы различные функции
Тестирование чат-ботов
Чат-боты как технология постепенно набирают популярность, но не всегда стоит слепо следовать тренду – иначе есть риск того, что технология сработает против вас:
Чат-бот vs. связь с оператором
Во-первых, перед тем, как разрабатывать чат-бота, спросите у клиентов, насколько это нововведение было бы для них ценно
Ценность в глазах клиентов
Во-вторых, если вы уже подключили чат-бота, обязательно реализуйте возможность связи с оператором: чат-бот играет лишь вспомогательную функцию, и пользователь не должен оказаться ситуации, когда вопрос с помощью чат-бота не решен, а достучаться до оператора невозможно
Связь с человеком
В-третьих, если администратор подключается к чату, должна быть реализована функция остановки бота в течение некоторого времени, чтобы он не мешал общению, реагируя на ключевые слова от клиента
Остановка бота
При использовании чат-бота старайтесь максимально упростить для клиента ввод информации и вместо набора какой-либо команды предлагайте ему выбрать из нескольких вариантов, реализованных в виде кнопок
Кнопки в чат-ботах
Мне не нужно писать адрес для самовывоза в чат – достаточно просто нажать на кнопку
Сделайте так, чтобы кнопки привлекали внимание: добавьте в них эмоджи и задайте цвет, соответствующий варианту ответа (синий – основной, серый – второстепенный, зеленый – позитивный ответ, красный – негативный ответ). Таким образом, кнопки станут более заметными, и пользователю легче будет сориентироваться
Emoji соответствуют вариантам ответа и добавляют кнопкам красок, а подсветка кнопок синим и белым цветами проводит разделение между двумя типами команд: выбором транспорта и запросом связи с оператором
Подсвечивание кнопок зеленым и красным цветом позволяет клиенту быстро понять, какой из ответов позитивный, а какой – негативный. Emoji усиливают этот эффект
С помощью чат-бота вы также можете помочь пользователю выбрать товар в вашем интернет-магазине или уточнить наличие билетов. Однако, помимо этого, в рамках диалога теперь также можно провести и оплату через VK Pay или Яндекс.Деньги
Оплата с помощью чат-бота
Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram
В рамках чата ВКонтакте вы можете автоматизировать множество операций, например, бронирование столика в ресторане, запись в салон, заказ пиццы и т. д. При этом важно, чтобы данные, вводимые клиентом (например, телефон и email), проверялись на корректность, и чат-бот просил его повторить ввод, если данные содержат ошибки. Поэтому обязательно реализуйте функции валидации данных, если самостоятельно пишете чат-бота, или проверьте, есть ли подобный функционал в конструкторе чат-ботов, которым вы пользуетесь
Валидация вводимых данных
Некоторые сервисы по созданию чат-ботов для ВКонтакте позволяют вам задавать интервалы между сообщениями – от секунды до нескольких дней. Этот функционал можно использовать, продумывая customer journey ваших клиентов. Например, если пользователь решил купить товар в вашем интернет-магазине, нажал на кнопку «Оплатить через VK Pay» и транзакция прошла успешно, цепочка сообщений на этом не заканчивается, и через несколько дней пользователь получает сообщение a-la «Ну как, успели попробовать наш продукт? Надеемся, все понравилось. А если нет, пожалуйста, дайте нам знать»
Сообщения, отложенные во времени
Итак, мы поговорили с вами о чате ВКонтакте – о том, какие полезные функции предоставляет нам сама социальная сеть, о том, каких принципов стоит придерживаться при работе с клиентами через чат, а также о возможностях автоматизации и фишках, связанных с ней. Но чат – не единственный канал связи между вашей компанией и клиентами, ведь помимо этого вы можете взаимодействовать с аудиторией через публикации в ленте новостей, истории, прямые трансляции и рассылки, не говоря уже о множестве приложений, которые также могут стать точками контакта с клиентами.
TO BE CONTINUED…
В следующей части мы поговорим о прямых трансляциях ВКонтакте – о том, для чего их использовать, что стоит сделать при подготовке к прямой трансляции и каких ошибок стоит избегать во время ее проведения
ПОДПИСАТЬСЯ
39 Вдохновляющие примеры страниц контактов
Большинство страниц контактов разработаны с учетом функциональности.
Они пишут адрес электронной почты, телефон и адрес на простом фоне и заканчивают работу.
Но основные страницы контактов не вдохновляют посетителей протянуть руку и связаться.
Другие страницы позволяют легко связаться с компанией, и это здорово.
За исключением того, что это также может увеличить расходы на обслуживание клиентов.
Так что же делает страницу «Контакты» идеальной?
Удивительная страница «Свяжитесь с нами» обеспечивает правильный баланс между упрощением связи с компанией и обменом ресурсами, которые пользователи могут использовать для быстрого ответа на свои вопросы.
Продолжайте читать, чтобы открыть для себя 39 примеров страниц «Контакты», которые выходят за рамки основ и, надеюсь, вдохновят вас на то, чтобы вывести свой сайт на новый уровень.
39 Удивительные примеры страницы «Контакты», которые вам нужно увидеть
1. Заметки о брокерах
На первый взгляд, страница контактов «Заметок о брокерах» выглядит довольно пустой.
Никакой графики, никакой причудливой копии, только старая обычная контактная форма.
Отлично подходит для UX, но не так хорош для вдохновения пользователей на общение.
Так что же особенного на этой странице?
В раскрывающемся меню «Чем мы можем вам помочь?» позволяет пользователям сообщать причину, по которой они связываются с сайтом.
Это упрощает сортировку запросов и максимально быстрый ответ на важные контакты.
Например, если вы выберете «Я брокер, который хочет разместить рекламу на Broker Notes», вы перейдете к другой форме, чтобы поделиться дополнительной информацией о своей фирме.
Маленькая полоска внизу показывает, сколько времени осталось в форме, чтобы пользователи меньше раздражались.
2. Sleeknote
Sleeknote использует тот же формат, что и Broker Notes — они спрашивают, как они могут помочь, и предоставляют ссылки, чтобы заказать демонстрацию или стать партнером.
Если пользователю нужно что-то еще, ему предлагается заполнить контактную форму.
Еще одна особенность, которая выделяется, — это возможность живого чата Sleeknote, где пользователи могут связаться, чтобы узнать больше о том, что они предлагают, или задать вопросы.
Упрощение поиска информации служит двум целям. Он:
- Помогает клиенту найти то, что ему нужно.
- Уменьшает количество контактов, которыми должен управлять бренд.
Другими словами, это беспроигрышный вариант.
3. Yeti
Страница контактов Yeti выделяется по нескольким причинам.
Во-первых, они предлагают красивый (и фирменный) фотофон. Это бросается в глаза, не отвлекая от копии.
Копия немного дерзкая: «Хотя мы хорошо разбираемся в дымовых сигналах, у нас есть более простые способы связаться».
Внизу страницы Yeti предлагает ряд ресурсов, включая часто задаваемые вопросы о продуктах, информацию о гарантиях и ссылки для проверки баланса подарочных карт.
Но они также не прячут контактную информацию, что только расстроит пользователей.
Нажав на кнопку «Отправить нам электронное письмо», вы перейдете прямо к контактной форме.
Найти легко, но не слишком легко. (Что также помогает отпугнуть надоедливых ботов.)
4. BrightLocal
BrightLocal сохраняет свою контактную страницу простой, но персонализирует ее с помощью имен и лиц своей службы поддержки.
Это помогает пользователям почувствовать, что они общаются с реальными людьми, а не просто с безликим брендом.
Они также спрашивают, являются ли пользователи текущими клиентами, что позволяет им предоставлять более качественные услуги, понимая, может ли контакт иметь вопрос или нуждаться в обслуживании.
5. RedBull
Веб-сайт RedBull многим нравится, но их контактная страница действительно выделяется .
Как и Йети, они используют яркое изображение на заднем плане.
Они также предоставляют раскрывающийся список категорий, чтобы пользователи могли поделиться тем, с чем им нужна помощь.
Прямо под стандартной контактной формой они предоставляют специальную форму только для представителей прессы, что приятно (и, вероятно, сокращает количество запросов прессы, которые они получают через свою обычную контактную форму!)
6. Chipotle
Контактная страница Chipotle начинается с непринужденного тона, который соответствует их корпоративному брендингу: «У вас есть вопросы, у нас есть ответы на все, что связано с Chipotle».
Затем страница предлагает обширный список часто задаваемых вопросов (что, опять же, помогает свести эти контакты к минимуму).
На этой странице мне очень нравятся две вещи.
Во-первых, они набрасываются на вас, чтобы сообщить, что время отклика больше, чем обычно.
Yay для установления ожиданий.
Но у них также есть чат-бот, который помогает людям ориентироваться в часто задаваемых вопросах.
Chipotle обеспечивает идеальный баланс между ограничением количества электронных писем и сохранением отличного обслуживания клиентов.
7. MeUndies
Если вам нравятся забавные трусы, вам стоит попробовать MeUndies.
Бренд предлагает веселую атмосферу, и это видно на их странице контактов.
Как и большинство других брендов, они стараются сначала направить пользователей в свой справочный центр.
Не можете найти то, что вам нужно?
Они позволяют легко связаться со своим «CheekSquad» через чат, электронную почту, текстовое сообщение или социальные сети.
8. Podia
Сколько раз вы обращались в службу поддержки и проводили дни в ожидании ответа?
Podia начинается с того, что подчеркивает их короткое время ожидания, что действительно разумно, тем более что многие люди в наши дни работают удаленно.
Они также делятся часами живого чата и фотографиями своей службы поддержки, чтобы напомнить клиентам, что они будут разговаривать с реальным живым человеком.
9. Проект «Средний палец»
Если вы ищете книгу о том, как выйти из тупика и избавиться от синдрома самозванца, я не могу не рекомендовать эту книгу достаточно.
Но мы здесь, чтобы поговорить о контактных страницах.
Итак, вот контактная страница проекта «Средний палец»:
С точки зрения формы это не очень интересно, верно?
Но я люблю дерзкий язык и «Что я действительно хочу сказать, так это…» и кнопку отправки:
Я не знаю, какова средняя скорость стаи волков, но звучит неплохо.
Кто вообще сказал, что страницы контактов должны быть скучными?
10. Бренды к жизни
Brands to life — австралийское брендинговое и креативное агентство, которое помогает воплощать бренды в жизнь.
У них уникальный бренд, простой и понятный.
Их контактная страница содержит всю стандартную информацию — имя, местонахождение, адрес электронной почты и так далее.
Страница кажется простой, но она соответствует остальной части их сайта и общему брендингу, что позволяет пользователю узнать, что представляет собой бренд и чего он может ожидать.
Это просто показывает, что страницы контактов не должны быть причудливыми, особенно если индивидуальность вашего бренда проста.
11. Kick Point
Kick Point отлично справляется с отсеиванием людей, с которыми они не хотят работать, с самого начала — «Не адресуйте нам свое электронное письмо «Уважаемые господа». это довольно сильное заявление, чтобы быть наверху и в центре вашей контактной формы!
Чуть ниже на странице контактов команда сообщает, сколько времени им требуется, чтобы ответить.
Все это узнаваемо и соответствует бренду.
Я понимаю.
12. Leeds Golf Center
Чему может научить нас поле для гольфа в плане создания потрясающей контактной страницы?
Во-первых, они упрощают бронирование онлайн, что, вероятно, является основной причиной, по которой люди посещают их веб-сайт.
Смарт.
Чуть дальше они перечисляют всю свою контактную информацию – телефон, электронную почту и даже факс.
Но что действительно выделяется, так это их контактная форма, в которой есть изящный маленький флажок, чтобы люди могли подписаться на их информационный бюллетень.
Пользователи должны поставить галочку — они не хитрые — но это простой способ увеличить количество подписок на рассылку новостей.
13. Nebular
Nebular — агентство цифрового развития в США.
Их веб-сайт смелый и громкий, и их страница контактов соответствует этой теме.
Самоуничижительный юмор демонстрирует, кто они как бизнес, всего в нескольких строках, а смелые цвета перенесены с остальной части сайта.
Просто, но эффективно.
14. Базовый лагерь
Кто находится на другом конце этой контактной формы?
С некоторыми компаниями вы никогда не узнаете.
Basecamp, однако, показывает улыбающиеся (хотя и нарисованные) лица своих команд прямо в верхней части контактной формы.
Они также содержат ссылки для регистрации, получения дополнительной информации об их предложениях и ценах.
В результате их контактная страница кажется приятной и простой в использовании.
15. ConvertKit
ConvertKit известен своими инструментами автоматизированной службы электронной почты, разработанными, чтобы помочь клиентам получить максимальную отдачу от их маркетинга.
Их контактная страница подчеркивает одну из их главных целей — успех клиентов.
Сразу под основным изображением клиенты могут щелкнуть, чтобы посетить базу знаний, обратиться за поддержкой или изучить основы на своих семинарах.
И, как и многие другие бренды, они предлагают онлайн-чат прямо на странице контактов, что может помочь снизить разочарование клиентов, помогая им сразу найти нужную информацию.
16. Moon Pie
У Moon Pie есть одна из моих любимых учетных записей в Твиттере (серьезно, зацените), так что я собирался проверить их страницу контактов, чтобы найти этот список.
К сожалению, на их странице контактов не было ни одного шутливого очарования, но оно невероятно хорошо изложено.
Во-первых, они предлагают простые ссылки, по которым можно позвонить или связаться с каждым из магазинов бренда, и показать, где разместить оптовые заказы.
Чуть ниже они делятся часто задаваемыми вопросами, такими как «Где я могу найти MoonPies в моем районе». и «Являются ли MoonPies кошерными?»
Только после обмена этой информацией они дают вам контактную форму.
Контактная форма вовсе не скрыта, но они обязательно сделают все возможное, чтобы ответить на ваши вопросы, прежде чем предоставить вам контактную форму.
17. Taco Bell
Вот еще один бренд, известный своим язвительным социальным присутствием.
Как и MoonPies, Taco Bell делает это прямо, но непринужденно на своей странице контактов.
Они запрашивают контактную информацию и пытаются сначала направить пользователей на свои страницы часто задаваемых вопросов.
Что действительно выделяется, так это то, что Taco Bell позволяет клиентам выбирать, как получить ответ, включая опцию «Ответ не требуется».
Это заставляет меня думать, что есть большая вероятность, что они действительно ответят мне.
18. Focus Lab
Дело в том, что контактные страницы должны быть функциональными.
Если вы переусердствуете с дизайном, вы можете просто разочаровать пользователей.
Но то, что это должно работать, не означает, что оно не может быть творческим.
Focus Lab создала эту потрясающую интерактивную контактную форму, которая позволяет пользователям делиться своим именем, потребностями и бюджетом (что очень важно для работы с клиентами).
Он уникален, что является частью привлекательности его бренда.
А если форма покажется вам слишком сложной, вы можете прокрутить немного вниз, чтобы найти их электронную почту, местоположение и учетные записи в социальных сетях.
19. 99Designs
Страницы с контактной информацией часто заканчиваются универсальным блоком, на разбор которого может уйти много времени.
99Designs решает эту проблему, разделяя запросы в зависимости от потребности, используя одну ссылку для запросов о помощи и отдельную страницу для запросов по связям с общественностью.
Если время вашей поддержки сократилось, возможно, стоит поискать способы сегментировать контактную форму на отдельные почтовые ящики.
20. Freshbooks
Freshbooks использует свою контактную страницу, чтобы привлечь внимание к одному из своих преимуществ — отличной поддержке клиентов.
Они не предлагают форму поддержки по электронной почте, а скорее поощряют клиентов звонить и разговаривать с реальным живым человеком.
В мире чат-ботов и форм электронной почты это очень освежает!
Они также рассказывают о своих предложениях и приглашают пользователей узнать больше обо всем, что может предложить их программное обеспечение.
Это почти половина лендинга/половина контактной страницы. И если вы ожидаете, что на вашу страницу контактов попадет много неклиентов, это хорошая стратегия.
22. Five
Теперь я могу быть неравнодушен к странице контактов Five ( полное раскрытие: я работал с ними в прошлом ), но я одержим его раскрывающимся меню из основной навигации. .
Когда вы наводите курсор на панель навигации вверху, это раскрывающееся меню появляется на каждой странице веб-сайта, позволяя пользователям задавать вопросы, где бы они ни находились на сайте.
23. Xbox
Моя любимая часть страницы контактов Xbox — «Стол ответа для инвалидов».
Я еще не видел, чтобы другая компания добавляла эту функцию на свою страницу контактов.
Поскольку доступность становится все более важной для SEO, я надеюсь, что мы начнем видеть, что все больше брендов используют эти типы контактов.
Спасибо за инициативу, Xbox!
24.
Zendesk
Zendesk дает нам атмосферу в стиле Matrix, позволяя выбирать между разговором с продавцом или просмотром справочного центра.
Ты примешь красную таблетку или синюю?
Это обычная практика. Я начинаю замечать тенденции в пространстве SaaS.
Поскольку компании сокращают накладные расходы или работают с минимальным количеством сотрудников, они вынуждают вас самостоятельно находить ответ в справочном центре.
Но, если вы хотите купить, у вас есть возможность поговорить с человеком.
25. Dollar Shave Club
Пока я надеялся на единорога или какой-нибудь сарказм, просматривая страницу контактов Dollar Shave Club, я был приятно удивлен, обнаружив эту интерактивную страницу контактов с нами.
Dollar Shave Club объединяет справочный центр со своей страницей контактов на основе вашего запроса.
26. Kinsta
Kinsta, хостинговая компания WordPress премиум-класса, является одной из моих любимых хостинговых компаний WordPress.
В основном потому, что после перехода на Kinsta скорость страницы утроилась.
Но хостинг WordPress от Kinsta — не единственное, что мне нравится.
Контактная страница Kinsta отвечает на вопросы напрямую, предоставляя прямой адрес электронной почты и чат.
Полное раскрытие: в прошлом я оказывал услуги копирайтинга для Kinsta.
27. Swab the World
Swab the World становится одним из моих любимых веб-сайтов, в основном из-за его причудливой копии.
Вы можете увидеть на странице контактов Swab the World, они передают свой разговорный тон даже в минимальной копии на странице.
Кроме того, я люблю приветствовать обычную почту. Кто-нибудь все еще любит получать стандартную почту? 🙋♀️
28. Shopify
Shopify предоставляет дружественную страницу контактов с теплой приветливой улыбкой на визуальных эффектах.
Что еще более важно, Shopify разбивает разделы поддержки, которые могут вам понадобиться.
Shopify выделяет свои форумы сообщества, справочный центр и контактную информацию для поддержки.
Заметили расположение?
Это сигнал для пользователей обратиться за помощью на форум, затем в справочный центр, пока, наконец, вам не понадобится поддержка человека.
29. Trello
Подобно Shopify, Trello обращается к своему сообществу Trello, чтобы помочь пользователям получить поддержку.
По мере того, как все больше клиентов начинают пользоваться вашими услугами или продуктом, полезно предоставить дополнительную поддержку другим пользователям, которые могли столкнуться с той же проблемой.
Тем не менее, когда ничего не помогает, пользователи могут напрямую связаться со службой поддержки Trello.
30. PayPal
Служба поддержки клиентов PayPal идентифицирует общие запросы, которые она получает, на своей странице контактов.
Ниже вы можете увидеть, что PayPal выделяет проблемы с паролями, платежами, пожертвованиями, спорами и т. д.
Однако, если вы все еще не можете найти решение, PayPal предоставляет дополнительные ссылки, чтобы помочь своим пользователям быстро найти ответы.
32. Ben & Jerry’s
Хотя Ben & Jerry’s — один из моих любимых брендов мороженого (привет любителям Phish Food!), дизайн и копия веб-сайта Ben & Jerry всегда были на первом месте в моем списке.
Опять же, как и в PayPal, Ben & Jerry’s предоставляет раздел часто задаваемых вопросов с наиболее часто задаваемыми вопросами, чтобы ускорить время ответа.
33. Друзья
Команда Friends остается верной своему бренду с монотонными цветами и игривым текстом.
По мере того, как вы продолжаете прокручивать страницу «Свяжитесь с нами», «Друзья» заглядывают в свои многочисленные офисы, чтобы дать потенциальным клиентам представление о том, на что похожа повседневная жизнь в «Друзьях».
34. Развлечения Bite Size
Развлечения Bite Size представили интересную информацию на своей странице контактов.
Вместо включения формы они используют интерактивную карту, чтобы выделить рестораны, бары и кафе рядом с офисом.
Bite Size Entertainment демонстрирует свою индивидуальность, используя вдохновляющие тексты, такие как «работа вашей будущей мечты», и переходя на личности, «разговаривая за чашкой кофе».
Даже на странице «Свяжитесь с нами» разговорный тон передается по всему сайту.
35. Poo-Pourri
После прослушивания подкаста со Сьюзи Батиз несколько лет назад я стал большим поклонником копии Poo-Pourri.
Они играют непосредственно со своей целевой аудиторией, как вы можете видеть в чате: «Расскажите нам немного о себе».
36. Squatty Potty
Squatty Potty стал большим событием после его премьеры на Shark Tank и этой рекламы на YouTube, которая стала вирусной.
Но уникальное чувство юмора и любовь Squatty Potty к 💩 — не единственное, что мне нравится в этом бренде.
Страница контактов Squatty Potty — это та страница, на которую вы захотите взглянуть.
Squatty Potty не только предоставляет контактную форму, но и включает организованный раздел часто задаваемых вопросов ниже, чтобы помочь быстрее ответить на ваши вопросы.
37. Velocity
Velocity — маркетинговое агентство B2B, над которым я много лет смеюсь над своим веб-сайтом.
Он играет свою роль, признавая, что, если вы попадаете на эту страницу, вы находитесь на «поздних этапах пути к покупке B2B».
Если вы профессионал в области поисковой оптимизации, вам понравится, как Velocity добавила направления в свои офисы, отправляя множество местных сигналов в поисковую выдачу, подтверждая определенные железнодорожные станции, кинотеатры, мосты и многое другое.
38. Энн Хэндли
Энн Хэндли долгое время была любимицей фанатов команды Search Engine Journal.
Но мы не просто поклонники повествования Энн.
Ее страница с контактами снова впечатляет.
После того, как Энн очаровала вас своей копией выше, она углубляется в подробности того, как отправить ей электронное письмо, чтобы получить более быстрый ответ.
39. Солнцезащитные очки Pit Viper
Должен признаться, я купил пару этих солнцезащитных очков, основываясь только на дизайне веб-сайта и копии Pit Viper.
Между граничащим с грубым и язвительным копированием веб-сайта и использованием шрифта comic sans трудно, как специалисту по SEO, не хотеть покупать на этом сайте.
Страницы контактов — это татуировки вашего сайта
Печально, но факт, что страницы контактов — это татуировки вашего сайта.
Вы знаете, что они есть, но, вероятно, забыли о них позаботиться и подкрасить.
Страницы контактов должны ставить функцию на первое место. Но, как показывают эти примеры, страницы контактов не обязательно должны быть скучными.
Не бойтесь украсить свою страницу красивыми фотографиями, интерактивными элементами и причудливым текстом, подчеркивающим индивидуальность вашего бренда.
Дополнительные ресурсы:
- Анатомия веб-страницы: как максимизировать влияние SEO
- 25 потрясающих примеров страниц «О нас»
- SEO для начинающих: введение в основы SEO
Авторы изображений
Избранное изображение: Создано автором, сентябрь 2020 г.
Все скриншоты сделаны автором, сентябрь 2020 г.
Категория
Цифровой опыт
Web Dev SEO
25 Классные примеры страницы «Свяжитесь с нами» и рекомендации
Возможно, это не звезда шоу, но ваша страница «Свяжитесь с нами» — одно из самых важных мест на вашем сайте.
Драматично, мы? Вовсе нет, мы просто знаем, что хорошо для вас.
Если вы занимаетесь онлайн-бизнесом, вам необходимо иметь по крайней мере один способ общения с клиентами, потенциальными клиентами и людьми, которые растеряны, но заинтригованы.
Вот тут-то и появляется страница контактов. Вы можете разместить номер телефона, вы можете создать форму — черт возьми, вы можете создать серию форм.
Если вы не понимаете, о какой странице мы говорим, или вам нужно вдохновение, читайте дальше.
Что такое страница «Свяжитесь с нами» и зачем она нужна веб-сайтам?
Страница «Свяжитесь с нами» предоставляет посетителям веб-сайта способы связаться с компанией.
Многие примеры страниц контактов в нашем списке содержат формы. Это один из самых простых форматов для ввода вопросов пользователями.
Бренды также делятся адресами электронной почты, адресами офисов или магазинов, а иногда и номерами телефонов на своих страницах «Свяжитесь с нами».
Почему? Ну, в первую очередь страница «Свяжитесь с нами» — отличный инструмент обслуживания клиентов.
Он позволяет людям вступить в непосредственный контакт с брендом по любой причине. Но это также отлично подходит для делового общения.
Вам может понадобиться контактная страница, чтобы привлечь клиентов, или вы можете использовать ее для управления запросами СМИ.
Это способ вашей компании оставаться на связи с миром.
25 примеров высококачественных страниц «Контакты»
Независимо от отрасли, страницы «Свяжитесь с нами» являются важными компонентами веб-сайта любого бренда.
Мы составили список из 25 крутых, причудливых и совершенно обычных, но очень удобных примеров.
Взгляните на некоторые из лучших практик и посмотрите, что вы можете сделать со своей собственной страницей контактов.
1. Агентство культового дизайна
Некоторые из лучших страниц «свяжитесь с нами», которые мы нашли, принадлежат агентствам креативного дизайна. В этом нет ничего удивительного.
Видите ли, посетители сайта электронной коммерции могут захотеть связаться с брендом, чтобы пожаловаться, похвалить или задать вопросы. Но с агентствами страницы контактов лежат в основе всех операций.
Без каких-либо контактов потенциальные клиенты не могут сделать запрос о новом коммерческом предложении. Очень важно, чтобы их было легко найти и чтобы ими было весело пользоваться.
Список невероятных примеров начинается с удобной и отзывчивой страницы «Свяжитесь с нами» дизайнерского агентства Cult.
Пользователей встречают дружеским приветствием — как и на остальной части веб-сайта, слова появляются при прокрутке.
Сама по себе контактная информация довольно проста.
На две драматические фотографии офисов агентства, Лондона и Нью-Йорка, накладываются соответствующие адреса электронной почты и номера телефонов. Здесь нет контактных форм.
2. Клэр Хартли
Если вам нужны примеры страницы «Свяжитесь с нами» для личного бренда, ознакомьтесь с этим милым и простым дизайном от лондонского иллюстратора.
На сайте Клэр Хартли посетителям предоставляется несколько вариантов: отправить ей электронное письмо, написать на адрес ее студии или заполнить контактную форму со своим запросом.
Наряду с жизненно важной информацией на этой странице «Свяжитесь со мной» объясняется, как связаться с вами в зависимости от ваших потребностей.
Используя простой черный текст на чистом не совсем белом фоне, страница проста в использовании и навигации. Но это тоже мило.
Прокрутив вниз, вы найдете фотографии иллюстратора в ее студии, а также некоторые из ее любимых работ. Это отличный способ добавить индивидуальности странице «Контакты».
3. Вкусняшка
Мы считаем, что страницы контактов должны быть дружественными. В конце концов, вы поощряете пользователей связываться с вами, так зачем делать это пугающим сценарием?
Yummygum имеет одну из лучших страниц «свяжитесь с нами» для дружелюбия — ознакомьтесь с многочисленными вариантами, которые есть у посетителей, когда дело доходит до контактных форм.
Дизайн разделенной страницы позволяет людям найти компанию на карте с одной стороны и выбрать причину, чтобы связаться с ней с другой.
Посетители могут выбрать один из четырех вариантов, каждый из которых ведет к определенной форме. Вы можете запланировать звонок, отправить бриф или просто заполнить поля формы вопросом или двумя.
Каждый шаг процесса на этих контактных страницах отмечен четкими кнопками призыва к действию, чтобы пользователи не заблудились в пути.
Кроме того, в верхней части страницы есть CTA для связи с компанией. Он даже обведен кружком, в отличие от остальной части навигационной панели.
Если ваша страница «Свяжитесь с нами» является жизненно важной частью вашего бизнеса, сделайте так, чтобы посетители могли легко связаться с вами.
4. Городское влияние
Раздельный дизайн страницы контактов — довольно популярный выбор. Если вам не нравится сайт, полный трюков и украшений, это отличный способ стильно донести информацию.
Взгляните на брендинговое агентство Urban Influence. Их страница «свяжитесь с нами» проста, но полностью доступна.
На одной стороне вы найдете важные сведения: адрес, адрес электронной почты и номера телефонов. Другая сторона посвящена форме, а внизу есть карта местоположения.
Благодаря неформальному тону голоса, который посетители могут найти повсюду на веб-сайте, вы без колебаний заполните их контактную форму.
И какая это серьезная контактная форма. Вам просто нужно заполнить свою личную контактную информацию, сказать им «как дела?» и подтвердите, что вы не робот. Легкий.
5.
Второй номер Huit Huit
Это агентство полностью изменило скромную контактную форму на своей странице «Свяжитесь с нами».
Мы все видели множество контактных форм — обычно это просто часть страницы, разделенная на различные поля формы. Но не здесь.
На первый взгляд, это, вероятно, одна из самых скучных страниц «свяжитесь с нами», которые вы когда-либо видели.
Он содержит только адрес, номер телефона и ссылки на страницы бренда в социальных сетях. Но затем вы прокручиваете вниз.
Внизу страницы посетители видят яркий раздел с изменяющимся цветом, который содержит один-единственный призыв к действию: поздороваться.
Если у вас возникнет желание нажать, этот призыв к действию перенесет вас на другую страницу, где вы сможете написать свой запрос.
Вам будет дана милая вступительная фраза, которую вы можете удалить, если у вас действительно нет сердца, а остальное зависит от вас.
Это удобный элемент веб-дизайна, который побудит посетителей мгновенно превратиться в клиентов.
6. Харлей Джонстон
Важно убедиться, что каждая страница вашего веб-сайта непротиворечива. На веб-сайте студии графического дизайна Harley Johnson везде царит дружелюбный тон.
От большого «привет» на целевой странице до такого же большого «скажи привет» на странице «свяжитесь с нами» — посетителям трудно не чувствовать себя здесь желанным гостем.
Ярко-красная страница контактов очень проста, если не считать большого приветствия.
Пользователи могут нажать, чтобы использовать контактный адрес электронной почты, отправить сообщение компании через социальные сети или найти адрес компании. Вот и все.
Это идеальная страница «Свяжитесь с нами» для веб-сайта компании с простыми, эффектными страницами и ярким фирменным стилем.
7. Чарльз
На многих лучших страницах «свяжитесь с нами» удается плавно интегрировать один или два призыва к действию в письменный текст. Нужны примеры? Вот один.
Цифровое агентство The Charles приветствует пользователей на странице «Контакты» с вопросом.
Если вы хотите сотрудничать с компанией, вы будете отправлены на контактную форму. Соискатели будут перенаправлены на веб-сайт по трудоустройству.
Если вы просто хотите поздороваться, видимой контактной информации нет. Итак, вы пролистываете.
Используя упрощенную версию дизайна веб-сайта бренда, остальная часть страницы «Свяжитесь с нами» состоит из нескольких ярких фотографий ретро-телефонов, а также самой важной информации.
В зависимости от местоположения, с которым пользователи должны связаться, для каждого местоположения есть адрес, адрес электронной почты и номера телефонов.
С контактной формой, расположенной вдали от главной страницы «Свяжитесь с нами», макет здесь гладкий и утонченный, как и сам бренд.
8. Знакомство с брендом
Креативные агентства — не единственные компании, у которых есть потрясающие примеры страниц «свяжитесь с нами». У нас есть еще много, чем поделиться, но давайте взглянем на еще одну консультацию по бренду.
Как только посетители переходят на целевую страницу веб-сайта Brand Affair, первое, что они видят, — это большой розовый фламинго. Страница «Свяжитесь с нами» не так уж отличается.
Как только пользователи нажимают кнопку «Контакты» вверху страницы, страница делится по горизонтали — фламинго вверху, контактная информация внизу.
Есть обычные подозреваемые: карта, номер телефона, адрес электронной почты. Но справа находится короткая простая контактная форма.
Чтобы связаться с пользователем, просто заполните пустые поля в этом сжатом сообщении, затем нажмите «отправить» и дождитесь ответа.
9. Базовый лагерь
Существует простая формула идеальной страницы «Свяжитесь с нами». Ему просто нужны контактные данные с большой дозой дружелюбия — вы уже знаете, на чем мы стоим.
Дружественные страницы «Свяжитесь с нами» демонстрируют приверженность вашего бренда поддержке клиентов. Если вы не милы на странице контактов, вы вообще милы?
Может быть, немного драматично, но взгляните на страницу Basecamp «свяжитесь с нами», помеченную как страница «поддержки» на их веб-сайте.
Первое, что видят клиенты, это иллюстрированный состав службы поддержки.
Наведите указатель мыши на любое изображение, и вам сообщат имена всех сотрудников службы поддержки.
Прокрутите вниз, и вы увидите форму «Свяжитесь с нами», которая начинается с раскрывающегося списка категорий, чтобы команда могла легко ответить на ваши вопросы.
Пользователям даже предоставляется возможность загружать файлы, которые могут помочь службе поддержки. Хотя сама страница проста, это отличный пример дружественного бизнеса.
10. Бамбл
Вот отличная страница «Свяжитесь с нами» для бизнеса с амбициями роста.
Bumble уже является огромным приложением с пользователями по всему миру. Если вы хотите приветствовать запросы прессы и запросы о партнерстве наряду с запросами клиентов, посмотрите.
Отойди в сторону, причудливая графика: посетители веб-сайта Bumble найдут урезанную страницу с симпатичным градиентным баннером и пятью фрагментами информации.
Для поддержки клиентов вы можете посмотреть, был ли уже дан ответ на ваш вопрос в справочном центре, или заполнить форму, чтобы сообщить о любых проблемах.
Другим брендам и средствам массовой информации направляются отдельные формы, а довольные клиенты могут отправлять компании письма со своими историями успеха.
Это удобный способ собрать несколько страниц контактов в одном простом и доступном месте.
11. Вейз
Итак, у вашей компании есть приложение и большие амбиции, но вы хотите, чтобы на странице «Свяжитесь с нами» было что-то интересное?
Waze может дать вам несколько идей.
Хотя это не лучший пример страницы «Свяжитесь с нами» для интересной графики, он дает совершенно четкие указания для всех типов посетителей веб-сайта.
Разделен на семь категорий, каждый призыв к действию «Свяжитесь с нами» сопровождается симпатичной иллюстрацией бренда.
Если вы хотите связаться по поводу партнерства или лицензирования, на экране появится контактная форма. Вы просто заполняете свои контактные данные и уходите.
Посетителям с большими идеями или предложениями рекомендуется обращаться напрямую к команде Waze по электронной почте.
Иногда не на каждый запрос можно ответить с помощью одной контактной формы. Если это относится к вашему бизнесу, такая страница может быть тем, что вам нужно.
12. Приложение Marvel
Иногда, тем не менее, одна контактная форма — это то, что вам нужно, чтобы оказать влияние на страницу «Свяжитесь с нами».
У этой компании, разрабатывающей дизайнерские приложения, на страницах сайта разбросаны яркие иллюстрации персонажей — на странице «Свяжитесь с нами» рыжеволосая с карандашом занимает центральное место.
Рядом с ней находится одна очень серьезная контактная форма для всех пользователей. Все, что вам нужно сделать, это ввести свое имя, контактную информацию и краткое сообщение.
Нам, клиентам, приятно, когда компания предлагает более простые способы связаться с ними. Но для тех, кто ищет дополнительную информацию, Marvel также учла их потребности.
Прокрутив вниз страницу «Свяжитесь с нами», вы попадете в три области: отдел продаж, справочный центр и пресс-кит бренда.
Как и другие приложения из нашего списка, это приложение объединило несколько страниц в одно центральное место на своем сайте.
Таким образом, хотя главная страница «Свяжитесь с нами» очень проста по дизайну, она содержит информацию для любопытных клиентов.
13. Instabase
Для компании, которая специализируется на оптимизации процессов, Instabase остается на связи со своей страницей «Свяжитесь с нами».
Как и остальная часть веб-сайта, эта страница имеет приглушенную цветовую палитру без излишеств. Там нет изображений и, конечно же, нет адаптивного дизайна.
Но это как бы и не беда — тон копии доброжелательный, а запрос в компанию отправить достаточно просто.
Все, что нужно сделать посетителям веб-сайта, это заполнить контактную форму, указав свое имя, адрес электронной почты и сообщение.
Для фильтрации запросов в раскрывающемся списке пользователям предлагается выбрать, к какой из трех категорий относится их сообщение.
Это идеальная страница «свяжитесь с нами» для компании, в основе которой лежит простота.
14. Алые события
Помните, как в детстве вы заполняли приглашения на вечеринку для всего класса? Страница контактов на веб-сайте этой компании по организации мероприятий может показаться знакомой.
Это контактная форма с изюминкой. Вместо привычного стиля Scarlet Events использует забавный формат заполнения пробелов.
Пользователям предлагается ввести свою информацию на пунктирных линиях, где компания уже разместила примеры того, что нужно сказать.
Если вас нет рядом, чтобы заполнить форму — что, честно говоря, было бы стыдно — вы все равно можете узнать, где находится компания, а также какие каналы социальных сетей она использует.
Основная часть шоу, тем не менее, это контактная форма с приглашением на вечеринку. Это весело, но просто.
15. Мунк PR
Даже если есть только один или два способа связаться с вашей командой, вы все равно можете использовать стилизованную контактную форму.
У этой компании по связям с общественностью нет отдельной контактной страницы. Вместо этого есть раздел внизу главной страницы.
Выложенная как открытка, шикарная черно-красная форма соответствует остальной части веб-сайта по дизайну.
Пользователей просят оставить свое имя, адрес электронной почты и сообщение. Конечно, есть кнопка призыва к действию «отправить», которую нельзя пропустить.
Что еще есть в этой контактной форме? Немного: адрес офиса, адрес электронной почты и карта.
В зависимости от вашего бренда иногда это все, что вам нужно.
16. Долларовый клуб для бритья
Не каждый, кто посещает вашу страницу «Свяжитесь с нами», будет существующим клиентом. Наоборот.
Если кто-то впервые посещает ваш веб-сайт, страница «Свяжитесь с нами» — это одно из первых мест, которое он может посетить. Ведь у них будут вопросы.
Итак, почему бы не включить некоторые из наиболее часто задаваемых вопросов (FAQ) в информацию на странице контактов?
Это может помочь повысить коэффициент конверсии. Посмотрите, как это делает Dollar Shave Club.
Хотя это выглядит не так уж и много, эта настройка страницы «Свяжитесь с нами» — хорошо отлаженный механизм.
Посетители могут выбрать из раскрывающегося списка: хотят ли они узнать о доставке, заказах или продуктах? Как только они выбирают, сайт переводит их в другое раскрывающееся меню.
В зависимости от запроса страница либо найдет соответствующий FAQ, либо направит посетителя на страницы продуктов.
И если они все еще не удовлетворены, то они могут нажать «связаться с нами» и связаться с компанией.
17. Кока-Кола
Конечно, это один из крупнейших мировых брендов, но ваш бизнес может кое-чему научиться на странице Coca Cola «свяжитесь с нами».
Как и следовало ожидать от розничного бизнеса, основное внимание здесь уделяется обслуживанию клиентов.
Наиболее заметной частью страницы является чат-бот. Посетители могут легко ввести любой вопрос, на который они хотели бы знать ответ, и виртуальный помощник ответит.
Это отличный способ отфильтровать запросы, которые являются быстрыми, странными или не стоят усилий по заполнению контактной формы.
Однако, как и во всех хороших брендах, здесь также есть ссылка на более подробную контактную форму Coca Cola.
18. Культовая красота
Компания Cult Beauty, сильно отличающаяся от вышеупомянутого дизайнерского агентства с таким же названием, является крупным игроком в косметической индустрии.
Что нам нравится на этой странице «Свяжитесь с нами», так это простой, но эффективный способ разделения запросов.
Пользователи могут связаться с Cult Beauty только через контактную форму в центре страницы, но им предоставлены варианты.
Две кнопки позволяют людям выбирать, ищут ли они советы по красоте или более общую информацию по обслуживанию клиентов.
В раскрывающемся списке предлагаются темы, что позволяет пользователям сузить круг запросов и помочь службе поддержки.
Для компаний, стремящихся к более простому подходу к услугам, создайте страницу контактов и вместо этого внедрите подробную форму.
19. Крутая машина
Если вы настраиваете магазин электронной коммерции, на сайте Cool Machine есть одна из лучших страниц «свяжитесь с нами», которую можно воспроизвести.
Эта короткая и приятная страница контактов дает посетителям несколько простых возможностей связаться с вами.
Наряду с адресом электронной почты и небольшой формой для запросов на странице компания делится ссылками на социальные сети.
Несмотря на то, что есть более прямые способы связаться с брендом, лучше показать другие каналы. В первую очередь подумайте, почему пользователи могут делать запросы.
Если они хотят узнать больше о ваших продуктах или услугах или, возможно, они хотят узнать, где вы находитесь, у социальных сетей могут быть ответы.
Это помогает дать потенциальным покупателям истинное многоканальное взаимодействие с вашим магазином, а также отсеивать запросы, на которые в противном случае вам пришлось бы тратить время, чтобы ответить.
20. Гамаки с желтыми листьями
На веб-сайте этой компании есть что полюбить. У него отличные визуальные эффекты, понятный текст и захватывающая история.
Так что вполне логично, что страница «свяжитесь с нами» столь же приветлива.
Все начинается с введения. Конечно, вы можете просто предоставить контактную форму и адрес офиса, но эти ребята делают все возможное с обслуживанием клиентов.
Посетителям рассказывают о «Консьерже-гамаке» — службе поддержки магазина.
Есть четыре варианта для любознательных людей, посещающих эту страницу «Свяжитесь с нами». Во-первых, они могли проверить часто задаваемые вопросы.
Далее идет контактная форма: она не навороченная, но работает. Кроме того, посетители могут начать чат в реальном времени или отправить электронное письмо в Yellow Leaf Hammocks.
Хотя этой странице контактов не хватает ярких цветов или гладкой графики, это компенсируется по-настоящему доступным тоном голоса.
21. Бан.до
Оказывается, довольно сложно выбрать лучшую страницу «Свяжитесь с нами» с точки зрения удобства — множество сайтов электронной коммерции справляются с этим.
Посетите Ban.do, чтобы увидеть пример действительно чистой, очень красивой контактной страницы, к которой должны стремиться все магазины.
Все, из чего на самом деле состоит эта страница, — это контактная форма, номер телефона и ссылки на социальные сети.
Но первое, что видят клиенты, попадая на страницу «Свяжитесь с нами», — милое изображение пяти старинных телефонов в сочетании с анимацией звонка.
Завершите это веселым приветствием и несколькими добрыми словами, и вы получите отличный пример лучших практик страницы контактов.
22. Леон
Не только интернет-магазины переполнены добротой на своих страницах «Контакты», но и гастрономические магазины.
Британская сеть ресторанов быстрого питания Leon добилась глобального успеха. Вместо того, чтобы применять универсальный подход к своей странице контактов, они диверсифицировали.
В зависимости от того, в какой точке мира находятся посетители, у них может быть разный опыт.
Например, в США страница контактов находится в верхней части главной страницы.
Существует четкий набор инструкций: посетители могут оставлять отзывы, начинать чат или отправлять свои запросы по почте.
Контактная форма
Леона — это шикарный многоэтапный процесс, в котором пользователям не нужно много думать.
Они могут ставить галочки и выбирать из раскрывающихся списков, облегчая себе путешествие и фильтруя контент отзывов для команды Леона.
Не все так плохо. Посетителям рекомендуется обращаться в компанию с положительными историями. Ведь доброта — это главное.
23. Время пончиков
Мы любим контактную форму, но нет ничего плохого в старом добром электронном письме.
Возможно, у вас небольшая команда или более упрощенное присутствие в сети. Ваша страница «Свяжитесь с нами» все еще может быть милой.
Не запутайтесь – у Donut Time есть лучший веб-сайт в своей родной стране Австралии. Аутлет в Великобритании? Это немного более прохладно.
Посетители могут отправлять электронные письма для получения информации о заказах, вакансиях, пресс-релизах или просто для того, чтобы поздороваться и поговорить о глазури.
Что делает эту контактную страницу привлекательной, так это добавление забавной фотографии, а также большую ссылку для подписки внизу страницы на информационные бюллетени и рекламные акции бренда.
24. Лунный Круассантери
Поручим кондитерским предприятиям Австралии: они точно знают, как сделать хороший сайт.
У этой компании по производству круассанов смехотворно шикарное присутствие в Интернете. От вступительной флэш-страницы до изображений аппетитной выпечки в высоком разрешении вы знаете, что хорошо проводите время.
И страница «свяжитесь с нами» вас не разочарует.
Белый текст на чернильно-черном фоне создает драматическую сцену. Сам контент урезан, и, как и на любой отличной странице контактов, у этой есть форма.
Даже если ваш фирменный стиль элегантен и минималистичен, вы всегда должны давать клиентам возможность связаться с вами.
Lune отлично справляется с тем, чтобы поддерживать его согласованность на своей странице контактов, при этом позволяя посетителям обращаться с персонализированным сообщением.
25. Венди
Если все эти разговоры о сладостях еще не проголодались, давайте завершим наш список одним из крупнейших американских ресторанов быстрого питания.
Любимая сеть бургеров Wendy’s получила обслуживание клиентов в сумке.
Тон голоса бренда в Твиттере — это то, к чему стремятся многие компании, в то время как на веб-сайте в центре внимания находятся клиенты.
В верхней части страницы контактов посетителям предлагается пройти опрос.