Как сделать ссылку на страницу в контакте: Как сделать ссылку на страницу ВКонтакте

Содержание

Как сделать ссылку на страницу ВКонтакте

Часто возникает необходимость указать ссылку ВКонтакте на какую-то личную страницу или же группу. И если мы в тексте скинем такую ссылку (https://vk.com/shock_ns), то согласитесь — это будет совсем некрасиво. И поэтому в ВК есть возможность создавать гиперссылки, как на изображении ниже.

Я считаю, что выглядит довольно симпатично 

И сейчас я расскажу Вас как такую ссылку сделать. Для этого не нужны никакие секретные знания)

Делаем ссылку на страницу ВК

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

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

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

Для этого заходим на страницу ВКонтакте и копируем фрагмент, который идет после https://vk.com/

Это и будет id страницы. Кстати, то же самое Вы можете делать с любой группой.

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

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

Для примера я хочу сделать ссылку на свою личную страницу. И для этого — вот [это будет ссылка]

После этого в этих же квадратных скобках перед текстом мы прописываем id, который скопировали и отделяем от текста вертикальным слэшем «|»

Для примера я хочу сделать ссылку на свою личную страницу. И для этого — вот [shock_ns|это будет ссылка

]

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

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

Что будет, если указать ссылку на личную страницу ВКонтакте?

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

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

Они видят то, что их указали и переходят на Вашу страницу.

Алексей Нестеров — МЛМ-предприниматель, автор блога

(подписаться на новости блога)

Пост прочитали 19 177

Сделать ссылку на человека | Всё о Вконтакте

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

Сегодня мы поговорим о том, как сделать ссылку на человека в ВК.

Способов сделать ссылку на человека в контакте очень много. Что бы ссылка выглядела красиво и аккуратно лучше сократить ссылку на страницу или сделать ссылку на человека вконтакте словом.

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

Почему блокируются ссылки вконтакте? — из-за различных спамеров. Простой пример:

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

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

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

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

Вообще, очень хорошие инструкции по ссылкам (и не только!) можно найти в хелпе самого ВК, например, по адресу: Вики-разметка — Открытое меню — Меню -Уроки Вики: Ссылки

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

Итак, чтобы ссылка отображалась именем и фамилией пользователя, то перед ID поставьте знак @. Должно получиться так @13533884

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

[ID|текст ссылки]

Пример:

[x_x__o_o|Паша Иванов]

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

Для наглядности советуем вам посмотреть данный видео урок:

Как сделать ссылку ВКонтакте текстом или смайлом

На чтение 4 мин. Опубликовано Обновлено

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

Немного предыстории

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

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

[id145028382|Сергей Почечуев]

В новом ВКонтакте, слава Богу, разработчики учли этот момент. Но при этом появилась новая конструкция ссылки. Теперь ссылкам не нужно делать обрамление из квадратных скобок […]. Достаточно просто поставить впереди собачку

@ и дальше уже выбрать тип ссылки (на что она будет вести):

Повторю содержание скриншота, если что-то в нем осталось непонятным:

Ссылка на личную страничку в ВК: 

@id***(Текст Вашей ссылки)

Ссылка на группу в ВК (сообщество):

@club***(Текст Вашей ссылки)

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

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

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

В ней сразу после слова photo- будет стоять 2 группы цифр, из которых первая означает тот самый искомый номер (id). Его и копируем в буфер обмена. Вторая группа цифр – это просто порядковый номер картинки в хранилище ВКонтакте.

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

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

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

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

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

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

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

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

С уважением, Сергей Почечуев

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

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

Ссылка на группу: сущность и целевое назначение

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

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

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

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

Целевое назначение замены прямой ссылки словом:

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

