Telegram кликабельный номер телефона

В Telegram можно делать ссылки по номеру телефона, как в WhatsApp. Об этом написано в блоге Telegram

Рассмотрим на примере Tilda. Механика для всех других конструкторов и платформ по созданию сайтов будет одинаковой.

Шаг 1

Чтобы получить сообщения клиентов с сайта, опубликуйте вот такую ссылку: https://t.me/ваш_номер_телефона

Обязательно указывайте номер в международном формате

Шаг 2

В «ZeroBlock» прикрепите ссылку к логотипу в настройках блока «LINK».

Шаг 3

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

Шаг 4

Также, можно указать @username вашего Telegram-аккаунта вместо телефона. Например: https://t.me/radistonline

Забирайте набор иконок соцсетей для сайта! Скачать по ссылке

Что же указать: номер или ник? Решать вам. Мы считаем, что номер телефона вызывает больше доверия и клиент всегда может позвонить по нему. Надеемся, ваш номер телефона привязан к телелефонии?

P.S. Ежедневная аудитория Telegram растет с каждым днем. Продавайте в Telegram из CRM. Подключайте сколько угодно номеров и пишите первым с личного номера Telegram прямо из CRM!

Переходите на сайт и подключайте Telegram за 5 минут без программирования и танцев с бубном — тут.

3 дня бесплатно!

Наши контакты

Если у вас возникли вопросы, мы всегда рады помочь.

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

С каждым годом интеграция с социальными сетями и мессенджерами происходит все глубже. Многие компании и организации в борьбе за клиента, стараются сделать обратную связь как можно проще и удобнее. Одна из таких возможностей – сделать кликабельные номера телефонов на сайте.

Содержание:

  • Введение
  • Кликабельная ссылка Viber
  • Кликабельная ссылка WhatsApp
  • Кликабельная ссылка Telegram
  • Кликабельная ссылка для звонка
  • Заключение

Введение

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

Кликабельные ссылки на мессенджеры

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

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

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

<a href="viber://chat?number=%2B79630745396">Написать в Viber</a>

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

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

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

<a href="whatsapp://send?phone=+79630745396">Написать в WhatsApp</a>

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

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

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

<a href="tg://resolve?domain=LOGIN">Написать в Telegram</a>

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

<a href="https://telegram.me/LOGIN">Написать в Telegram </a>

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

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

<a href="tel:+79630745396">Позвонить</a>

Заключение

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

Всем удачи!

Легко и просто. Разберем пошагово

Как опубликовать ссылку на свой номер Telegram на сайте?

Как опубликовать ссылку на свой номер Telegram на сайте?

В Telegram можно делать ссылки
по номеру телефона, как в WhatsApp

Рассмотрим, как это делается на Tilda

Механика для всех других конструкторов и платформ по созданию сайтов будет одинаковой.

Чтобы получить сообщения клиентов с сайта, опубликуйте вот такую ссылку:

https://t.me/ваш_номер_телефона

. Например, наша ссылка выглядит так: https://t.me/+79274238608

Также, можно указать @username вашего аккаунта вместо телефона. Например: https://t.me/radist0nline

Как опубликовать ссылку на свой номер Telegram на сайте?

Номер пишите обязательно в международном формате!

Как опубликовать ссылку на свой номер Telegram на сайте?

telegram, телеграм, радист онлайн, radist.online

telegram, телеграм, радист онлайн, radist.online

telegram, телеграм, радист онлайн, radist.online

Установите видимость номера «Все» в настройках вашего Telegram-аккаунта

Как опубликовать ссылку на свой номер Telegram на сайте?

Прикрепите ссылку
к иконке в настройках блока «LINK»

Как опубликовать ссылку на свой номер Telegram на сайте?

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

Проанализируем ваши задачи и предложим подходящее решение

Логотипы в подарок!

Здесь вы можете скачать набор иконок социальных сетей, чтобы использовать на своем сайте

Как опубликовать ссылку на свой номер Telegram на сайте?

Как опубликовать ссылку на свой номер Telegram на сайте?

Как опубликовать ссылку на свой номер Telegram на сайте?

