Номер телефона в виде ссылки (кликабельный) на мессенджеры с сайта

В данной статье мы разместим HTML шаблоны для ссылок на мессенджеры, социальные сети, телефон и E-mail для размещения на сайте.

Шаблоны ссылок для размещения на сайте

iPhone

Как сделать ссылку на Viber на сайте

1. Открыть чат с номером

Замените “4957777777”

на номер пользователя Viber. Вместо плюса используется “%2B”:

viber://chat?number=%2B4957777777

1 

Ссылка на чат Viber

Ссылка на чат Viber

Как работает: Ссылка на чат Viber

2. Добавить контакт (работает только c телефонов):

viber://add?number=4957777777

1 

Добавить контакт в Viber

Добавить контакт в Viber

Как работает: Добавить контакт в Viber

3. Поделиться текстом (до 200 символов), открывается список контактов:

Замените текст “Привет!” на свой. Можно отправить текст сразу нескольким абонентам из адресной книги.

viber://forward?text=Привет!

1 

Поделиться текстом в Viber

Поделиться текстом в Viber

Как работает: Поделиться текстом в Viber

4. Открыть вкладку «Чаты»:

viber://chats

1 

Открыть Чаты в Viber

Открыть Чаты в Viber

Как работает: Открыть Чаты в Viber

5. В мобильном приложении открыть вкладку вызовов

viber://calls

1 

Открыть Вызовы в Viber

Открыть Вызовы в Viber

Как работает: Открыть Вызовы в Viber

Как правильно сделать ссылку на WhatsApp

1. Открыть чат с номером

Замените “4957777777” на номер пользователя WhatsApp.

https://wa.me/4957777777

1 

Чат с пользователем WhatsApp

Чат с пользователем WhatsApp

Как работает: Чат с пользователем WhatsApp

2. Открыть чат с номером и отправить сообщение:

Замените “4957777777” на номер пользователя WhatsApp.

https://wa.me/4957777777?text=Привет!

1 

Чат+сообщение WhatsApp

Чат+сообщение WhatsApp

Как работает: Чат+сообщение WhatsApp

3. Поделиться текстом

В приложении откроется список контактов для отправки:

whatsapp://send?text=Привет!

1 

Поделиться текстом WhatsApp

Поделиться текстом WhatsApp

Как работает: Поделиться текстом WhatsApp

Как сделать ссылку на Skype

1. Просмотреть профиль

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?userinfo

1 

Skype

Skype

Как работает: Просмотреть профиль Skype

2. Добавить в список контактов

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?add

1 

Добавить в список контактов Skype

Добавить в список контактов Skype

Как работает: Добавить в список контактов Skype

3. Позвонить

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?call

1 

Позвонить пользователю Skype

Позвонить пользователю Skype

Как работает: Позвонить пользователю Skype

4. Отправить сообщение

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?chat

1 

Отправить сообщение в Skype

Отправить сообщение в Skype

Как работает: Отправить сообщение в Skype

5. Отправить голосовое сообщение

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?voicemail

1 

Отправить голосовое сообщение в Skype

Отправить голосовое сообщение в Skype

Как работает: Отправить голосовое сообщение в Skype

Ссылка на VK

Прямая ссылка на диалог с пользователем вконтакте:

vk.me/agvento

1 

Написать в VK

Написать в VK

Как работает: Написать в VK

Ссылка на мессенджер Facebook

Прямая ссылка на диалог с пользователем вконтакте:

https://www.messenger.com/t/jack.malbon.3

1 

Facebook Messenger

Facebook Messenger

Как работает: Facebook Messenger

+7(495) 555-55-55

Пример ссылки на емайл

Написать автору

Написать автору

Ссылка на чат Viber

Добавить контакт в Viber

Поделиться текстом в Viber

Открыть Чаты в Viber

Открыть Вызовы в Viber

Чат с пользователем WhatsApp

Чат+сообщение WhatsApp

Поделиться текстом WhatsApp

Skype

Добавить в список контактов Skype

Позвонить пользователю Skype

Отправить сообщение в Skype

Отправить голосовое сообщение в Skype

Написать в VK

Facebook Messenger

1 Июля 2022

522

Как сделать ссылку на Телеграм t.me по номеру телефона, чтобы она открывалась везде? Узнай в статье!

–> Содержание

Скорость и простота коммуникации — то, к чему современные потребители уже привыкли. В эру высокоскоростного мобильного интернета люди хотят решать свои задачи через смартфон, делая минимум лишних движений. Клик сюда, клик туда и готово!