Замещение ссылки «кликабельным» словом: современная методика

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

  1. Необходимо подписаться на сообщество, в отношении которого хотите использовать «кликабельное» слово-ссылку. В теории данный пункт можно было бы и опустить, но в таком случае придется осуществлять ручной поиск, а это весьма времезатратно. Возможно отказаться от подписки в случае нахождения в данном сообществе или упоминании данного сообщества на странице, где планируется размещение требуемой записи.
  2. Наводите курсор мышки на пустое поле для добавления записи и кликаете левой кнопкой для инициации начала набора текста.
  3. Переводите клавиатуру на английский язык, зажимаете клавишу Shift и нажимаете 2 или 8, то есть инициируете ввод одного из следующих символов: «@»или «*».
  4. В результате выпадает список пользователей и сообществ, на которые вы подписаны или которые упоминаются на странице, где вы находитесь. Иногда список может быть колоссальным, и прокрутка займет массу времени без гарантии продуктивности. Для оптимизации процесса рекомендуется после вышеупомянутых символов, звездочки или собачки, ввести первые буквы искомого сообщества. В итоге требуемое сообщество выпадает в первых рядах. И чем более подробно наберете название, тем выше сообщество будет в поиске.
  5. Выбираете требуемое названию сообщества и получаете соответствующее название в поле для записи. Результатом проделанных действий, описанных выше, может послужить пример, приведенный ниже.
  6. Набираете требуемый текст, дополняющий позиционирование группы.
  7. Нажимаете Отправить и получаете требуемый пост на стене сообщества. Действия на личной странице аналогичны действиям в застенках группы. Таким образом, получаете запись с «кликабельной» ссылкой в виде названия группы.

Современная методика: вариации

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

  1. Доходите до пункта, уже описанного в предыдущем разделе, чтобы решить вопрос о том, как самостоятельно сделать ссылку на группу «ВКонтакте» словом.
  2. И теперь базовое наименование сообщества «UstanovkaOS.ru — официальная группа сайта» удаляете, не забывая оставить скобочки по бокам. Вместо данного названия набираете в освободившемся месте между круглыми скобками любую интересующую фразу.
  3. По традиции, ставшей уже старой и доброй, если вы экспериментировали с предыдущим разделом, нажимаете кнопку Отправить. Получаете скромное и едва приметное «кликабельное» слово. Естественно, можете сопроводить слово-ссылку любой сопутствующей информацией.

Активная ссылка в ВК: дедовский способ

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

  1. В поле для записи вводите: [цифровой или буквенный идентификатор сообщества|слово для клика]
  2. Нажимаете Отправить. Все готово.

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

Заключение

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

Видео по теме

2 способа скопировать и переслать ссылку Вконтакте на смартфоне в 2021 году

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

Через приложение Вконтакте

Сразу стоит оговориться, этот метод актуален только для официальной мобильной версии «Вконтакте». Оригинальное приложение можно скачать абсолютно бесплатно в любом магазине, будь то App Store или Play Market, в зависимости от ОС устройства.

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

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

Все! Осталось только отправить адрес странички получателю.

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

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

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

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

Через интернет-браузер

Получить копию адреса интересующей странички можно и в браузерной версии «ВК». И здесь тоже нет абсолютно ничего сложного:

  1. Открываем на устройстве любой браузер для доступа в интернет.
  2. Вводим в поисковике «ВК», проваливаемся на страницу.
  3. В браузерной версии программы вводим свои логин и пароль от «ВК».
  4. После успешной авторизации переходим на страницу, которую хочется переслать ссылкой.
  5. Ставим курсор в адресную строку вверху.
  6. Точно так же, как и в предыдущем способе, вызываем контекстное меню путем зажатия поля со ссылкой.
  7. Из открывшегося перечня подменю выбираем функцию «Скопировать».

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

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

Загрузка…

Как поставить ссылку на человека ВКонтакте

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

Указание ссылки на человека ВК

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

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

Читайте также:
Как отметить человека на фото ВК
Как отмечать людей на записях ВК

Способ 1: Использование гиперссылок

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

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