Как опубликовать ссылку на свой номер Telegram на сайте?

— Радик Юсупов, Основатель Radist.Online

«Что же указать: номер или ник? Решать вам. Мы считаем, что номер телефона вызывает больше доверия и клиент всегда может позвонить по нему. Надеемся, ваш номер телефона привязан к телелефонии?»

telegram, телеграм, радист онлайн, radist.online

Поделитесь статьей с друзьями и коллегами

Подключайте сколько угодно номеров и пишите первым с личного номера Telegram прямо из CRM

Продавайте
в Telegram из CRM

telegram, телеграм, радист онлайн, radist.online

Подписывайтесь на наши соцсети и следите за новостями!

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

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

Замените “4957777777”

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

viber://chat?number=%2B4957777777

1
<a href="viber://chat?number=%2B4957777777">Ссылка на чат Viber</a>

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

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

viber://add?number=4957777777

1
<a href="viber://add?number=4957777777">Добавить контакт в Viber</a>

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

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

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

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

1
<a href="viber://forward?text=Привет!">Поделиться текстом в Viber</a>

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

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

viber://chats

1
<a href="viber://chats">Открыть Чаты в Viber</a>

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

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

viber://calls

1
<a href="viber://calls">Открыть Вызовы в Viber</a>

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

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

Как добавить ссылку на канал, чат или профиль

Ссылаться на группы, каналы и профили внутри Телеграма можно через собачку. Если вставить в пост выражение вроде @mrktngblog, оно автоматически превратится в активную ссылку.

Как сделать ссылку на Телеграм — Понятная инструкция:

  • Сделать активный URL очень просто. Для этого Вам необходимо:
  • Скопировать его на соответствующей странице в верхней строке;
  • Перейти в Telegram и открыть Ваш канал или группу;
  • На мобильном телефоне: нажать пальцем с удержанием в 1-2 секунд на поле ввода сообщения;
  • На компьютере: щёлкнуть правой кнопкой мыши по месту введения текста;
  • Выбрать пункт «Вставить» и затем отправить сообщение;
  • Ссылка будет активной. При нажатии на неё, пользователь попадёт по указанному адресу.

  1. Как сделать чтобы ссылка была активной?
  2. Как сделать кнопку ссылку в телеграмм?
  3. Как сделать собственную ссылку на Телеграм?
  4. Как сделать автоматическую ссылку?
  5. Какая ссылка называется активной?
  6. Как сделать Закреп с кнопкой?
  7. Как в Телеграме взять ссылку?
  8. Как сделать инлайн кнопки в Телеграм?
  9. Как сделать Кликабельный номер телефона в Телеграм?
  10. Как раскрутить свой канал в Телеграм?
  11. Как сделать свою ссылку?
  12. Как сделать ссылку в виде кнопки?
  13. Как сделать красивую короткую ссылку?
  14. Как сделать активную ссылку на телефоне?
  15. Как сделать текст ссылкой на телефоне?
  16. Как активировать ссылку в тексте?
  17. Как узнать свой адрес телеграмм?
  18. Как создать символьную ссылку?
  19. Как сделать ссылку на источник?
  20. Как сделать подстрочные ссылки?
  21. Что такое Кликабельные ссылки?
  22. Как работает Короткая ссылка?
  23. Как сделать активную ссылку на адрес в инстаграме?
  24. Как сделать ссылку внутри?
  25. Как добавит ссылку?
  26. Что такое автоматические ссылки?
  27. Как в ворде сделать активную ссылку?
  28. Как сделать активную ссылку в HTML?
  29. Как сделать кликабельную ссылку на Инстаграм?
  30. Что делать если не работает ссылка?

Как сделать чтобы ссылка была активной?

Чтобы сделать активную ссылку, вам нужно использовать схему для ссылок — @ ид-номер страницы после vk, пробел и в скобках () текст, который будет активной ссылкой. При публикации ваша конструкция станет активной ссылкой — будет текст, за которым скрывается переход по ссылке.

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

