Казалось бы, такой очевидный вопрос, на который ответ больше чем ясен. Но это только на первый взгляд: везде есть свои подводные камни. К примеру, для мессенджеров ссылка формируется немного иначе, к ссылке на звонок с телефона приписывается приставка tel и так дальше.
С этого небольшого обзора узнаем, как сделать ссылку на телефон кликабельной (активной), также сделаем активную ссылку на почту и на все популярные мессенджеры: Viber, Skype, WhatsApp, Telegram, ICQ. Разберем каждую в отдельности, а в конце все объединим в один блок и сделаем оформление, чтоб все красиво было.
Активная ссылка телефона на сайте
Для того чтобы на сайте номер телефона при нажатии срабатывал как активный вызов, нужно в атрибуте href прописать значение tel . Ну не совсем сразу будет идти вызов, а появится окно с запросом, каким приложением открыть tel . По сути, это обычный тег ссылки, а значит, вместо текста или самого номера, может быть, картинка, иконка и прочие.
Позвонить нам 
Активная ссылка для отправки писем по email
Здесь аналогичная ситуация, то есть все остается как есть, но в атрибуте ссылки прописываем немного другое значение. При нажатии на такую ссылку откроется модельное окно, в котором вас попросят выбрать приложение для открытия ссылки mailto .
Ссылка на Ватсап, как сделать прямую ссылку на whatsapp в инстаграм, тик ток и др
Плюс ко всему к ссылке емейл можно задать параметры, а именно, тему письма, текст письма. Таким образом, будет автоматически заполнено поле формы.
Задать вопрос Написать на почту
Активная ссылка на Viber на сайт
Теперь начнем работу с самыми популярными приложениями для общения, связи или, другими словами, мессенджерами. Для Viber есть разный формат ссылок для разных устройств. То есть для ПК один вид, для телефонов другой. Это очень неудобно. Но есть универсальная ссылка, которая будет работать на всех устройствах. Только помните, что на устройстве должно быть установлено приложение Viber, иначе при нажатии на такую ссылку ничего не будет происходить.
Активная ссылка на WhatsApp на сайт
Такую ссылку можно получить в самом приложении в своем профиле. Но это лишняя «возня», так как ссылка всегда одинаковая, за исключением номера телефона. Поэтому вам всего лишь нужно изменить номер и можете смело использовать эту ссылку на WhatsApp на своем сайте.
Активная ссылка на Telegram на сайт
С ссылкой на Telegram особо никаких сложностей нет. Просто подставляется ник пользователя и ссылка готова. Но есть один небольшой нюанс, в основном в РФ. Ссылки могут блокировать, так как в России телеграм запрещён. Для этого есть разные способы обхода. К примеру, через сервис teleg.run сгенерировать ссылку или подобный сервис. Перенаправление будет происходить через переадресацию. В таком плане блокировок быть не должно.
Активная ссылка на Skype на сайт
Ссылка для Скайпа похожа на другие мессенджеры, только со своими приставками. Для примера приведу два варианта: ссылка на звонок и ссылка на чат. Они чаще всего используются на сайте. Ещё можно делать ссылки на конференции, на мультичат и т.д. Но это немного не то, что нужно для связи.
Позвонить по Skype Написать по Skype
Активная ссылка на ICQ на сайт
Для сервиса ICQ также есть ссылка, при нажатии на которую будет добавлять контакт в ваш список контактов. Это мессенджер уже стал не столь популярным, но все им еще многие пользуются. Скорей всего те, кто к нему привык.
Активные кнопки на мессенджеры
Как говорилось в начале обзора, объединяем все ссылки в один блок в виде веб-кнопок. В качестве иконок использовался шрифт Font Awesome.
.social-buttons < height: 90px; >.social-button < display: inline-block; background-color: #fff; width: 50px; height: 50px; line-height: 50px; margin: 0 3px; text-align: center; position: relative; overflow: hidden; opacity: .99; border-radius: 28%; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); >.social-button:before < content: »; background-color: #000; width: 120%; height: 120%; position: absolute; top: 90%; left: -110%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); >.social-button .fa < font-size: 28px; vertical-align: middle; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); >.social-button.skype-but:before < background-color: #00A3E7; >.social-button.skype-but .fa < color: #00A3E7; >.social-button.whats-but:before < background-color: #4dc247; >.social-button.whats-but .fa < color: #4dc247; >.social-button.email-but:before < background-color: #ff6600; >.social-button.email-but .fa < color: #ff6600; >.social-button.phone-but:before < background-color: #000; >.social-button.phone-but .fa < color: #000; >.social-button.teleg-but:before < background-color: #31A9DD; >.social-button.teleg-but .fa < color: #31A9DD; >.social-button.icq-but:before < background-color: #24FF00; >.social-button.icq-but .fa < color: #24FF00; >.social-button.viber-but:before < background-color: #7B519C; >.social-button.viber-but .fa < color: #7B519C; >.social-button:focus:before, .social-button:hover:before < top: -10%; left: -10%; >.social-button:focus .fa, .social-button:hover .fa
- Одинаковая высота блоков CSS
- Показать/скрыть текст. Примеры на JS, CSS
- Псевдокласс root: переменные CSS
- CSS: ограничить количество строк
- CSS инструменты – онлайн-генераторы
- Как сделать блок на всю высоту страницы
- Карточка товара CSS. Красивое оформление
- Стили радио кнопок и чекбоксов CSS. Дизайн Material Design
- Мотивирующие CSS кнопки «Нажми на меня»
- Анимация background CSS: движущиеся облака
Источник: wordsmall.ru
Звонок по ссылки из телеграм на вотсап
Новую ссылку используем для создания гиперссылки или кнопки
Или устанавливаем вместо ссылки на канал в любом из блоков соцсетей в Тильде (например, SM101)
После клика на гиперссылку пользователь перейдет на ваш YouTube-канал и увидит окно подтверждения действия
Чтобы не уводить пользователей с сайта, поставьте галочку «Открыть в новом окне» в настройках ссылки.
⚡️ Гиперссылка «Присоединиться к телеграм-каналу»
Чтобы настроить гиперссылку, которая будет вести на подписку на ТГ-канал, понадобится ссылка вида «joinchat» или вида https://t.me/+Qva7YZzyd_4aXlYf. Только в этом случае кнопка будет вести именно на подписку, а не на сам канал.
Если у вас частная группа, вы можете скопировать ссылку-приглашение.
Если публичная — нужно ВРЕМЕННО переключить тип канала на частный.
! НЕ СОХРАНЯЙТЕ ИЗМЕНЕНИЯ
Нажмите на аватарку паблика и перейдите в раздел настроек «Тип канала»
Выберите «Частная», но не сохраняйте изменения
Скопируйте ссылку и переключите группу обратно на публичную.
То есть наша задача — вытащить ссылку, не изменив при этом тип канала
Пройдя по ссылке, пользователь увидит кнопку «Присоединиться к каналу»
Установите ссылку на фрагмент текст, кнопку, по аналогии с остальными ссылками, описанными выше.
⚡️ Гиперссылка на чат в WhatsApp или Viber
Кликните на аватарку группового чата в WhatsApp и в разделе «Приглашение в группу» скопируйте ссылку на чат
Эта ссылка и будет гиперссылкой. После клика на нее пользователь перейдет в мессенджер и присоединится к чату
Пользователь увидит такое приглашение, когда перейдет по ссылке
Чтобы пользователь подписался на чат или канал в Viber, порядок действий аналогичен. Жмете на аватарку чата/канала, копируете ссылку-приглашение и встраивание ее в текст. Когда пользователь кликнет по этой гиперссылке, он перейдет в приложение и увидит кнопку «Присоединиться».
Помогло? Поделитесь мнением здесь, задайте вопросы в комментариях
SVOEMEDIA.TEAM
ДРУГИЕ НАШИ ПРОЕКТЫ
ВЗЯТЬ ГОТОВОЕ
Напишите в чат или заполните эту форму
Готовые решения
Интеллектуальная собственность защищена товарным знаком ™
ИП КОЛТАШОВА АЛЕКСАНДРА ВАДИМОВНА
Свидетельство о гос. регистрации: 54 № 5 150 134
ИНН: 540 618 483 335
ОГРНИП: 316 547 600 156 201
Дата постановки на учет: 25 августа 2016
Р/с: 4080 2810 5045 0000 0701
БИК: 44 525 999
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
К/с: 3010 1810 8452 5000 0999
ООО «СВОЕМЕДИА»
ИНН: 5405047736
КПП: 540501001
ОГРН: 1195476069887
Р/с: №40702810004500006839
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
БИК: 044525999
К/с: 30101810845250000999
Источник: svoemedia.space
Пошаговая инструкция, как перекинуть сообщение из Telegram в WhatsApp
Как из Телеграма переслать в Ватсап текстовое сообщение или файл? Специальной клавиши для этого нет, поэтому придется использовать проверенные методы. В инструкции рассмотрим, как можно перекинуть сообщение из одного мессенджера в другой, безопасно ли это.
Что лучше, Телеграм или Ватсап
Что лучше, Ватсап или Телеграм и чем отличаются мессенджеры? Оба сервиса предназначены для общения с помощью SMS и звонков. У каждого из них есть преимущества и недостатки.
В Телеграме есть чат-боты, сообщества и паблики. С помощью этого мессенджера абоненты могут не только общаться, но и продвигать свои проекты, зарабатывать деньги.
Ватсап подойдет для менее требовательных пользователей. Меню не потребует привыкания, интерфейс простой, клавиши крупные и расположены на правильных местах.
Использовать оба приложения можно на телефонах, компьютерах, планшетах. Telegram оснащен большим набором опций, через меню получится скрыть номер телефона, поменять тему оформления, настроить звуки.
Современные абоненты не выбирают, какой мессенджер лучше. В их устройствах установлены все сервисы, которые позволяют быть на связи. Разберемся, можно ли пересылать сообщения из одного сервиса в другой, и как это делать.
Можно ли переслать сообщение из Telegram в WhatsApp
Получится ли переслать SMS или файл из Телеграма в Ватсап? Для этого нет специальной кнопки. Продвинутые абоненты нашли несколько проверенных вариантов, позволяющих без труда пересылать сообщения, картинки, документы и видео.
Разберемся, как скинуть из Телеграма в Ватсап текстовое сообщение или файл. Для работы не потребуется установка дополнительных сервисов. Переслать сообщение можно посредством копирования текста, а для файлов подойдет кнопка «Поделиться».
Важно. Для работы потребуется постоянное подключение к интернету.
Как переслать сообщение из Telegram в WhatsApp
Как из Телеграмма переслать в Ватсап текстовое сообщение? Для этого есть два способа:
- сделать скриншот экрана;
- скопировать текст и вставить его в WhatsApp.
Инструкция, как пересылать текст из Telegram в WhatsApp:
- Откройте Telegram, войдите в нужный чат.
- Нажимайте на облачко с сообщением 2-3 секунды.
- Тапните по кнопке копирования, она появится на панели сверху.
- Откройте Ватсап, тапните по нужному чату.
- Нажимайте на область ввода текста для включения меню.
- Выберите «Вставить».
- Отправьте сообщение.
Таким способом можно быстро переслать одно или несколько текстовых СМС. Инструкция подойдет для смартфонов с Android и iOS, а также для планшетов.
Если нужно передать атмосферу чата, всегда можно сделать его скриншот и скинуть картинку в WhatsApp. Чтобы сфотографировать экран, нужно нажать на определенные кнопки или выполнить свайп. У каждого устройства комбинация разная, поискать ее можно в настройках или в интернете.
Как перекинуть файл
Если нужно поделиться файлом, картинкой или документом из Телеграма в Ватсап, используйте специальную кнопку. Таким же способом можно скинуть фотку из Ватсапа в Телеграм или в любой другой мессенджер.
Инструкция, как скинуть картинку из одного приложения в другое:
- Откройте переписку в Telegram.
- Нажмите на фотку, чтобы развернуть ее на весь экран.
- Справа снизу тапните по клавише «Поделиться».
- Выберите WhatsApp из списка.
- Тапните по карточке абонента.
- Коснитесь клавиши со стрелкой для отправки.
- В открывшемся окне можно добавить подпись или выполнить редактирование. Для отправки тапните по треугольнику справа.
Сообщение с картинкой появится в чате Ватсапа. Абонент сможет сохранить ее или перекинуть своему другу.
Внимание. Такой способ отправки файлов безопасный. Встроенная опция «Поделиться» есть в большинстве современных приложений.
Отправить полученный в Telegram файл в Вацап можно с помощью галереи или проводника. Для этого нажмите на скрепку в чате и выберите нужную картинку. Этот же способ подойдет, если нужно перекинуть документ.
Безопасно ли пересылать сообщения из Телеграма в Ватсап
Отправить сообщение из Телеграма в Ватсап можно без установки дополнительных сервисов. В WhatsApp и в Telegram используются современные методы защиты чатов. Пересылать текст и картинки можно, не задумываясь о безопасности. Встроенные алгоритмы зашифруют SMS автоматически.
Сейчас существует большой выбор мессенджеров и социальных сетей. Напрямую пересылать файлы и SMS между разными сервисами нельзя, однако всегда можно скопировать текст или нажать на клавишу «Поделиться».
Источник: whatsapp03.ru