Есть масса рекомендаций, какую ссылку на мессенджеры использовать для размещения на сайте или в социальных сетях, чтобы при клике активировался диалог в чат или звонок. Проблема еще заключается в том, что разработчики мессенджеров периодически обновляют возможности. Поэтому я подготовил свою шпаргалку.
Ссылка на WhatsApp
Правильный адрес ссылки для активации диалога-чата в Ватсап следующая:
wa.me/79991234567
Красным цветом отмечен номер телефона, на который зарегистрирован Ватсап. Эту часть кода необходимо заменить на свой.
Этот способ описан в справке WhatsApp на официальном сайте приложения.
Код ссылки в HTML
Вместо текста ссылки можно использовать как номер телефона/логина, так и изображение.
Ссылка на Telegram
Правильная ссылка для активации диалога в Телеграм следующая:
t.me/logintelegram
В Телеграм ссылку активации чата можно использовать только для имени пользователя (логина), заданного в профиле. Поэтому предварительно необходимо задать имя пользователя в настройках приложения.
КАК СДЕЛАТЬ ССЫЛКУ WHATSAPP С ТЕКСТОМ ДЛЯ ШАПКИ ПРОФИЛЯ?
Способ описан в приложении в разделе Настройки.
Код ссылки в HTML
Ссылка на Viber
Правильная ссылка для активации диалога в Вайбер следующая:
viber://chat?number=+79991234567
Номер телефона с кодом страны. Код страны указывается без нулей, если таковые предполагаются.
Есть также код, который добавляет ваш номер Viber в контакты пользователя. Этот вариант, как правило, используется на мобильных устройствах.
viber://add?number=79991234567
В этом вариант номер телефона указывается без плюса.
Код ссылки в HTML
Ссылка на Skype
Правильные ссылки для активации диалога в Скайп следующие:
skype:loginskype?call
skype:loginskype?chat
Соответственно вариантов два — первый для начала звонка, второй для того, чтобы написать в чат.
Источник: graymedia.ru
Как сделать ссылку на телефон, email и мессенджеры кликабельной
Казалось бы, такой очевидный вопрос, на который ответ больше чем ясен. Но это только на первый взгляд: везде есть свои подводные камни. К примеру, для мессенджеров ссылка формируется немного иначе, к ссылке на звонок с телефона приписывается приставка tel и так дальше.
С этого небольшого обзора узнаем, как сделать ссылку на телефон кликабельной (активной), также сделаем активную ссылку на почту и на все популярные мессенджеры: Viber, Skype, WhatsApp, Telegram, ICQ. Разберем каждую в отдельности, а в конце все объединим в один блок и сделаем оформление, чтоб все красиво было.
Активная ссылка телефона на сайте
Для того чтобы на сайте номер телефона при нажатии срабатывал как активный вызов, нужно в атрибуте href прописать значение tel . Ну не совсем сразу будет идти вызов, а появится окно с запросом, каким приложением открыть tel . По сути, это обычный тег ссылки, а значит, вместо текста или самого номера, может быть, картинка, иконка и прочие.
Позвонить нам 
Активная ссылка для отправки писем по email
Здесь аналогичная ситуация, то есть все остается как есть, но в атрибуте ссылки прописываем немного другое значение. При нажатии на такую ссылку откроется модельное окно, в котором вас попросят выбрать приложение для открытия ссылки mailto .
Плюс ко всему к ссылке емейл можно задать параметры, а именно, тему письма, текст письма. Таким образом, будет автоматически заполнено поле формы.
Задать вопрос Написать на почту
Активная ссылка на 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
Как поделиться ссылкой Инстаграм: в ВК, Whatsapp, Telegram
Активные пользователи социальных сетей не ограничиваются одним аккаунтом. У большинства установлен Ватсап, Телеграмм, регулярно посещают странички в Инстаграм и Контакте. Часто возникает необходимость сделать перепост из одного формата в другой, поэтому любому современному пользователю сетей пригодится информация о том, как поделиться ссылкой на Инстаграм в различные другие мессенджеры и приложения.
Как поделиться ссылкой на Инстаграм в Ватсап
Соцсеть «дружит» не только с Facebook. Пользователи без труда могут пересылать посты из Инстаграмма в Ватсап, используя телефон. Таким способом передается не только фотография, но и короткая ссылка на содержимое поста. Сделать репостинг в этом формате можно следующим образом:
Способ очень прост, подходит в большинстве случаев. Ватсап вообще хорошо приспособлен для взаимодействия с Инстаграммом. Сложностей не возникает практически никогда, к тому же, результатом пересылки становится не просто ссылка на страницу, но и небольшой анонс. Он даст понять получателям, о чем идет речь и сразу заинтересует красивой картинкой.
В контакте
Вставлять видео или фото напрямую в VK просто так не получится. Придется сначала привязать один аккаунт к другому. Это делается через меню ВК. Прежде, чем разбираться, как поделиться ссылкой Инстаграм, нужно войти в настройки профиля методом клика на подменю «Редактировать». Оно располагается прямо под изображением аватара во Вконтакте. Следующий порядок действий:
- Выбрать «Контакты» — расположено под «Основное»
- Внизу будет «интеграция с сервисами». Именно здесь полагается указать Insta.
- Разрешить привязку и все доступы.
- Теперь приложения будут соединены друг с другом.
Существует нюанс: если есть желание добавлять истории из Инсты в ВК, то придется заранее превращать их в посты. По умолчанию сторис никуда не деваются из профиля. Владельцу нужно разрешить сохранения и вообще снизить уровень безопасности, поэтому перед обладателями закрытых блогов будет поставлена задача показать себя миру. После того, как история превратилась в полноценный пост, ее можно расшарить.
В Телеграмм
Несмотря на то, что мессенджер также является детищем Павла Дурова, как и ВК, прямой связи с Инстаграмом у него нет. Зато соцсеть с картинками предлагает просто скопировать ссылку на любой из постов. Через уже знакомые «три точки» надо вызвать меню, далее сделать копию. Ссылка очутится в буфере. После открывается нужный контакт или канал Телеграма. Вставка осуществляется долгим зажатием сенсорного экрана. Информация, как и в случае Ватсапа, выдается виде картинки и краткого анонса. Способ удобен для мобильных телефонов, планшетов.
Как в Инстаграме поделиться ссылкой – на свой профиль
Разработчики Instagram постоянно обновляют функционал детища. Разослать собственный профиль предлагается с помощью индивидуальной генерации визитки — эта возможность появилась в новых версиях приложения. Если у вас она отсутствует после вызова через три черточки в верхнем правом углу, надо будет обновить программу. Визитка отличается универсальностью — это короткая ссылка именно на профиль, а также ее легко применять оффлайн.
Алена Романова (Написано статей: 131)
Редактор нашей онлайн-энциклопедии. Эксперт в сфере продвижения аккаунтов социальных сетей. Несмотря на три полученных диплома, подтверждающих окончание курсов по SMM, Алена постоянно повышает свою квалификацию. Просмотреть все записи автора →
Источник: smm-wiki.com