Добавление кнопок в Telegram-каналах осуществляется через двух ботов.Как добавлять кнопки в Телеграм-канал через бота:

  • В поиск с компьютерной или мобильной версии мессенджера пишем название бота «@ControllerBot».
  • Добавляем его в контакты и кликаем по кнопке «Начать», если ранее не пользовались им либо «Перезапустить».

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

Чтобы поделиться вне телеграма, скопировать ссылку https://t.me/ и добавить после слэша без пробелов свое имя пользователя.

Как сделать автоматическую ссылку?

На вкладке Вставка выберите команду Перекрестная ссылка. В поле Тип ссылки щелкните раскрывающийся список, чтобы выбрать тип элемента, на который будет указывать ссылка. Список возможных вариантов зависит от типа элемента (заголовок, номер страницы и т. п.), с которым нужно создать связь.

Какая ссылка называется активной?

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

Как сделать Закреп с кнопкой?

Как сделать закреп с кнопкой:

  • Зайдите в SMMplanner и подключите телеграм-канал к сервису.
  • Нажмите «Запланировать пост».
  • Создайте пост.
  • Выберите пункт «Кнопка».
  • Нажмите «Закрепить», чтобы пост с кнопкой сразу оказался в закрепе.
  • Поставьте таймер на публикацию.

Как в Телеграме взять ссылку?

Найти нужный пост в Телеграм; Справа под постом нажать на стрелочку; Выбрать из контактов, адресата или же нажать «Копировать ссылку».

Как сделать инлайн кнопки в Телеграм?

В канале Telegram есть возможность добавить инлайн-кнопки. Такие кнопки будут отображаться не под полем ввода, а над.Для этого:

  • нажмите + КНОПКА
  • введите название кнопки и нажмите Enter.
  • нажмите на значок ссылки
  • вставьте URL на нужный ресурс
  • нажмите Сохранить

Как сделать Кликабельный номер телефона в Телеграм?

Атрибут href=«» указывает адрес ссылки или действие. Для набора номера используется параметр: tel:+7XXXXXXXXXX, где +7XXXXXXXXXX — нужный номер телефона. Теперь при нажатии на номер телефона будет совершаться набор указанного в ссылке номера.

Как раскрутить свой канал в Телеграм?

14 способов раскрутки Телеграм-канала с нуля:

  • Реклама в других каналах
  • Накрутка подписчиков
  • Взаимопиар
  • Реклама за бартер
  • Участие в подборках
  • Трафик из соцсетей, с YouTube или сайта
  • Статья на чужом сайте
  • Размещение в Телеграм каталогах

Как сделать свою ссылку?

Простая текстовая ссылка создается в три этапа:

  • Сначала пишем слово, на котором будет стоять ссылка, и заключаем его в теги a (открывающий тег) и /a (закрывающий тег),
  • В открывающий тег добавляем URL, заключенный в кавычки, с атрибутом href=
  • Полученную строку вставляем в HTML-код страницы.

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

Использование HTML

Кнопку <button> вкладываем внутрь элемента <form> и для формы указываем атрибут action с адресом веб-страницы (пример 1). Дополнительно можно добавить атрибут target со значением _blank, тогда веб-страница откроется в новой вкладке браузера.

Как сделать красивую короткую ссылку?

Чтобы сократить ссылку, нужно:

  • Зарегистрироваться.
  • Вставить URL на главной и нажать кнопку «Rebrand».
  • Выбрать способ сокращения: генерировать самый короткий адрес, SEO-дружественный (учитывающий слова в URL) или, например, абсолютно случайный.
  • Указать домен — оставить rebrand.ly или прикрепить собственный.

Как сделать активную ссылку на телефоне?

Активная ссылка телефона на сайте

Для того чтобы на сайте номер телефона при нажатии срабатывал как активный вызов, нужно в атрибуте href прописать значение tel. Ну не совсем сразу будет идти вызов, а появится окно с запросом, каким приложением открыть tel.

Как сделать текст ссылкой на телефоне?

На планшете или телефоне с Android:

  • На планшете с Android откройте вкладку Вставка. На телефоне с Android нажмите значок «Правка» в верхней части экрана, выберите Главная и нажмите Вставка.
  • Нажмите Ссылка.
  • Введите отображаемый текст и адрес ссылки.
  • Выберите Вставка.

