X
Заказать услугу

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

Плагины и Шаблоны для Wordpress
  • 2018-12-17
  • 112501 просмотр

    79 комментарий

  • Дизайн и разработка сайта

Доброго времени суток. 🙂

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

ссылки на Viber, Whatsapp, Telegram, Skype

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

<a title="Позвонить" href="tel:+120345678910">+12(034)567-89-10</a>

Как видите, номер выведется как - +12(034)567-89-10. Можете заключать его в что угодно, добавлять стили, теги, задавать ему любой вид. В путь ссылки мы прописываем в формате - tel:+120345678910. После tel: нужно указать номер без пробелов и лишних символов, просто номер, в том формате, в котором обычно набираете его на телефоне. Это очень важно, в противном случаи номер для набора будет неправильным.

Далее по этому же принципу делаем ссылки для Viber, Whatsapp, Telegram. Для каждой они будут схожими, но немного отличаться. скажу сразу, что выводить на экран, решать вам, я просто выведу название мессенджеров.


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

//Для приложения Viber на ПК
<a title="Viber" href="viber://chat?number=+120345678910">Viber</a>

//Для приложения Viber на мобильных
<a title="Viber" href="viber://add?number=120345678910">Viber</a>

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

Как видите по коду, в конце ссылки для Viber и Whatsapp указан номер телефона. Для Telegram же указан никнейм. Вам остается попросту менять их на нужные и ссылка будет работать.

Можете использовать и проверить на своем сайте, указывая свой номер. Как и писал выше, данная мелочевка, поможет упростить вашим клиентам жизнь и позволит проще связываться с вами.

Бонусом добавлю еще ссылку для скайпа. Первая позволит открыть окно с диалогом для общения по Skype.

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

Просто замените nikname на нужный профиль Skype. Например - skype:superman?chat. Так же можно сделать ссылку на звонок по Skype.

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

Как видите, разница только в ссылке. У одной - ?chat, а у второй - ?call. Как и с чатом, просто меняете nikname на нужное имя.

На этом все, спасибо за внимание. 🙂

Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)

Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 97, в среднем: 4.8 из 5
Читайте также
Опубликовано 79 комментариев

Добавить комментарий для Слава Отменить ответ

Чтобы оставить комментарий - заполните поля ниже. Ваш e-mail не будет опубликован. Все поля обязательны

Нажмите, чтобы добавить код в комментарий. Далее добавьте свой код внутрь тегов <code> тут код </code>
Я ознакомлен(а) с политикой конфиденциальности и даю согласие на обработку персональных данных*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.