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

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

Он просто уйдет к конкурентам.

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

Сделать это не так уж и сложно. Просто немножко кода. Простого.

Шаблоны активных кликабельных ссылок:

• телефон
• WhatsApp
• Viber
• Telegram
• Skype
• Facebook
• Email

Кликабельный номер телефона на сайте

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

<a href="tel:+380938492181">+38(093)849-21-81</a>

Или:

<a href="tel:+380938492181">Позвоните нам</a>

Как видите, номер выведется как — +38(093)849-21-81 в первом случае или вовсе будет скрыт за фразой «Позвоните нам». Можете в текст ссылки заключать что угодно, добавлять стили, теги, задавать ему любой вид.
В путь ссылки мы прописываем в формате -+380938492181. После tel: нужно указать номер без пробелов и лишних символов, просто номер, в том формате, в котором обычно набираете его на телефоне. Это очень важно, в противном случаи номер для набора будет неправильным.

Выглядеть это будет так: +38(093) 849-21-81

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

Активная Ссылка для WhatsApp

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

1. Открыть чат с номером

Замените «380675494481» на номер пользователя WhatsApp.

<a href="https://wa.me/380675494481">Чат с пользователем WhatsApp</a>

Вот как это будет на сайте Чат с пользователем WhatsApp

2. Открыть чат с номером и отправить сообщение:

Замените «380675494481» на номер пользователя WhatsApp. Если в сообщении вам нужно несколько слов, вставляйте вместо пробелов символ %20: «Здравствуйте,%20уважаемый!»

<a href="https://wa.me/380675494481?text=Здравствуйте">Чат+сообщение WhatsApp</a>

Как работает: Чат+сообщение WhatsApp

3. Поделиться текстом

В приложении откроется список контактов для отправки:

<a href="whatsapp://send?text=Привет!">Поделиться текстом WhatsApp</a>

Как работает: Поделиться текстом WhatsApp

Как сделать ссылку на Viber на сайте

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

Для того, Чтобы ссылка на Viber открывалась на ПК, она должны быть такой ( вместо 380675494481 — ваш номер Вайбера):

<a title="Viber" href="viber://chat?number=+380675494481">Viber</a>

А для телефонов — вот так (аналогично — в ссылке вставьте свой номер):

<a title="Viber" href="viber://add?number=380675494481">Viber</a>

Кроме того, в Вайбере можно Поделиться текстом (до 200 символов), открывается список контактов:

Замените текст «Привет!» на свой. Можно отправить текст сразу нескольким абонентам из адресной книги.

<a href="viber://forward?text=Привет!">Поделиться текстом в Viber</a>

Ссылка для Telegram

Открыть чат с пользователем. Работает только по никнейму (имени пользователя). Замените имя пользователя в шаблонах «IrinaBerg» на свое:

<a href="https://telegram.me/IrinaBerg">Написать автору</a>

или так

<a href="tg://resolve?domain=IrinaBerg">Написать автору</a>

и еще проще

https://t.me/IrinaBerg

Свое имя пользователя, если вы его забыли, можно найти в Телеграм — «Настройки» -> «Изменить профиль»

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

Ссылки на Skype

Во всех случаях замените «LOGIN» на свое имя пользователя Skype.

1. Просмотреть профиль

<a href="skype:LOGIN?userinfo">Skype</a>

2. Добавить в список контактов

<a href="skype:LOGIN?add">Добавить в список контактов Skype</a>

3. Позвонить

<a href="skype:LOGIN?call">Позвонить пользователю Skype</a>

4. Отправить сообщение

<a href="skype:LOGIN?chat">Отправить сообщение в Skype</a>

5. Отправить голосовое сообщение

<a href="skype:LOGIN?voicemail">Отправить голосовое сообщение в Skype</a>

Ссылка на Facebook мессенджер

Прямая ссылка на диалог с пользователем Фейсбук или мессенджером страницы. Замените «BergIrinaV» на имя имя вашей страницы или профиля.

<a href="https://m.me/BergIrinaV/">Facebook Messenger</a>

Выглядит так: Facebook Messenger

Ссылка на адрес эл. почты (Email)

Чтобы сделать кликабельный e-mail используйте данный Html-код:

<a href="mailto:mail@example.com">Пример ссылки на емайл</a>

Как работает: Пример ссылки на емайл

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