Ссылки на мессенджеры на сайте

Сегодня добавим на сайт ссылки на мессенджеры: Telegram, WhatsApp, Viber, Skype, Вконтакте, Facebook; а так же рассмотрим как добавлять другие виды ссылок: на почту, телефон и файл.

Ссылка на Telegram

<!-- для перехода к диалогу Telegram -->
<a href="tg://resolve?domain=only_to_top">Telegram</a>

Пример: Telegram - переход к диалогу.

<!-- Telegram через браузер  -->
<a href="https://telegram.me/only_to_top">Telegram</a>

Пример: Telegram - открыть через браузер.

Вместо only_to_top замените на нужный логин.

Ссылка на WhatsApp

Перейти к диалогу WhatsApp.

<a href="https://api.whatsapp.com/send?phone=78051196325" target="_blank">Диалог WhatsApp</a>

Пример - ссылка на Диалог WhatsApp.

<!-- ссылка на WhatsApp -->
<a href="whatsapp://send?phone=+120345678910">WhatsApp</a>

Пример - ссылка на WhatsApp.

Ссылка на Viber

<!-- ссылка на Viber для ПК -->
<a href="viber://chat?number=+120345678910">Viber</a>

Пример - ссылка Viber ПК.

<!-- ссылка на Viber для мобильных -->
<a href="viber://add?number=120345678910">Viber мобила</a>

Пример - ссылка Viber мобила.

Ссылка на Skype

<!-- открыть диалог для Skype переписки -->
<a href="skype:nikname?chat">Skype</a>

Пример - ссылка для чата Skype.

<!-- ссылка на звонок по Skype -->
<a href="skype:nikname?call">Skype</a>

Пример - ссылка на звонок Skype.

Ссылка Vkontakte

<!-- открыть диалог для переписки вконтакте -->
<a href="https://vk.me/consapevolezza">Vkontakte</a>

Пример - ссылка на страницу пользователя Vkontakte.

Ссылка на Facebook Messenger

<!-- открыть диалог в Facebook Messenger -->
<a href="https://www.messenger.com/t/Username">Facebook Messenger</a>

Пример - ссылка на messenger Facebook.

Ссылка на Instagram

<!-- ссылка на Instagram -->
<a href="https://www.instagram.com/abra_kadabra" target="_blank">Instagram</a>

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

<!-- ссылка на e-mail -->
<a href="mailto:mail@gmail.com">E-mail</a>

Пример - ссылка на электронную почту - E-mail.

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

<!-- ссылка на e-mail -->
<a href="mailto:mail@gmail.com?subject=Сотрудничество&body=Здравствуйте, скажите ...">E-mail</a>

Пример - ссылка на электронную почту с темой и сообщением - E-mail.

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

<!-- ссылка на телефон -->
<a href="tel:+70234565861">+7 (032) 564-19-08</a>

Значение href лучше прописывать без лишних символов

Пример - ссылка на телефон +7 (032) 564-19-08.

Ссылка на файл

<!-- ссылка на файл, будет открыт в браузере в новой вкладке-->
<a href="img/smiling_sun.jpg" target="_blank">Открыть файл</a>

Пример - ссылка на открытие файла.

<!-- ссылка на файл, который будет предложено скачать или открыть -->
<a href="img/smiling_sun.jpg" download>Скачать файл</a>

Пример - ссылка на скачивание файла.