Читайте также: Как сделать ссылку в тексте ВК

  1. На сайте VK перейдите к форме создания новой записи, например, на главной странице профиля.
  2. В нужном месте, будь то самое начало текстового блока или какая-то заранее подобранная область, введите символ «@».
  3. Добавьте текстовые символы, которые напрямую указывают на пользовательский идентификатор.
  4. Вы можете использовать как уникальный идентификатор, так и пользовательский адрес страницы.

    Читайте также: Как узнать ID ВК

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

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

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

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

Способ 2: Смена семейного положения

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

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

Больше деталей по данной теме вы можете узнать из специальной статьи.

Читайте также: Как изменить семейное положение ВК

  1. Откройте главное меню сайта, кликнув по своей аватарке и выберите пункт «Редактировать».
  2. Находясь на вкладке «Основное», найдите пункт «Семейное положение» и смените его на «Встречаюсь».
  3. Вы также можете самостоятельно перебирать пункты, которые больше подходят вашим отношениям, однако, не во всех случаях можно указывать линк на партнера.

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

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

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

Впоследствии каждый URL-адрес может быть удален так же, как был добавлен.

Читайте также: Как скрыть семейное положение

Способ 3: Указание контактов в сообществе

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

Читайте также: Как сделать ссылку в группе ВК

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

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

Способ 4: Мобильное приложение ВКонтакте

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

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

  1. Открыв приложение ВК, раскройте главное меню ВКонтакте.
  2. Пролистайте открывшийся список разделов и выберите пункт «Настройки».
  3. Кликните по кнопке «Редактировать страницу».
  4. Найдите блок «Семейное положение» и смените его в соответствии с рекомендациями из «Способа 2».
  5. Воспользуйтесь кнопкой «Выбрать партнера…», чтобы перейти к специальному окну выбора людей.
  6. Среди представленного списка выберите партнера по семейным отношениям.

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

  7. Кликните по значку с галочкой в правом верхнем углу экрана вашего устройства.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Cкрытая ссылка Вконтакте или тайное остается тайным ⋆

Быстрая навигация по этой странице:

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


Чудеса Вики-разметки

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

О правилах этой разметки много сказано на странице http://vk.com/wiki — потому повторяться не будем, а сразу перейдем к сути вопроса — как сделать вконтакте ссылку скрытую с помощью вики-разметки?

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


[id____________|Александр Иванов]
[club________________|Лучшая группа] 
[public_____________|RunCMS.org]

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

Сервис сокращения ссылок Вконтакте

Описанный выше метод хорошо работает для того, чтобы оставлять ссылки в сообщениях с более-менее привлекательным анкором — согласитесь, ссылка «Далее» гораздо более привлекательно смотрится, чем ссылка http://vk.com/club3204432423423.

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

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

Он доступен по адресам http://vk.cc и http://vk.com/cc. Интерфейс очень удобен — вставляете нужный Вам URL и сразу получаете адрес типа http://vk.cc/KlMoq.

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

Как создать идеальную страницу контактов для службы поддержки

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

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

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

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

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

Так как же упростить поиск страницы «Контакты»?

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

Например, Slack выбирает заметную ссылку Support в своем заголовке:

Но Zapier предпочитает поместить его в толстый нижний колонтитул:

Максимальное упрощение

Приходилось ли вам когда-нибудь просматривать эти автоматические сообщения, когда вы звонили в компанию за поддержкой? Нажмите 2 для этого, нажмите # для этого… Вы чувствовали себя заботливыми?

Конечно, нет! Вместо этого создается впечатление, что компания пытается заставить вас сдаться.

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

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

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

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

Вернемся к нашему примеру со Slack. Взгляните на их страницу «Свяжитесь с нами»:

Три поля! Один из них является необязательным. Вот и все.

Некоторые компании, такие как Buffer, даже просто используют необработанную ссылку «mailto». Нет полей формы для заполнения!