Поэтому важно сделать так, чтобы взаимодействие с сайтом было максимально простым. Например, чтобы позвонить в компанию достаточно было кликнуть по телефону в шапке.

Разберемся, как проработать такую маленькую, но очень важную деталь сайта, как кликабельные кнопки связи (телефон, почта, мессенджеры).

Номер телефона

Чтобы при клике на номер телефона начинался звонок нужно сделать следующие шаги.

HTML-код сайта

Некликабельный номер телефона (просто текст) может выглядеть в коде по-разному, например, так:

8-123-456-78-90

или так:

   +7 (900) 101-56-78 

Чтобы сделать обычный текст кликабельным нужно сделать из него гиперссылку и указать действие, которое будет совершено по клику (в нашем случае набор номера).

Для создания любых ссылок используется тег …. Между тегами располагается текст ссылки или картинка (например, иконка трубки). Атрибут href=“” указывает адрес ссылки или действие. Для набора номера используется параметр: tel:+7XXXXXXXXXX, где +7XXXXXXXXXX — нужный номер телефона.

Если доработать предыдущие примеры, то получится следующий код:

   8-123-456-78-90 

        +7 (900) 101-56-78    

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

Зная, как устроен HTML-код вы легко сможете реализовать на любом движке или конструкторе.

В WordPress

Метод создания кликабельной ссылки на движке WordPress аналогичен пункту «HTML-код сайта» данной статьи. Главная задача в том, чтобы найти нужный фрагмент кода в админ-панели.

Шапка сайта

1. Если телефон находится в шапке сайта, то заходим в административной панели: «Внешний вид» -> «Редактор».
2. В коде находим телефон. Для быстрого поиска кликнете левой кнопкой мыши на поле с кодом и нажмите комбинацию на клавиатуре: “Ctrl” + “F”. Затем введите несколько цифр телефона и нажмите “Enter”. Нужный фрагменты станут выделены желтым цветом.

1. Теперь остается обернуть простой текст в гиперссылку. Как это сделать смотрите в предыдущем пункте статьи.В данному случае получается по итогу так:

1. Нажимаем “Обновить файл” и изменения сохраняются. Проверяем работоспособность на сайте. Готово!

Записи/страница

1. Если телефон находится в записи, то переходим в редактор записи/страницы.

1. Нажимаем “Обновить” и страница сохраняется. Готово!

В Tilda

Zero-блок

• Переходим к редактированию блока, нажав на кнопку “Редактировать блок” в конструкторе нужной страницы:

• Выделяем телефон и нажимаем кнопку “Setting”:

• В поле Link в настройках вводим ссылку: “tel:+ номер телефона с +7”

• Сохраняем изменения в блоке и публикуем страницу.

Стандартный блок

• Нажимаем “Контент”:

• Находим нужный блок, выделяем телефон и нажимаем иконку “Ссылка”:

• Выбираем пункт: “Вставить ссылку”:

• В поле “URL” вводим “tel:+ номер телефона с +7” и нажимаем кнопку “Вставить”:  

• Сохраняем изменения в блоке и публикуем страницу.

Активная ссылка на WhatsApp

Принцип точно такой же, как и с телефоном (смотрите предыдущий пункт данной статьи), отличие только в самой ссылке. Она будет выглядеть следующим образом:

8-123-456-78-90

Для размещения кликабельного текста на сайте подойдут все инструкции, как для телефонного номера.

Кликабельная иконка для сайта

Но обычно кликабельным делается не номер телефона, а специальная иконка WhatsApp. Для этого:

1. Находим иконку, которую будем использовать. Для этого подойдет, например, сервис Flaticon.com.

1. Выбираем подходящее по стилистике изображение. Кликаем на него, выбираем формат SVG.
2. Дальше будет показан алгоритм действия, если сайт на Тильде. Если сайт на другой CMS, то нужно будет загрузить файл на хостинг и добавить небольшой HTML и CSS-коды на сайт, чтобы разместить иконку, например, в шапке. Для этого понадобятся минимальные знания верстки, либо помощь верстальщика.
3. На Тильде переходим в редактирование Zero блока.
4. Выбираем пункт добавить изображение и загружаем иконку.

1. Масштабируем ее и размещаем в нужном месте блока.
2. Добавляем в поле Link ссылку https://wa.me/номертелефона

1. Сохраняем изменения в блоке и публикуем страниц сайта. Готово! Кнопка Whatsapp теперь кликабельная и сразу перенаправляет пользователя на диалог в мессенджере.

