Ссылка на вайбер для сайта (кнопка viber на сайт)

Из этой статьи вы узнаете как сделать рабочую ссылку viber chat number с телефоном на:

• свой номер в viber;
• свою группу;
• как вставить ваш вайбер в объявление на Onliner.by
• ошибки (сообщество не найдено, и др.);

Практический каждый проект, который я создаю требует немедленной коммуникации клиента с заказчиком или продавцом и не важно, какой это проект: сайт визитка, интернет магазин, корпоративный сайт, лэндинг (landing page).

В наше время таким мостиком стали мессенджеры: viber, telegramm, whatsapp и другие.

Они помогают моментально получить ответ на желаемый вопрос — и это очень удобно для клиентов и посетителей сайта. И для того, чтобы это было возможно на сайт необходимо подключить кнопку мессенджера. Многие спрашивают: Как сделать чтобы нажимать на иконку вайбера на сайте и переходить в вайбер?

Как сделать ссылку на вайбер на сайте

1. НА НОМЕР

Часто веб-разработчики делаю не верные ссылки на viber с сайта — ссылка работает на ПК, в программе, и не работает на мобильных устройствах (при нажатии на такую кнопку или ссылку выскакивает ошибка: «Запрашиваемая страница недоступна. Пожалуйста, обновите viber до актуальной версии». Также после установки кода может появляться ошибка: «Ошибка подключения к сервисам Viber. Проверьте подключение и повторите попытку.«, о ней читайте в самом конце статьи.

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

Итак, как добавить ссылку на вайбер (call link) на сайте, рабочий код html :

<a href="viber://chat?number=%2B375292005818">
<img src="https://it-land.by/wp-content/uploads/2018/10/Viber-logo.png">
</a>

Результат:

Структура кода кнопки на viber на сайте:

1-я строчка — сама ссылка на вайбер <a href=»viber://chat?number=%2B375292005818″>. Где, вместо привычного + перед номером стоит %2B, а далее номер 375292005818;

2-я строчка — это картинка логотипа вайбера. В данном примере сам файл находиться в хранилище этого сайта и указывается путь именно к нему;

3-я строчка — закрываем ссылку </a>

2. НА ГРУППУ ВАЙБЕР

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

ВАЖНО

• Получить ссылку на группу можно только в мобильной версии viber, в десктопной (то есть с персонального компьютера) версии функция копирования ссылки на группу не поддерживается;
• Для того, чтобы скопировать ссылку для приглашения в группу, вы должны быть создателем группы;

1. Заходим в мобильной  версии вайбера в вашу группу;
2. Нажимаете на три точки в правом верхнем углу:
3. В появившемся меню выбираете «Информация»:
4. В открывшимся окне опускаетесь чуть ниже и находите надпись «Отправить ссылку на группу», жмете на нее:
5. Нажимаете отправить через Viber. Отправляйте любому контакту:
6. Заходите в десктопной версии вайбера в переписку куда отправили ссылку, нажимаете правой кнопкой мыши на сообщении и в появившемся меню выбираете «Скопировать сообщение»;
7. Вставляете в код скопированное сообщение «Присоединяйтесь к моей группе в Viber: «Веб-студия It-land.by https://invite.viber.com/?g=Q3T13DRP_Udst0cCR8_4QJUJ20D2-6E7» и удаляете все кроме ссылки, чтобы получилось:

<a href="https://invite.viber.com/?g=Q3T13DRP_Udst0cCR8_4QJUJ20D2-6E7">
<img src="https://it-land.by/wp-content/uploads/2019/02/Viber-group.png">
</a>

Результат:

Теперь вы знаете как сделать и добавить активную ссылку  на вайбер на сайте на ваш номер и на вашу группу.

P.S.:

Ко мне обратился читатель с вопросом: «Как кнопку Viber вставить в объявление на сайте Onliner.by Спасибо». Отвечаю.

Вставить кнопку вайбер в объявление на Onliner.by

Когда вы создаете объявление на онлайнере, в разделе где вас просят подробнее описать товар есть панель редактирования, где есть вот такая иконка . Нажимаем на нее (1 на картинке ниже), появляется всплывающее окно, куда вставляем код вашего номера вайбера:

viber://chat?number=%2B375292005818

После чего в теле объявления появляется сама ссылка, где редактируем текст между скобками (2 на картинке ниже) на нужный нам. В моем примере я изменил на «Мой вайбер». Ссылка готова (3 на картинке ниже). Нажимаем на объявлении «Сохранить».

Ошибки:

1. После нажатия на ссылку пишет: «Сообщество не найдено» 

На мобильном зайдите в вашу группу. Нажать три точки в верхнем правом углу.

Далее «Информация»:

Далее на «Пригласить по ссылке»:

Нажимаем «Отключить ссылку»:

После этого нажимаем «Ок»:

Все, готово. Ссылка пересоздана и начала работать корректно.

2. Ошибка подключения к сервисам Viber. Проверьте подключение и повторите попытку.

Ошибка, видимо, возникла из-за того, что глючил автозапуск вайбер и его не было в активных процессах. Когда вайбер появился в фоновых процессах:

Ошибка исчезла.

3. После смены аватарки и названия сообщества вайбер ссылке ещё указывается старая аватарка и старое название.

Решение аналогичное как выше в пункте 1 раздела «Ошибки».

Надеюсь статья была вам полезна.

Если есть вопросы — задавайте в комментариях.

Закажите создание сайта, или продвижение, или контекстную рекламу у нас

Подпишитесь на новые статьи или новости сайта It-land.by