Предоставьте другие возможности для получения помощи

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

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

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

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

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

В наши дни люди не хотят общаться с безликими компаниями. Так что … не будьте безликим бизнесом, когда они пытаются связаться с вами!

Например, посмотрите, как Zapier показывает настоящие улыбающиеся лица на странице «Свяжитесь с нами»:

И чтобы вы не подумали, что я собираю вишни, Zapier не единственный! WordPress.com — еще одна улыбающаяся компания, которая пополнит ряды:

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

Сообщите людям, когда они могут ожидать ответа

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

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

Например, Basecamp может похвастаться своим, ну, сверхчеловеческим временем отклика:

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

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

Завершение работы

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

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

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

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

Добавление ссылок для звонков по нажатию и по электронной почте

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

Чтобы добавить ссылку:

  1. Войдите в свою учетную запись
  2. Выберите «Контент» в верхнем меню.
  3. Щелкните значок редактирования рядом со страницей, на которую вы хотите ее добавить, или создайте новую страницу
  4. Добавьте текст, который вы хотите связать, и затем выделите его
  5. Щелкните значок «Вставить / изменить ссылку» на панели инструментов редактора.
  6. Во всплывающем окне добавьте ссылку в поле «Добавить внешнюю ссылку».Чтобы позвонить по телефону, добавьте « tel: + », а затем свой номер телефона, а для отправки по электронной почте добавьте « mailto: », а затем свой адрес электронной почты

  7. .
  8. Нажмите «Вставить», сохраните страницу и опубликуйте свой сайт.

Добавление щелчка для звонка и щелчка по электронной почте с использованием фрагментов HTML

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

Ваш текст здесь

URL-адрес электронной почты должен иметь следующий формат:

Ваш текст здесь

После создания URL-адреса вы можете добавить его к фрагменту HTML.

Чтобы перейти на экран фрагментов HTML, выполните следующие действия:

  1. Войдите в свою учетную запись
  2. Выберите «Контент» в верхнем меню.
  3. Щелкните «Фрагменты HTML» в меню слева.

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

Чтобы создать новый фрагмент HTML:

  1. Нажмите кнопку «Новый фрагмент HTML» вверху экрана.
  2. В поле «Описание» введите что-нибудь описательное, чтобы вы знали, для чего нужен HTML-код или для чего он нужен. Это просто для справки и не будет отображаться на вашем сайте.
  3. Вставьте URL-адрес в большое поле «HTML-код».
  4. Нажмите кнопку «Добавить фрагмент HTML».
  5. Вы вернетесь к экрану «Фрагменты HTML», где теперь будет указан ваш новый фрагмент.

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

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

телефонных ссылок: как добавить ссылки и призывы к действию на ваш веб-сайт

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

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

Подпишитесь на наш канал Youtube

Как работают ссылки для вызова

Сделать номер телефона интерактивным можно легко с помощью HTML.HTML5 включает такие протоколы, как tel: и mailto:, которые могут использовать браузеры. Браузеры по-разному реагируют на эти протоколы. Некоторые запустят приложение для телефона и добавят номер на дисплей, ожидая, пока вы нажмете кнопку «Позвонить». Другие позвонят, а другие сначала спросят, нормально ли.

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

Добавление ссылки для вызова номера телефона в формате HTML на ваш веб-сайт

Добавьте код в виде текста в то место, где должна отображаться ссылка:

  123-456-7890  

Href = tel: создает ссылку для звонка.Это сообщает браузеру, как использовать номер.

«Tel: 123-456-7890» создает номер телефона в формате HTML. Число в кавычках — это номер, по которому он позвонит.

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

Отображение сообщения вместо номера будет выглядеть так:

  НАЖМИТЕ ДЛЯ ЗВОНКА  

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

Добавление добавочного номера

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

  НАЖМИТЕ ДЛЯ ЗВОНКА  

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

