Как сделать ссылки на Viber, Whatsapp, Telegram, Skype

Подробности

Категория: Полезные статьи

Последнее время в мобильных версиях сайта необходимо делать ссылку, которая позволяет запустить звонилку android или ios. Это просто сделать обычным тегом "a"

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

<a title="Позвонить" href="tel:+38012345678">+380-12345678</a>

Иногда необходимо сделать так, чтобы ссылки на сайте открывали какое-нибудь приложение, например Viber, Telegram и т.д.

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

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

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

<!--Код для десктопной версии вайбера-->
<a href="viber://chat?number=+38012345678" rel="nofollow">Viber</a>
 <!--Код для приложения вайбер на телефоне-->
<a title="Viber" href="viber://add?number=38012345678">Viber</a>
<a href="whatsapp://send?phone=+38012345678" rel="nofollow">WhatsApp</a> 
<a title="Telegram" href="tg://resolve?domain=NICKNAME">Telegram</a>
<a href="skype:nikname?chat">NICKNAME</a>