Скорость и простота коммуникации — то, к чему современные потребители уже привыкли. В эру высокоскоростного мобильного интернета люди хотят решать свои задачи через смартфон, делая минимум лишних движений. Клик сюда, клик туда и готово!
Поэтому важно сделать так, чтобы взаимодействие с сайтом было максимально простым. Например, чтобы позвонить в компанию достаточно было кликнуть по телефону в шапке.
Разберемся, как проработать такую маленькую, но очень важную деталь сайта, как кликабельные кнопки связи (телефон, почта, мессенджеры).
Номер телефона
Чтобы при клике на номер телефона начинался звонок нужно сделать следующие шаги.
HTML-код сайта
Некликабельный номер телефона (просто текст) может выглядеть в коде по-разному, например, так:
8-123-456-78-90
+7 (900) 101-56-78
Чтобы сделать обычный текст кликабельным нужно сделать из него гиперссылку и указать действие, которое будет совершено по клику (в нашем случае набор номера).
Для создания любых ссылок используется тег …. Между тегами располагается текст ссылки или картинка (например, иконка трубки). Атрибут href=“” указывает адрес ссылки или действие. Для набора номера используется параметр: tel:+7XXXXXXXXXX, где +7XXXXXXXXXX — нужный номер телефона.
Ссылка на Ватсап, как сделать прямую ссылку на whatsapp в инстаграм, тик ток и др
Если доработать предыдущие примеры, то получится следующий код:
Теперь при нажатии на номер телефона будет совершаться набор указанного в ссылке номера. Именно тот, который указан в ссылке, а не в тексте, поэтому будьте внимательны! Проверяйте получившийся код в работе.
Зная, как устроен HTML-код вы легко сможете реализовать на любом движке или конструкторе.
В WordPress
Метод создания кликабельной ссылки на движке WordPress аналогичен пункту «HTML-код сайта» данной статьи. Главная задача в том, чтобы найти нужный фрагмент кода в админ-панели.
Шапка сайта
- Если телефон находится в шапке сайта, то заходим в административной панели: «Внешний вид» -> «Редактор».
- Справа, в Файлах темы находим «header.php», нажимаем на него.
- В коде находим телефон. Для быстрого поиска кликнете левой кнопкой мыши на поле с кодом и нажмите комбинацию на клавиатуре: “Ctrl” + “F”. Затем введите несколько цифр телефона и нажмите “Enter”. Нужный фрагменты станут выделены желтым цветом.
- Теперь остается обернуть простой текст в гиперссылку. Как это сделать смотрите в предыдущем пункте статьи.В данному случае получается по итогу так:
- Нажимаем “Обновить файл” и изменения сохраняются. Проверяем работоспособность на сайте. Готово!
Записи/страница
- Если телефон находится в записи, то переходим в редактор записи/страницы.
Как создать ссылку на свой аккаунт в Телеграмме? / (ПК и Моб. устройства)
- Переходим в редактор кода, нажав на вкладку “Текст”:
- Выделяем номер и нажимаем кнопку “link”. В поле “URL” добавляем гиперссылку для номера:
- Получается так:
- Нажимаем “Обновить” и страница сохраняется. Готово!
В Tilda
Zero-блок
- Переходим к редактированию блока, нажав на кнопку “Редактировать блок” в конструкторе нужной страницы:
- Выделяем телефон и нажимаем кнопку “Setting”:
- В поле Link в настройках вводим ссылку: “tel:+ номер телефона с +7”
- Сохраняем изменения в блоке и публикуем страницу.
Стандартный блок
- Нажимаем “Контент”:
- Находим нужный блок, выделяем телефон и нажимаем иконку “Ссылка”:
- Выбираем пункт: “Вставить ссылку”:
- В поле “URL” вводим “tel:+ номер телефона с +7” и нажимаем кнопку “Вставить”:
- Сохраняем изменения в блоке и публикуем страницу.
Активная ссылка на WhatsApp
Принцип точно такой же, как и с телефоном (смотрите предыдущий пункт данной статьи), отличие только в самой ссылке. Она будет выглядеть следующим образом:
Для размещения кликабельного текста на сайте подойдут все инструкции, как для телефонного номера.
Кликабельная иконка для сайта
Но обычно кликабельным делается не номер телефона, а специальная иконка WhatsApp. Для этого:
- Находим иконку, которую будем использовать. Для этого подойдет, например, сервис Flaticon.com.
- Выбираем подходящее по стилистике изображение. Кликаем на него, выбираем формат SVG.
- Дальше будет показан алгоритм действия, если сайт на Тильде. Если сайт на другой CMS, то нужно будет загрузить файл на хостинг и добавить небольшой HTML и CSS-коды на сайт, чтобы разместить иконку, например, в шапке. Для этого понадобятся минимальные знания верстки, либо помощь верстальщика.
- На Тильде переходим в редактирование Zero блока.
- Выбираем пункт добавить изображение и загружаем иконку.
- Масштабируем ее и размещаем в нужном месте блока.
- Добавляем в поле Link ссылку https://wa.me/номертелефона
- Сохраняем изменения в блоке и публикуем страниц сайта. Готово! Кнопка Whatsapp теперь кликабельная и сразу перенаправляет пользователя на диалог в мессенджере.
Ссылка на Telegram
С Телеграм тот же алгоритм действий, что и Whatsapp (смотрите предыдущий пункт данной статьи), но основное отличие в том, что в РФ, например стандартные ссылки в формате https://t.me/seoforge не работают. Поэтому необходимо использовать редирект через такие сервисы, как tele.gg, telegram.im и другие. Сервисы полностью бесплатны и существует большой список таких сервисов без сторонней рекламы, используйте именно их.
Ссылка будет выглядеть следующим образом.
Источник: seoforge.ru
КАК СДЕЛАТЬ ССЫЛКУ НА ТЕЛЕГРАММ В ВК
Telegram Messenger — одно из самых популярных мессенджеров в мире. Вконтакте (ВК) — крупнейшая социальная сеть русскоязычного сегмента интернета. Чтобы добавить ссылку на Telegram в ВК, необходимо выполнить несколько простых шагов.
После этого нужно выделить текст для ссылки и нажать на кнопку «вставить ссылку». Откроется диалоговое окно, в котором нужно вставить ссылку на ваш аккаунт в Telegram. Ссылка должна иметь вид: https://t.me/username , где «username» — ваше имя пользователя.
Далее необходимо сохранить изменения, нажав на кнопку «сохранить». Проверьте, что ссылка корректно отображается на странице профиля ВКонтакте. Готово! Теперь люди, которые посещают вашу страницу ВКонтакте, смогут перейти на вашу страницу в Telegram, чтобы связаться с вами.
Как сделать ссылку на свой телеграмм канал
Где найти ссылку на телеграм канал. Как добавить ссылку на телеграм в Инстаграм сторис.
Как создать и отправить ссылку на Телеграм канал
Как разместить кликабельную ссылку на свой канал Телеграмм в истории ВКонтакте
Как в телеграмме сделать ссылку слово?
Как Сделать Ссылку на Свой Телеграмм с Телефона в 2022 / Как Скопировать Ссылку на Свой Аккаунт
STREAM — CALL OF DUTY MOBILE — BATTLE ROYAL
Источник: tgme.pro
Как сделать прямую ссылку на телеграмм
Смешной мем, странное видео, шокирующая новость – когда мы находим в Телеграме что-то действительно стоящее, первая мысль, которая приходит нам в голову – нужно скорее переслать это всем друзьям. В большинстве мессенджеров такая пересылка не вызывает особых трудностей, как минимум потому, что в них нет каналов. А в Телеграме – есть. И если с пересылкой сообщения справиться все-таки можно, то вот с каналами все немного сложнее. Рассказываем подробно, как поделиться телеграм каналом.
Особенности каналов в Телеграм
Каналы в Телеграме – это некий аналог новостных лент, в которых в виде постов публикуется различная информация. Каналы бывают публичные и приватные. И те и другие имеют название и ссылку-приглашение, которые можно использовать для их идентификации.
Между приватными и публичным каналами, с точки зрения конечного пользователя, разницы почти нет. Она заключается только в способе получения ссылки-приглашения. Скорее всего, изначально создатели Телеграма планировали, что публичные каналы можно будет найти через встроенный поиск, а в приватные можно будет попасть только через особую ссылку. Но с появлением сервисов вроде Tgstat поиск каналов любого типа существенно упростился.
Как поделиться телеграм каналом, используя его название
Если вы не очень хотите делиться каналом, но вас настойчиво просят, поступите следующим образом: дайте человеку только название канала и посоветуйте использовать встроенный в Телеграм поиск. Чем популярнее канал, тем больше его клонов и двойников будет в результатах. Более того, не факт, что нужный канал вообще там будет, поскольку канал может быть в теневом бане (за накрутку подписчиков), с пометкой скам или приватный, в таких случаях, телеграм канал может не отобразиться.
А в том случае, если вы действительно хотите пригласить человека на канал, да так, чтобы это было максимально просто, советуем все сделать немного иначе.
Как поделиться телеграм каналом, используя ссылку приглашение
Это самый простой и удобный способ. Для того чтобы им воспользоваться, выполните следующие шаги:
- Откройте канал, которым вы хотите поделиться.
- Нажмите на его название, расположенное в верхней части экрана чуть правее логотипа.
- Откроется экран с дополнительной информацией о канале.
- Если вы используете десктопную версию, найдите пункт «Ссылка», а если вы используете мобильное приложение, найдите пункт «Ссылка-приглашение».
- Скопируйте ее.
С помощью этой ссылки вы можете поделиться каналом через любой другой мессенджер или приложение, поддерживающее отправку сообщений.
Как поделиться приватным каналом
Для того чтобы пригласить кого-то в приватный канал, вам достаточно скопировать и переслать ссылку-приглашение, по которой вы сами в него попали. Она будет оставаться рабочей до тех пор, пока администратор канала не обновит ее.
Как найти ссылку на бота
Иногда бывает нужно поделиться не только каким-то каналом, но и, например, интересным ботом.
Интересно! Многие крупные каналы используют продвинутого бота-модератора, которому доверяют следить за порядком в комментариях. Получается не хуже, чем у людей.
Для того чтобы получить ссылку на бота, потребуется выполнить точно такие же действия, как и в случае с Телеграм каналом.
Перешлите это имя человеку, с которым хотели поделиться. Используя внутренний поиск, он сможет найти этого бота. Правда, как и в случае с поиском по названию канала, это может занять чуть больше времени, чем хотелось бы.
Отправьте ссылку тому, с кем планировали поделиться и он получит доступ к нужному боту в один клик.
Источник: chatkeeper.app