Вы можете заставить его ждать гудка, используя w вместо p .

Добавление кодов стран

Коды страны

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

  123-456-7890  

Добавление микроданных для локального SEO

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

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

Например, код может выглядеть так:

 

Тема WordPress

Телефон: 234567890

Другие призывы к действию

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

  • тел: — позвонить по телефону
  • mailto: — открыть приложение электронной почты
  • callto: открыть Skype
  • sms: — отправить текстовое сообщение
  • факс: — отправить факс

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

Добавление кода на страницу контактов

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

Независимо от того, используете ли вы классический редактор или новый редактор Гутенберга, вам потребуется просматривать текстовую версию страницы. В классическом редакторе перейдите на вкладку Текст . В Gutenberg щелкните три точки в правом верхнем углу и выберите Code Editor .

Добавьте код вместо своего номера телефона.

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

Создание кода для ссылки электронной почты или URL-адреса

HTML-код для электронной почты — mailto: адрес электронной почты добавляется в конец, например:

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

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

  

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

Добавление кода к открытым URL

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

  См. Образец страницы> 

Я добавил еще одну аннотацию с кодом, чтобы увидеть страницу событий.

Отключить на рабочем столе и планшете

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

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

Добавление кода в верхний или нижний колонтитул

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

На панели инструментов выберите Внешний вид> Редактор> Заголовок темы (или Тема Нижний колонтитул ).Поместите код в часть кода . Я поискал конечный тег , нажал «Enter», чтобы добавить несколько дополнительных строк, и вставил свой код. Вы можете увидеть код здесь, в строках 28 и 29.

Вот как это выглядит, когда я поместил ссылку для звонка и ссылку электронной почты в заголовок темы Twenty Nineteen. Он есть, и работает, но не очень красиво. Это можно исправить, добавив цвет и поле для полей, чтобы они стояли отдельно друг от друга. Конечно, это делается в CSS.= «mailto:»] { оранжевый цвет; текстовое оформление: нет; поле справа: 0,8em; }

Это говорит CSS, как стилизовать текст для tel: и mailto :. Он изменяет шрифт телефонного номера на коричневый, шрифт электронного письма — на оранжевый, а также добавляет небольшое поле справа от каждой ссылки.

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

Добавление кода во вторичное меню Divi

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

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

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

  123-456-7890 НАЖМИТЕ ДЛЯ ЗВОНКА  

В этом примере показан только текст.

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

Тестирование на мобильном телефоне

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

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

Добавление ссылок для вызовов с помощью плагинов

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

Кнопка «Позвонить сейчас»

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

Дополнительная информация

Липкие боковые кнопки

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

Дополнительная информация

Контактная планка скорости

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

Дополнительная информация

Мобильная контактная панель

Этот плагин добавляет ссылки на ваш сайт при просмотре на мобильных устройствах. Вы можете выбрать, какие ссылки будут отображаться, из 13 вариантов, включая телефон, электронную почту, Skype, настраиваемые URL-адреса и социальные сети. Он имеет интеграцию с FontAwesome для иконок. Вы можете стилизовать ссылки и выбрать размер, границу, непрозрачность и т. Д. Установите меню вверху или внизу экрана.Меню остается на экране, когда пользователь прокручивает. Он также включает прокрутку вверх и корзину WooCommerce с кнопками счетчика товаров.

Дополнительная информация

Последние мысли

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

Мы хотим услышать от вас. Вы добавили на свой сайт ссылки для звонков? Расскажите нам о своем опыте в комментариях ниже.

Изображение предоставлено Джейн Келли / shutterstock.com

40 лучших страниц для контактов, которые вы захотите скопировать [+ шаблоны]

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

А как насчет страницы «Контакты» на веб-сайте?

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

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

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

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

Контактная страница Рекомендации

Обычно хорошие контактные формы:

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

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

Пора вдохновиться.

