Как добавить на сайт иконки телефона, 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

 

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

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

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

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

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

  1. Доброго времени суток.
    Как поступить правильно, добавляю иконки Вайбер, Ватсапп и ещё две три позиции, не важно, в каком виде вставлять ссылку для иконки Вайбер что бы открылось на пк и телефоне?
    Viber
    Viber
    В таком виде или ?
    И ещё один вопрос, как сделать что бы они были в ряд? Действия провожу как на видео, результат другой, они по вертикале. Работаю на ВордПресс.
    Заранее спасибо.

  2. Александра

    Вот вы заходили на свой сайт корецыя зрения я не могу найти этот сайт, можно ли в каком-то другом сайте сделать ссылки?

  3. Кирилл

    href=»viber://chat?number=+120345678910″
    Данный вариант для вайбера работает как для ПК так и для мобильных. Перекидывает сразу в чат!!!
    href=»viber://add?number=120345678910″
    А этот вариант просто добавляет нового абонента. Работает только для мобильных!

  4. Наталья

    добрый день! а как это сделать в Elementor, который не Pro:) или нужна только платная версия?

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

  6. Алексей

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

  7. Артем

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

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

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