• 26 мая 2017г
• 78984
• 61
• Рубрика: Web-дизайн

Как сделать ссылки на Viber, Whatsapp, Telegram, Skype и обычный телефонный номер

Доброго времени суток. 🙂

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

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

<a title="Позвонить" href="tel:+120345678910">+12(034)567-89-10</a>

Как видите, номер выведется как - +12(034)567-89-10. Можете заключать его в что угодно, добавлять стили, теги, задавать ему любой вид. В путь ссылки мы прописываем в формате - tel:+120345678910. После tel: нужно указать номер без пробелов и лишних символов, просто номер, в том формате, в котором обычно набираете его на телефоне. Это очень важно, в противном случаи номер для набора будет неправильным.

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

<a title="WhatsApp" href="whatsapp://send?phone=+120345678910">WhatsApp</a>

//Для приложения Viber на ПК
<a title="Viber" href="viber://chat?number=+120345678910">Viber</a>

//Для приложения Viber на мобильных
<a title="Viber" href="viber://add?number=120345678910">Viber</a>

<a title="Telegram" href="tg://resolve?domain=nikname">Telegram</a>

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

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

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

<a href="skype:nikname?chat">nikname</a>

Просто замените nikname на нужный профиль Skype. Например - skype:superman?chat. Так же можно сделать ссылку на звонок по Skype.

<a href="skype:nikname?call">Skype</a>

Как видите, разница только в ссылке. У одной - ?chat, а у второй - ?call. Как и с чатом, просто меняете nikname на нужное имя.

На этом все, спасибо за внимание. 🙂