Загрузить руководство: 42 Примеры страниц для связи с нами

Свяжитесь с нами Примеры заголовков

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

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

1. Unbounce

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

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

2. JetBlue

Заголовок

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

3. УДАР

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

4. Brandaffair

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

5. Вкусная жевательная резинка

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

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

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

  1. Тюнинг
  2. HubSpot
  3. Выборочная проверка
  4. Атлас 1031 Обмен
  5. Моррони
  6. Pixpa
  7. PeopleMetrics
  8. Sleeknote
  9. Weifield Group Contract
  10. Выжить
  11. Йети
  12. Глянец
  13. млн ​​унций
  14. Zendesk
  15. Accenture
  16. Хэппи Корк
  17. Шрибд
  18. Агентство ВИА
  19. Atlassian
  20. Фундамент
  21. бан.сделать
  22. Бургер Кинг
  23. средний
  24. Достижение 3000
  25. Marvel
  26. Доллар бритья Club
  27. Моламил
  28. Поедем куда-нибудь
  29. Грамматика
  30. Hulu
  31. Грязная хижина
  32. Обертывание
  33. Дядя Бобби Кофе и книги
  34. Страх перед Богом
  35. Шекудо
  36. Зашаду
  37. Матео
  38. Ulta Beauty
  39. Объединенные газированные напитки Америки
  40. КУПИТЬ

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

1. Мелодия

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

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

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

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

2.HubSpot

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

Страница контактов

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

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

3. Проверка выбора

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

Безусловно, лучшее, что есть на странице «Связаться с нами» Choice Screening, — это ее копия.

Нет ничего лучше, чем это — все начинается с того краткого, восхитительного заголовка «Talk to a Human».

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

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

4. Атлас 1031 Обменник

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

На первый взгляд, у контактной страницы Atlas 2031 Exchange не самый красивый дизайн. Но если вы присмотритесь, вы поймете, что на ней есть все аспекты отличной страницы «Контакты», и это начинается с ее функциональности.

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

5. Моррони

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

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

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

6. Pixpa

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

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

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

7. PeopleMetrics

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

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

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

8. Sleeknote

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

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

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

Вот список кодов стран, если вы не знаете свой.

9. Контрактная деятельность Weifield Group

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

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

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

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

Версия для ПК изображена выше, а вот мобильная версия:

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

10. Выжить

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

Страница контактов

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

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

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

11. Йети

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

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

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

12. Глянец

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

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

На странице «Контакты»

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

13. млн унций

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

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

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

С предложениями, столь же обширными и многогранными, как у Moz, это блестящая идея — сразу же не перегружать кого-то, кому нужна помощь.

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

14. Zendesk

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

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

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

На странице контактов есть два основных призыва к действию.

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

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

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

15. Accenture

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

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

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

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

16. Хэппи Корк

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

Happy Cork — это нью-йоркская компания, которая доставляет пиво, вино и спиртные напитки в местные районы города.

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

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

17. Писец

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

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

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

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

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

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

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

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

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

19. Atlassian

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

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

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

20. Фундамент

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

Foundation Inc Co.агентство контент-маркетинга, которое удваивает свою контактную страницу как страницу продаж.

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

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

21. ban.do

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

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

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

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

22. Бургер Кинг

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

Burger King понимает, что ее клиенты могут захотеть связаться с ними по разным причинам. И именно поэтому его контактная страница направлена ​​на рассмотрение различных жалоб.

Независимо от того, ищет ли клиент поддержку в Интернете или в ресторане, он найдет ответы на странице контактов Burger King.

Существует также система поиска магазинов, которая помогает покупателям найти ближайшие рестораны Burger King.

23. Средний

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

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

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

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

24. Достичь 3000

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

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

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

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

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

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

25.Чудо

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

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

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

26. Dollar Shave Club

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

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

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

27. Моламил

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

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

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

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

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

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

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

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

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

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

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

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