Ссылка на Telegram

С Телеграм тот же алгоритм действий, что и Whatsapp (смотрите предыдущий пункт данной статьи), но основное отличие в том, что в РФ, например стандартные ссылки в формате https://t.me/seoforge не работают. Поэтому необходимо использовать редирект через такие сервисы, как tele.gg, telegram.im и другие. Сервисы полностью бесплатны и существует большой список таких сервисов без сторонней рекламы, используйте именно их.

Ссылка будет выглядеть следующим образом.

На канал @seoforge в Телеграм: telegram.im/seoforge

@seoforge

Либо так:

@seoforge

На пользователя @webengineer в Телеграм:

@webengineer

Либо так:

@webengineer

Кликабельная почта E-mail

При клике на e-mail открывался почтовый клиент:

yourmail@mysite.com

Кликабельный Skype

При клике на кнопку открывался чат в Skype с указанным пользователем пользователем:

Skype-чат с пользователем Inetwmr

Введение

Если вы установите кликабельные номера телефонов на своем сайте, то при нажатии они будут сразу переводить в мессенджера Viber, WhatsApp или Telegram, что позволит быстро установить коммуникацию с вами.

Это всё будет работать при условии, что у пользователя стоит одно из этих приложений на мобильном устройстве или на компьютере.

Кликабельная ссылка Viber

Для мобильных и ПК устройств:

 Написать в Viber 

«%2B» — это «+» в HTML кодировке.

Кликабельная ссылка WhatsApp

Для мобильных и ПК устройств:

 Написать в WhatsApp 

Кликабельная ссылка Telegram

С Telegram-ом это делается немного по-другому. Если для Viber и WhatsApp мы использовали номер телефона для вызова чата, то в Telegram используется логин (имя) пользователя.

Для мобильных устройств:

 Написать в Telegram 

Ссылка для ПК (чат откроется в браузере):

 Написать в Telegram  

Кликабельная ссылка для звонка

Для мобильных и ПК устройств:

 Позвонить 

Заключение

С каждым годом посещение сайтов с мобильных устройств растет и чтобы это все работало как надо, нужно побеспокоиться о хорошей мобильной версии сайта.

Всем удачи!

Добавить комментарий Новое на сайте Реклама Случайная цитата

Самая большая замочная скважина в истории человечества — Интернет.

Стивен Кинг

Рассказываем, где найти ссылки на пользователя, канал или отдельное сообщение внутри мессенджера.

Есть еще каналы, которые представляют собой новостную ленту с элементами блога — в ней, предварительно подписавшись, можно получать регулярную информацию от автора или коллектива авторов. Как и личные аккаунты пользователей, Telegram-каналы могут быть общедоступными и приватными — доступ к ним осуществляется через поиск внутри мессенджера или через специально созданную ссылку соответственно. Рассказываем, как разобраться со ссылками на аккаунты и каналы, а также со ссылками на конкретные сообщения.

Как сделать ссылку на аккаунт в Телеграме

Прежде чем готовиться к поиску ссылки на свой личный аккаунт или аккаунт другого пользователя, важно понять, что подобные ссылки в Telegram бывают двух видов. Первая начинается с символа «собака» (он же @) и действует только внутри мессенджера — например, у нашего издания это ссылка @chiprussia, но найти по этому адресу нас можно только внутри телеграма. Для того, чтобы поделиться ссылкой вне мессенджера, используются ссылки типа https://t.me/, где после слэша идут либо имя пользователя (username), либо канала (channelname). Такие ссылки уже можно свободно передавать через социальные сети или электронную почту — они открывают доступ к пользователям или каналам извне мессенджера. Например, нас можно отыскать по ссылке t.me/chiprussia.

Чтобы поделиться ссылкой на свой аккаунт в телеграме, необходимо:

• зайти в свой профиль (иконка с шестеренкой на компьютере);
• кликнуть по иконке аккаунта и выбрать раздел «Имя пользователя»;
• если имя не задано, указать его;
• если имя уже есть, то чтобы поделиться им внутри мессенджера, скопировать имя вместе с символом «@»;
• чтобы поделиться вне телеграма, скопировать ссылку https://t.me/ и добавить после слэша без пробелов свое имя пользователя.

Чтобы поделиться ссылкой на чужой аккаунт в телеграме, необходимо:

• зайти в профиль пользователя (кликнуть на имя или фотографию);
• выбрать «Имя пользователя»;
• чтобы поделиться им внутри мессенджера, скопировать имя пользователя вместе с символом «@» (нажать на иконку с двумя листками справа в строке);
• чтобы поделиться вне телеграма, скопировать ссылку https://t.me/ и добавить после слэша без пробелов нужное имя пользователя.

Может быть такое, что имени пользователя нет, поскольку не все его указывают. В таком случае найти человека в Telegram можно только по номеру телефона и лишь при условии, что оно не скрыто настройками приватности для других пользователей мессенджера.

Чтобы поделиться ссылкой на бота в телеграме, необходимо:

• зайти в профиль бота (кликнуть на имя или фотографию);
• выбрать «Имя пользователя»;
• чтобы поделиться им внутри мессенджера, скопировать имя пользователя вместе с символом «@» (нажать на иконку с двумя листками справа в строке);
• чтобы поделиться вне телеграма, скопировать ссылку https://t.me/ и добавить после слэша без пробелов нужное имя пользователя.

Как сделать ссылку на канал в телеграме

Если Telegram-канал общедоступный, то есть два способа поделиться ссылкой на него. Оба варианта просты и требуют минимальных усилий. Первый — аналогичен тому, как делиться ссылками на аккаунты пользователей.

Чтобы поделиться ссылкой на канал в телеграме, необходимо:

• зайти в профиль канала (кликнуть на имя или фотографию);
• выбрать «Ссылка»;
• чтобы поделиться вне телеграма, скопировать ссылку https://t.me/ с именем канала.

Более простой способ поделиться ссылкой на канал с пользователем телеграма заключается в том, что после входа в профиль канала необходимо кликнуть по иконке «Отправить» и в открывшемся меню выбрать пользователя или группу, куда вы хотите отправить ссылку на канал.

Как сделать ссылку на групповой чат в телеграме

В ситуации, когда в Telegram вы создали чат для общения нескольких пользователей, вы можете приглашать туда собеседников через ссылку, которую можно создать аналогично тому, как вы создаете ссылку на профиль конкретного пользователя. Точно так же заходите в профиль, ищете название и создаете ссылку либо по схеме @имячата, либо по схеме https://t.me/ с именем чата.

Как сделать ссылку на приватый канал или чат в телеграме

Если речь идет о приватных каналах или чатах, то создавать ссылки для вступления в них могут только администраторы этих каналов или чатов. Если вы являетесь администратором, войдите в меню профиля канала через имя или аватар канала, в правом верхнем углу выберите пункт «Изменить», затем «Тип канала» и если выбран режим «Частный» вы увидите меню «Постоянная ссылка», которая позволит любому имеющему доступ к этой ссылке присоединятся к каналу или чату. В любой момент вы можете ее сбросить, задав новую ссылку, если предыдущая оказалась в открытом доступе.

Также в меню «Управление ссылками», расположенном ниже раздела «Постоянная ссылка», вы можете создавать дополнительные ссылки для входа в канал или чат, задавать срок действия этих ссылок или ограничивать число их использования для более гибкого регулирования доступа в приватные разделы телеграма.

Как сделать ссылку на сообщение в телеграме

Мессенджер Telegram отличается возможностью не только делиться аккаунтами, каналами или чатами, но и отдельными сообщениями. Чтобы сделать это, выберите нужное вам сообщение, с правой стороны кликните по иконке стрелки в кружочке и в открывшемся меню выберите пользователя или группу, куда вы хотите отправить ссылку на сообщение. 

Если вам нужна ссылка на сообщение, то в этом же разделе в правом верхнем углу кликните по иконке прямоугольного листка со стрелкой и выберите «Копировать ссылку». Более простой способ получить ссылку на сообщение — на компьютере кликнуть правой кнопкой мыши и в открывшемся меню либо выбрать «Переслать», либо «Копировать ссылку на сообщение». Аналогичное меню на смартфоне откроется после длительного нажатия на сообщение.

Необходимо отметить, что делиться сообщениями и ссылками на них можно только в общедоступных группах и чатах — если это личная переписка, то в ней ссылок на сообщения нет и их можно только пересылать другим пользователям или копировать текст, а если речь идет о приватных каналах и чатах, то на то они и приватные, чтобы ничего из них, если не просто копировать текст сообщений, невозможно было отправить не-участникам канала и чата.

Ранее мы рассказывали о 9 полезных функций Telegram, о которых многие не догадываются, а также о том, как скрыть номер в Телеграм или как восстановить удаленный чат в Telegram.

Была ли статья интересна? Поделиться ссылкой