Как активировать ссылку в тексте?

Ссылка на веб-страницу:

  • Поместите курсор в то место документа, где должна находиться ссылка.
  • Нажмите CTRL+K, чтобы открыть диалоговое окно Вставка гиперссылки.
  • Введите веб-адрес сайта и нажмите клавиши ALT+К, чтобы перейти к полю Текст.
  • Введите текст ссылки, который должен отображаться в документе.
  • Нажмите клавишу ВВОД.

Как узнать свой адрес телеграмм?

В стандартном функционале мессенджера Telegram не предусмотрена функция, с помощью которой можно узнать свой Telegram ID. Но его можно узнать с помощью ботов. Например, таких, как @userinfobot и @my_id_bot.

Как создать символьную ссылку?

По умолчанию команда ln создает жесткие ссылки. Чтобы с ее помощью создать симлинк, команде ln нужно передать параметр -s (или –symbolic).

Как сделать ссылку на источник?

Создание списка литературы, цитат и ссылок:

  • Поместите курсор в конец текста, который хотите процитировать.
  • Перейдите в раздел Ссылки > Стиль и выберите стиль ссылки.
  • Нажмите кнопку Вставить ссылку.
  • Выберите Добавить новый источник и введите сведения об источнике.

Как сделать подстрочные ссылки?

Подстрочные библиографические ссылки оформляют как примечание, вынесенное из текста документа вконец страницы. Их располагают под текстом каждой страницы, отделяя от него пробелом в 1,5 интервала и строкой. Связь подстрочной ссылки с текстом осуществляют с помощью знака сноски, который набирают на верхнюю линию шрифта.

Что такое Кликабельные ссылки?

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

Как работает Короткая ссылка?

Когда пользователь кликает по сокращённой ссылке, запрос отправляется сервису сокращения URL-адресов, а он перенаправит его на необходимый «реальный» адрес:

  • Сервис принимает короткий URL в виде GET -запроса.
  • Сервис проверяет, имеется ли данный токен в базе данных.

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

Чтобы добавить ссылку на другой сайт:

  • Нажмите на Ленту Instagram в редакторе.
  • Нажмите Настроить.
  • Нажмите Ссылки.
  • Нажмите Добавить ссылки.
  • Выберите нужный пост.
  • Нажмите +Добавить ссылку.
  • Нажмите Веб-адрес в разделе Ссылка ведет на
  • Введите веб-адрес, на который должна вести ссылка, в разделе Какой веб-адрес (URL)?

Как сделать ссылку внутри?

Для создания ссылки следует вначале сделать закладку (якорь) в соответствующем месте и дать ей имя при помощи атрибута name тега <a>, как показано в примере 1. Между тегами <a name=«top»> и </a> отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы.

Как добавит ссылку?

Как вставить ссылку в тексте страницы или записи:

  • На панели инструментов нажимаем кнопку Вставить/изменить ссылку
  • В появившемся диалоге в поле URL набираем или вставляем адрес ссылки
  • Нажимаем кнопку Добавить ссылку

Что такое автоматические ссылки?

Автоматические ссылки — это указатели (числа) в тексте, которые можно легко обновить в случае, если поменялась последовательность источников, на которые ссылаются эти указатели.

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

Ссылка на веб-страницу:

  • Поместите курсор в то место документа, где должна находиться ссылка.
  • Нажмите клавиши CTRL+K, чтобы открыть диалоговое окно Вставка гиперссылки.
  • Введите веб-адрес сайта и нажмите клавиши ALT+К, чтобы перейти к полю Текст.
  • Введите текст ссылки, который вы хотите отобразить в документе.

Как сделать активную ссылку в HTML?

Для создания ссылок в HTML-документах используется тег <a>, его содержимое выступает в качестве метки, с помощью которой и будет производится переход. Для того, чтобы из элемента <a> сделать активную гиперссылку, нужно добавить к нему атрибут href.

Как сделать кликабельную ссылку на Инстаграм?

Нажимаете на значок ссылки наверху Сторис, выбираете «Видео IGTV» и после нужное видео. В полном видео нужно нажать на название наверху и тогда откроется описание. Ссылка в этом описании будет кликабельной.

