Ссылки на мессенджеры на сайте
Сегодня добавим на сайт ссылки на мессенджеры: 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.
body - дефолтный текст
Ссылка на телефон
<!-- ссылка на телефон -->
<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>
Пример - ссылка на скачивание файла.
Надеюсь, вам понравилась данная информация. Если вам интересна тема web-разработки, то можете следить за выходом новых статей в Telegram.
Поделиться с друзьями:
Статьи из данной категории:
Комментарии
- Комментариев пока нет.