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

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

Ссылка на телефон

Пример: +7(111)000-1234

<a title="Telefon" href="tel:+71110001234">+7(111)000-1234</a>

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

Замените +71110001234 на свой номер телефона.

Ссылка на Ватсап Whatsapp

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

Замените +71110001234 на свой номер телефона

Альтернативный вариант https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat/?lang=ru

Ссылка на Вайбер Viber

Для приложения на десктопе

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

Для приложения на мобильном

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

Замените +71110001234 на свой номер телефона

Ссылка на Телеграм Telegram

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

Просто замените слово nickname на свой ник.

Ссылка на Скайп Skype

Открывает чат для переписки

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

Сразу звонок абоненту

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

Просто замените слово nickname на свой ник.

 

Ссылка на электронную почту

Пример: info@domain.ru

<a href="mailto:info@domain.ru">info@domain.ru</a>

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

Если вы ещё не освоили верстку, то вот вам подсказка: просто положите картинку внутрь ссылки ( тег <img> внутри тега <a>).

<a href="skype:nickname?chat">

    <img alt="" src="https://itinity.ru/sites/itinity.ru/files/styles/128x96/public/skype_icon.png?t=1629994545" />