Что делать если не работает ссылка?

Если ссылка не открывается в браузере на компьютере, для начала удали временные файлы и куки (cookies), а затем попробуй снова. Внимание: после удаления файлов куки придется заново входить на сайты с логином и паролем. Если очистка временных файлов не помогла, установи другой браузер.

Ответить

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

Сделать линк аккаунта

Виды ссылок в Телеграмм

В отличие от других мессенджеров Телеграмм делит ссылки на два вида:

· Логин, имя пользователя вида @ваш­_логин

Используют для поиска внутри Телеграмм. Никнейм поможет начать с вами общение в чате. По логину находят каналы и боты.

· URL-адрес. Выглядит так: https://t.me/ваш_ник

Подходит для использования вне мессенджера: вставить в шапку профиля социальной сети, в описание видео, разместить на сайте или мультиссылке.

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

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

— Откройте аккаунт

— Нажмите на три горизонтальные полоски слева вверху — откроется контекстное меню

— Выберите пункт «Настройки»

Контекстное меню Telegram

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

— Откроется новое окно, где вы сможете вписать публичное имя пользователя. Оно должно соответствовать параметрам: используйте буквы a–z, цифры, подчеркивания. Минимальная длина — 5 символов.

Так выглядит окно настроек Telegram

— Придумали ник аккаунта, вписали, нажмите галочку справа вверху для сохранения.

— Теперь это имя можете пересылать друзьям и коллегам.

Сделать кликабельную ссылку аккаунта в Телеграм

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

Формирование кликабельного номера происходит не так как в Viber и WhatsApp, где используется номер телефона. В Телеграмм нужен логин.

Шаблон ссылки для перехода в чат из Инстаграм при нажатии:

t.me/название_профиля

Зачем нужна ссылка на чат в Телеграме в шапке Инстаграм

Блогеры и предприниматели, ведущие продажи через Инстаграм, в шапку профиля в поле «Сайт», могут вписать только один адрес.

Если Телеграмм ­— основной мессенджер, используемый в работе, вставляйте короткую кликабельную ссылку в шапку Инстаграм. Так подписчики быстро перейдут к общению, и вы не пропустите сообщение в Директе.

Но есть более распространенный мессенджер Whats App. Viber все еще популярен. Потенциальный клиент может не пользоваться Телеграмом. Чтобы сделать общение подписчиков удобным, дайте им выбрать любимый канал связи.

HTML-ссылка для сайтов и лендингов

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

Шаблон HTML:

<a href=»https://telegram.me/LOGIN»>Написать в Telegram </a>

Вместо «Написать в Телеграм» можно вписать любую фразу: «Начать чат», «Получить консультацию», «Запишитесь на курс», «Заказать дизайн».

Если пока не планируете заниматься разработкой сайта, попробуйте сделать мини-лендинг на конструкторе Hipolink. Это сервис мультиссылок. За 10 минут можно сделать такие лендинги, где будут собраны все ваши ссылки и рекламная информация:

сделать аккаунт Хиполинк ­— шаблоны лендинга

Если одной ссылки не достаточно

Не ограничивайте свои возможности. Правильно оформленная ссылка В шапку Инстаграм можно добавить мультиссылку. Например, Hipolink. Нажав на нее, пользователь попадет на ваш мини-сайт, где будет собрана вся информация о вас, продукте, услуге, ссылки:

— на мессенджеры,

— социальные сети,

— облачные хранилища.

— Можно разместить каталог товаров с фото и ценой,

— подключить платежные системы.

Такой лендинг на конструкторе Хиполинк неопытный пользователь сделает за 10 минут. Для облегчения создания сайта предложены шаблоны и темы дизайна.

На чтение 6 мин. Просмотров 38.6k. Опубликовано 13 августа, 2019

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

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

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

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

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

HTML-код сайта

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

<span class="ya-phone">8-123-456-78-90</span>

или так:

<div class="header-center__contacts">
  +7 (900) <span class="header-center__number-big">101-56-78</span>
</div>

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

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

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

<span class="ya-phone">
  <a href=”tel:+71234567890”>8-123-456-78-90</a>
</span>
<div class="header-center__contacts">
  <a href=”tel:+79001015678”>
    +7 (900) <span class="header-center__number-big">101-56-78</span>
  </a>
</div>

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

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

В WordPress

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

Шапка сайта

  1. Если телефон находится в шапке сайта, то заходим в административной панели: «Внешний вид» -> «Редактор».
  2. Справа, в Файлах темы находим «header.php», нажимаем на него.
  3. В коде находим телефон. Для быстрого поиска кликнете левой кнопкой мыши на поле с кодом и нажмите комбинацию на клавиатуре: “Ctrl” + “F”. Затем введите несколько цифр телефона и нажмите “Enter”. Нужный фрагменты станут выделены желтым цветом.
  1. Теперь остается обернуть простой текст в гиперссылку. Как это сделать смотрите в предыдущем пункте статьи.В данному случае получается по итогу так:
  1. Нажимаем “Обновить файл” и изменения сохраняются. Проверяем работоспособность на сайте. Готово!

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

  1. Если телефон находится в записи, то переходим в редактор записи/страницы.
  1. Переходим в редактор кода, нажав на вкладку “Текст”:
  1. Выделяем номер и нажимаем кнопку “link”. В поле “URL” добавляем гиперссылку для номера:
  1. Получается так:
  1. Нажимаем “Обновить” и страница сохраняется. Готово!

В Tilda

Zero-блок

  • Переходим к редактированию блока, нажав на кнопку “Редактировать блок” в конструкторе нужной страницы:
  • Выделяем телефон и нажимаем кнопку “Setting”:
  • В поле Link в настройках вводим ссылку: “tel:+ номер телефона с +7”
  • Сохраняем изменения в блоке и публикуем страницу.

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

  • Нажимаем “Контент”:
  • Находим нужный блок, выделяем телефон и нажимаем иконку “Ссылка”:
  • Выбираем пункт: “Вставить ссылку”:
  • В поле “URL” вводим “tel:+ номер телефона с +7” и нажимаем кнопку “Вставить”:  
  • Сохраняем изменения в блоке и публикуем страницу.

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

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

<a href=”https://wa.me/71234567890”>8-123-456-78-90</a>

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

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

Но обычно кликабельным делается не номер телефона, а специальная иконка 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

<a href="tg://resolve?domain=botseoforge">@seoforge</a>

Либо так:

<a href="https://telegram.im/seoforge">@seoforge</a>

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

<a href="tg://resolve?domain=webengineer">@webengineer</a>

Либо так:

<a href="https://telegram.im/webengineer">@webengineer</a>

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

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

<a href="mailto:yourmail@mysite.com">yourmail@mysite.com</a>

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

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

<a href="Skype:inetwmr?chat">Skype-чат с пользователем Inetwmr</a>

Our team tries to create the Telegram Bot and it is essential for us to make phone number in the long messages clickable. Sometimes we have to send our users messages with a lot of information and few phone numbers, so it is hard to get the phone, because telegram allows to copy only the whole message.
If we send the short message without any markdown the telegram mobile app will highlight it:

await bot.send_message(chat_id, "Example text with a phone +79991234567")

Telegram shows the phone number as a link

If we use Markdown Telegram also make a number be clickable:

await bot.send_message(
    chat_id,
    "Example text with a phone [+79991234567](tel:+79991234567)", 
    parse_mode='Markdown'
)

Telegram shows the phone number as a link

Although if the message is a quite long Telegram just ignore the numbers and don’t parse:

await bot.send_message(
    chat_id, 
    "Example text with a phone [+79991234567](tel:+79991234567)nwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long messagenwithin a long-long message", 
    parse_mode='Markdown'
)

Telegram doesn't shows the phone number as a link

Is there a way to make Telegram to show phone numbers as a link? Thank you

Понравилась статья? Поделить с друзьями:
  • Tele2 как позвонить диспетчеру
  • Tele2 как заблокировать номер телефона
  • Tele2 как восстановить номер телефона
  • Tele2 казахстан как позвонить оператору
  • Tele2 выбрать номер телефона