Как поставить ссылку на телеграм, вайбер или скайп? / Студия Виталия Комлева, разработка веб-сайтов Харьков

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

Веб-дизайн и аналитика

Позвольте пользователям написать Вам, а не только позвонить.

Любая ссылка может быть оформлена для переноса посетителя сайта в мессенджер: Telegram, Viber, Skype и WhatsApp. Делается это очень схоже с оформлением телефонного номера и e-mail.

Каждое приложение имеет свои особенности в оформлении ссылки для открытия диалога. К сожалению, доступных опций не очень много: мы можем предложить посетителю сайта позвонить нам либо начать чат с указанным пользователем, но не можем сформировать для него предопределенный текст сообщения. А жаль: в этом случае оформить покупку через тот же Telegram или Viber было бы еще проще.

Как открыть чат в Telegram

Приложение Telegram позволяет открыть чат с пользователем, но не дает возможность предопределить первое сообщение. Для переноса посетителя сайта в приложение Telegram используйте такой формат ссылки:

<a href="tg://resolve?domain=vkomlev" title="Напишите нам в Telegram">Наш Telegram</a>

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

Диалоги в WhatsApp и Viber

Viber и WhatsApp имеют несколько другой формат ссылки, идентифицируя собеседника по номеру телефона. Для WhatsApp формат ссылки будет следующим:

<a href="whatsapp://send?phone=+380508812637" title="Напишите нам в WhatsApp">Наш WhatsApp</a>

Он одинаковый как для мобильной версии, так и для десктопа, в отличие от Viber. Для работы с десктопным приложением Вайбера используйте ссылку формата:

<a href="viber://chat?number=+380508812637" title="Напишите нам в Viber">Наш Viber</a>

Для мобильной версии ссылка будет отличаться:

<a href="viber://add?number=380508812637" title="Напишите нам в Viber">Наш Viber</a>

Можно ставить две ссылки, скрывая мобильную версию на десктопе и наоборот через CSS-классы.

Звонки и чат через Skype

Для Скайпа есть возможность выбрать действие, которое выполнит посетитель в приложении: начнет звонок или откроет с Вами текстовый диалог:

<a href="skype:YOURNICKNAME?chat" title="Напишите нам в Skype">Напишите нам в Skype</a>
<a href="skype:YOURNICKNAME?call" title="Сразу же начнется вызов">Позвоните нам через Skype</a>

А как быть с телефоном и e-mail?

И на всякий случай напомним, как сделать так, чтобы ссылка позволяла пользователю позвонить на Ваш номер телефона:

<a href="tel:+380508812637" title="Позвоните нам">Позвоните нам</a>

А предложить клиенту написать Вам письмо можно, добавив такую ссылку:

<a href="mailto:mailbox@vkomlev.com" title="Напишите нам e-mail">Наша почта</a>

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