Ссылки на мессенджеры на сайте
Сегодня добавим на сайт ссылки на мессенджеры: Telegram, WhatsApp, Viber, Skype, Вконтакте, Facebook; а так же рассмотрим как добавлять другие виды ссылок: на почту, телефон и файл.
Создание html ссылок для перехода:
Ссылка на 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>
Надеюсь, вам понравилась данная информация. Если вам интересна тема web-разработки, то можете следить за выходом новых статей в Telegram.
Поделиться с друзьями:
Статьи из данной категории:
Комментарии (2)
- Олег
- Валентина