30. Hulu

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

Страница контактов

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

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

Источник: Hulu

31. Грязная хижина

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

The Crabby Shack попадает в наш список, потому что его веб-сайт знает своих клиентов. Что он знает о них? Для начала, он знает, что они голодны.

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

Кроме того, в The Crabby Shack есть контактная форма и интерактивная карта, поэтому голодные клиенты точно знают, куда идти, чтобы купить морепродукты.

32. Обертывание

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

Умная маркетинговая стратегия

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

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

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

33. Дядя Бобби, кофе и книги

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

Чисто и просто — так называется игра Uncle Bobbies Coffee & Books. На его странице контактов рассматриваются три уникальные потребности, которые могут возникнуть у посетителей.

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

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

34. Страх перед Богом

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

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

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

35.Шекудо

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

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

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

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

36. Зашаду

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

Zashadu продает женские и мужские сумки. Он также продает обувь и аксессуары, такие как кошельки и ремни.

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

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

37. Матео

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

Mateo — это модный и ювелирный бренд, работающий в Нью-Йорке.

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

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

38. Ulta Beauty

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

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

Со всеми этими вопросами для Ulta Beauty имеет смысл предложить современную страницу контактов.

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

39. United Sodas of America

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

United Sodas of America предлагает более здоровые альтернативы популярным безалкогольным напиткам, которые содержат сахар и дополнительные калории.Его газированные напитки содержат всего 30 калорий, что на 400% меньше, чем в обычной банке колы.

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

40. КУПИТЬ

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

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

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

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

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

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

Создайте ссылку для звонка или электронной почты

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

Ссылки

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

Вы можете вставлять ссылки Click-to-Call и mailto в модули форматированного текста и призывы к действию (CTA).

Создать ссылку «Звонок по рекламе»

Добавить ссылку «Звонок по рекламе» в модуль форматированного текста

  • В своей учетной записи HubSpot перейдите к своей электронной почте, блогу, целевым страницам, страницам веб-сайта или базе знаний.
  • Наведите указатель мыши на свой контент и нажмите Изменить .
  • В редакторе содержимого выделите раздел текста или изображения .
  • На панели инструментов отформатированного текста щелкните ссылку InIn Вставить значок ссылки.
  • Во всплывающем окне введите тел: , затем номеров телефонного номера. Например, если номер телефона 123-456-7890, введите tel: 1234567890 . Ссылки для звонков по рекламе не могут содержать пробелов и тире.
  • Щелкните Добавить ссылку .
  • Чтобы применить изменения, нажмите Опубликовать или Обновить в правом верхнем углу.

Добавить ссылку «Звонок по рекламе» в призыв к действию

  • В своей учетной записи HubSpot перейдите к Marketing > Lead Capture > CTA .
  • Наведите указатель мыши на CTA и щелкните раскрывающееся меню Actions , затем выберите Edit .
  • Задайте дизайн CTA, затем нажмите Далее в правом нижнем углу.

  • Щелкните раскрывающееся меню Тип перенаправления URL-адреса и выберите Номер телефона .

  • В поле Введите номер телефона введите номер телефона .

  • В правом нижнем углу нажмите Сохранить .


Создать ссылку на почту

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

Форматировать почту по ссылке

Если вы не используете модуль форматированного текста или CTA, вы можете вместо этого создать ссылку mailto вручную. Выделите текст, который вы хотите связать, затем введите: mailto: [email protected] в качестве ссылки.

Вы можете изменить любую ссылку mailto для создания электронного письма с определенной строкой темы и текстом. Базовая структура выглядит так:

mailto: [адрес электронной почты получателя]? Subject = [тема электронной почты] & body = [тело электронной почты]

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

Например, ссылка mailto для электронного письма с получателем recipient @ hubspot.com, , в строке темы «Зарегистрируйтесь на наш вебинар» и в теле письма «Не забудьте зарегистрироваться сейчас!» будет выглядеть так:

