Как добавить на сайт иконки телефона, Viber, WhatsApp, Skype, Telegram

Как добавить на сайт иконки Viber, WhatsApp, Skype, Telegram

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

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

Смотрим видео

Если видео не отображается можно по ссылочке пройти https://www.youtube.com/embed/bYPEOwtwl58

 

Код который я показывал в видео

 

Есть одна ерунда у Viber. Чтобы код срабатывал на телефоне, нужно писать так

viber://add?number=120345678910

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

viber://chat?number=+120345678910

Как тут поступить? Делаем две ссылки и пишем css, которым запрещаем показывать ссылку для телефонов на компьютере и наоборот.

Для этого зададим идентификаторы нашим ссылкам

 

и пропишем в фале css или в кастомайзере если это WordPress

 

Как добавить на сайт иконки

Если что-то не получается пишем в комментарий, поможем разобраться если что!
Желаю успехов!

Узнайте первым о выходе новых статей

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

5 комментариев к “Как добавить на сайт иконки телефона, Viber, WhatsApp, Skype, Telegram”

  1. Я создала чат бот. Но ссылку на него не могу найти. Для того что бы разместить на своей странице. Нужна именно ссылка. Никнейм есть.

  2. Алексей

    Добрый день, тоже самое, на андроидах все работает, а на айфоне не кликабельна иконка

  3. Артем

    Подскажите
    Поставили иконку вайбер на сайт
    С любого телефона нажимаем на нее и попадаем в чат
    А с айфона нажимаем — пишет не могу открыть страницы такой в вайбере нет

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *