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

Содержание

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

Часто возникает необходимость указать ссылку ВКонтакте на какую-то личную страницу или же группу. И если мы в тексте скинем такую ссылку (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 мин. Опубликовано 25.08.2016 Обновлено 15.12.2020

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Видео по теме

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

Скопировать и переслать ссылку «Вконтакте» на смартфоне проще простого.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<center><ins class="lazy lazy-hidden adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="8813674614"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center>

Загрузка…

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

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

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

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

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

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

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

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

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

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

На сайте VK перейдите к форме создания новой записи, например, на главной странице профиля.

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

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

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

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

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

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

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

Сохраните готовую запись с помощью нажатия кнопки «Отправить».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заполните оставшиеся поля по собственному усмотрению и нажмите кнопку «Сохранить».

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

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

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

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

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

Открыв приложение ВК, раскройте главное меню ВКонтакте.

Пролистайте открывшийся список разделов и выберите пункт «Настройки».

Кликните по кнопке «Редактировать страницу».

Найдите блок «Семейное положение» и смените его в соответствии с рекомендациями из «Способа 2».

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

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

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 минут на игры в прятки на вашей странице «Связаться с нами», верно?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите кнопку «Новый фрагмент HTML» вверху экрана.
В поле «Описание» введите что-нибудь описательное, чтобы вы знали, для чего нужен HTML-код или для чего он нужен. Это просто для справки и не будет отображаться на вашем сайте.
Вставьте URL-адрес в большое поле «HTML-код».
Нажмите кнопку «Добавить фрагмент HTML».
Вы вернетесь к экрану «Фрагменты 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. Вкусная жевательная резинка

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

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

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

Тюнинг
HubSpot
Выборочная проверка
Атлас 1031 Обмен
Моррони
Pixpa
PeopleMetrics
Sleeknote
Weifield Group Contract
Выжить
Йети
Глянец
млн унций
Zendesk
Accenture
Хэппи Корк
Шрибд
Агентство ВИА
Atlassian
Фундамент
бан.сделать
Бургер Кинг
средний
Достижение 3000
Marvel
Доллар бритья Club
Моламил
Поедем куда-нибудь
Грамматика
Hulu
Грязная хижина
Обертывание
Дядя Бобби Кофе и книги
Страх перед Богом
Шекудо
Зашаду
Матео
Ulta Beauty
Объединенные газированные напитки Америки
КУПИТЬ

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