mailto: [email protected]? Subject = Зарегистрируйтесь% 20for% 20our% 20webinar & body = Не забывайте% 20forget% 20to% 20sign% 20up% 20now!

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

Добавить ссылку mailto в модуль форматированного текста

Добавить ссылку mailto к CTA

  • В своей учетной записи HubSpot перейдите к Marketing > Lead Capture > CTA .
  • Наведите указатель мыши на CTA и щелкните раскрывающееся меню Actions , затем выберите Edit .
  • Задайте дизайн CTA, затем нажмите «Далее» в правом нижнем углу.

  • Щелкните раскрывающееся меню Тип перенаправления URL-адреса и выберите Адрес электронной почты .

Целевые страницы Электронное письмо Блог База знаний CTA Страницы веб-сайта

Добавьте страницу контактов в свой магазин · Справочный центр Shopify

Эта страница была напечатана 26 июля 2021 г.Для текущей версии посетите https://help.shopify.com/en/manual/online-store/themes/os/customize/add-contact-form.

Примечание

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

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

Создать контактную страницу

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

Наконечник

Чтобы увидеть больше видео, посетите наш канал YouTube.

Для создания страницы контактов:

  1. От администратора Shopify перейдите в Интернет-магазин > Pages .
  1. В приложении Shopify нажмите Store .
  2. В разделе Каналы продаж нажмите Интернет-магазин .
  3. Нажмите Страницы .
  1. В приложении Shopify нажмите Store .
  2. В разделе Каналы продаж нажмите Интернет-магазин .
  3. Нажмите Страницы .
  1. Щелкните Добавить страницу .

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

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

    Некоторая информация, которую вы можете добавить в поле Content :

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

  5. Нажмите Сохранить .

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

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

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

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

Примечание

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

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

Фильтрация спама

Содержимое поля contact [body] вашей контактной формы анализируется спам-фильтрами Shopify.Если Shopify решит, что отправка является спамом, тогда к теме письма будет добавлен префикс [SPAM] , но письмо все равно будет отправлено. Вы можете создать фильтр электронной почты, чтобы отложить электронные письма с темой, содержащей [СПАМ] .

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

Как добавить кнопку или форму «Свяжитесь с нами» — Thinkific

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


Вопрос

  • Могу ли я добавить страницу контактов на мой сайт?
  • Могу ли я добавить контактную форму на мою целевую страницу?

Добавить кнопку «Связаться с нами»

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

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

Чтобы добавить кнопку «Связаться с нами» в качестве CTA для вашего сайта, вам необходимо использовать ссылку mailto в формате: mailto: [email protected]

Замените yourname @ yourdomain.com в указанном выше URL с желаемым адресом электронной почты. Когда это добавляется к кнопке и студенты нажимают на нее, откроется новое электронное письмо в провайдере электронной почты учащегося.

Вставьте контактную форму третьей стороны

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

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

  1. Добавьте раздел Text & Media на страницу, на которой вы хотели бы видеть свою форму.
  2. Скопируйте код для вставки со стороннего сайта
  3. Нажмите Просмотр кода
  4. Вставить Код для вставки
  5. Нажмите Код Просмотреть еще раз

Включить адрес электронной почты в верхний или нижний колонтитул сайта

Вы можете рассмотреть возможность добавления ссылки mailto в верхний или нижний колонтитул сайта.

  1. Выберите Site Builder
  2. Нажмите Домашняя страница
  3. Щелкните Нижний колонтитул (или верхний колонтитул)
  4. Нажмите Добавить ссылку
  5. Щелкните заголовок Link , чтобы развернуть меню параметров
  6. В поле Текст введите «Свяжитесь с нами» (на любом другом языке)
  7. В разделе Ссылка выберите Пользовательский URL-адрес
  8. Введите mailto: yourname @ yourdomain.

Leave a Reply