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

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

Создание html ссылок для перехода:

  1. Телеграм.
  2. WhatsApp.
  3. Viber.
  4. Skype.
  5. Вконтакте.
  6. Facebook Messenger.
  7. Instagram.
  8. E-mail.
  9. Телефон.
  10. Файл.

Ссылка на Telegram

Для перехода к диалогу Telegram:

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

Пример: 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.

Переход к диалогу ватсап с текстом:

<a href="https://wa.me/79222271349?text=Добрый%20день.%20Меня%20заинтересовали%20ваши%20услуги.%20Хочу%20обсудить%20условия." rel="nofollow noopener noreferrer" target="_blank">WhatsApp</a>

Пример - диалог ватсап с текстом WhatsApp.

Ссылка на Viber

Ссылка на Viber для ПК:

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

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

Ссылка на Viber для мобильных:

<a href="viber://add?number=120345678910">Viber мобила</a>

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

Пример - ссылка 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:name@gmail.com">E-mail</a>

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

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

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

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

  • subject - тема письма;
  • body - текст по умолчанию.

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

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

<a href="tel:+70234565861">+7 (032) 564-19-08</a>

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

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

Ссылка на файл, будет открыт в браузере в новой вкладке:

<a href="file.docx" target="_blank">Открыть файл</a>

Ссылка на файл, который будет предложено скачать или открыть:

<a href="photo.jpg" download>Скачать файл</a>