Практический каждый проект, который я создаю требует немедленной коммуникации клиента с заказчиком или продавцом и не важно, какой это проект: сайт визитка, интернет магазин, корпоративный сайт, лэндинг (landing page).
В наше время таким мостиком стали мессенджеры: viber, telegramm, whatsapp и другие.
Они помогают моментально получить ответ на желаемый вопрос — и это очень удобно для клиентов и посетителей сайта. И для того, чтобы это было возможно на сайт необходимо подключить кнопку мессенджера. Многие спрашивают: Как сделать чтобы нажимать на иконку вайбера на сайте и переходить в вайбер?
Как сделать ссылку на вайбер на сайте
1. НА НОМЕР
Часто веб-разработчики делаю не верные ссылки на viber с сайта — ссылка работает на ПК, в программе, и не работает на мобильных устройствах (при нажатии на такую кнопку или ссылку выскакивает ошибка: «Запрашиваемая страница недоступна. Пожалуйста, обновите viber до актуальной версии». Также после установки кода может появляться ошибка: «Ошибка подключения к сервисам Viber. Проверьте подключение и повторите попытку.«, о ней читайте в самом конце статьи.
Как взять ссылку на вайбер, ватсап, телеграм
Ниже вы узнаете как сделать работающую кнопку для вайбера. Пример работающей ссылки вы можете посмотреть на этом сайте в прикрепленной шапке.
Итак, как добавить ссылку на вайбер (call link) на сайте, рабочий код html :
Результат:
Структура кода кнопки на viber на сайте:
1-я строчка — сама ссылка на вайбер . Где, вместо привычного + перед номером стоит %2B , а далее номер 375292005818;
2-я строчка — это картинка логотипа вайбера. В данном примере сам файл находиться в хранилище этого сайта и указывается путь именно к нему;
2. НА ГРУППУ ВАЙБЕР
Ссылки на группы в вайбер делают также легко, как и на ваш номер. Проблема с которой сталкиваются пользователи связана с тем как скопировать исходную ссылку.
ВАЖНО
- Получить ссылку на группу можно только в мобильной версии viber, в десктопной (то есть с персонального компьютера) версии функция копирования ссылки на группу не поддерживается;
- Для того, чтобы скопировать ссылку для приглашения в группу, вы должны быть создателем группы;
- Заходим в мобильной версии вайбера в вашу группу;
- Нажимаете на три точки в правом верхнем углу:
- В появившемся меню выбираете «Информация»:
- В открывшимся окне опускаетесь чуть ниже и находите надпись «Отправить ссылку на группу», жмете на нее:
- Нажимаете отправить через Viber. Отправляйте любому контакту:
- Заходите в десктопной версии вайбера в переписку куда отправили ссылку, нажимаете правой кнопкой мыши на сообщении и в появившемся меню выбираете «Скопировать сообщение»;
- Вставляете в код скопированное сообщение «Присоединяйтесь к моей группе в Viber: «Веб-студия It-land.by https://invite.viber.com/?g=Q3T13DRP_Udst0cCR8_4QJUJ20D2-6E7» и удаляете все кроме ссылки, чтобы получилось:
Как сделать ссылку на чат WhatsApp, Viber, Telegram для Instagram
Результат:
Теперь вы знаете как сделать и добавить активную ссылку на вайбер на сайте на ваш номер и на вашу группу.
P.S.:
Ко мне обратился читатель с вопросом: «Как кнопку Viber вставить в объявление на сайте Onliner.by Спасибо». Отвечаю.
Вставить кнопку вайбер в объявление на Onliner.by
Когда вы создаете объявление на онлайнере, в разделе где вас просят подробнее описать товар есть панель редактирования, где есть вот такая иконка . Нажимаем на нее (1 на картинке ниже), появляется всплывающее окно, куда вставляем код вашего номера вайбера:
После чего в теле объявления появляется сама ссылка, где редактируем текст между скобками (2 на картинке ниже) на нужный нам. В моем примере я изменил на «Мой вайбер». Ссылка готова (3 на картинке ниже). Нажимаем на объявлении «Сохранить».
Ошибки:
1. После нажатия на ссылку пишет: «Сообщество не найдено»
На мобильном зайдите в вашу группу. Нажать три точки в верхнем правом углу.
Далее на «Пригласить по ссылке»:
Нажимаем «Отключить ссылку»:
После этого нажимаем «Ок»:
Все, готово. Ссылка пересоздана и начала работать корректно.
2. Ошибка подключения к сервисам Viber. Проверьте подключение и повторите попытку.
Ошибка, видимо, возникла из-за того, что глючил автозапуск вайбер и его не было в активных процессах. Когда вайбер появился в фоновых процессах:
3. После смены аватарки и названия сообщества вайбер ссылке ещё указывается старая аватарка и старое название.
Решение аналогичное как выше в пункте 1 раздела «Ошибки».
Надеюсь статья была вам полезна.
Если есть вопросы — задавайте в комментариях.
Похожие
Комментариев — 40
Добавить комментарий Отменить ответ
Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.
Простая интеграция сайта с Whatsapp, Viber и Telegram
Сейчас популярны мессенджеры. Пользователи активно в них общаются, шлют друг другу смешные стикеры, кидают войсы и созваниваются, не тратя деньги на мобильную связь.
А для компаний, популярность мессенджеров изменила сам формат общения с клиентами. Многие пользователи уже не хотят звонить и общаться голосом, им удобнее написать в любимый мессенджер и получить консультацию в чате с менеджером.
При разработке сайтов в студии мы сразу ставим на них иконки мессенджеров для мобильной версии. Пользователь заходит на сайт со смартфона, бодро кликает по кнопке WhatsApp и переходит в чат с консультантом компании.
Как установить мессенджеры на сайт
Для того чтобы пользователь по клику на иконку мессенджера (Ватсапа, Вайбера или Телеграмма) сразу переходил в чат с менеджером, нужно установить на сайт специальные ссылки. И разместить иконки.
Ссылка на Whatsapp на сайте:
Ссылка на Telegram на сайте:
Ссылка на Viber на сайте:
Эти ссылки нужно установить в html-код сайта. Обычно в шапку или под ней. Рядом с номером телефона.
И заменить выделенные красным номера на мобильный телефон менеджера. На его телефоне, разумеется, должны быть установлены все три приложения.
Для Телеграмма, вместо номера, нужно указать логин. Задать его можно в настройках приложения.
Заходим в Setting, и в пункте username указываем логин.
Где найти значки
Также вам понадобятся иконки мессенджеров.
Их можно скачать ниже
Иконки нужно загрузить на сайт и указать путь к ним (в коде выше путь выделен зеленым).
Как получить ещё больше обращений с сайта
Кроме мессенджеров, хороших результатов можно добиться, установив на сайт чат с онлайн-консультантом.
Мы обычно используем jivosite.
Он включает, как интеграцию с мессенджерами, так и возможность общения в онлайн-чате.
Обязательно указываем для консультанта имя, фамилию и добавляем реальную аватарку.
Из полезных функций в jivosite есть авто-приглашение к диалогу.
При этом можно настроить различные приглашения для разных страниц.
Если какие-то из услуг или определённые товары пользуется особой популярностью, можно настроить отдельное приглашение к диалогу на их страницах.
Например для карточки Iphone XS, можно настроить такое авто-приглашение к диалогу:
Добрый день!
Кстати, Iphone XS не боится воды, его можно даже ронять в воду
У вас есть какие-то вопросы по Iphone XS или о наших условиях доставки и оплаты?
Дополнительно, в jivosite также есть интеграция с viber и telegram. Плюс интеграции с группой в VK, Facebook.
Можно настроить, что все заявки из всех каналов будут поступать в единую систему и распределяться по менеджерам.
В заключении
По статистике наших клиентов от 20 до 40% обращений к нашим клиентам приходят через мессенджеры или онлайн-чат.
Как сделать ссылку на Viber?
Где %2B — это «плюс», дальше идёт номер в международном формате (с кодом страны), например %2B79876543210.
Добавлю новостей из 2022
Чтобы открылся чат с указанным номером я использую одну ссылку для Андроида и Айоса, ПК и МОБ такого вида:
При нажатии на неё с мобильного или ПК (главное, чтобы был установлен Вайбер) откроется чат с номером 79001234567
Я не советую ставить ссылку такого вида:
- Виджет бесплатный
- Все ссылки открываются сразу в приложениях на Андроиде и iOS правильно
- Конвертирует мобильный трафик в подписчиков
- Позволяет быстро связаться с компанией по любым средствам связи
- Вконтакте
Для мобилы это круто, а как решить вопрос с ПК? Я про чат.
Сейчас ищу хотя бы простенький чатик на сайт, но везде все платно.
PS. Нашел, но пока не тестил: виджет vk на сообщество, и еще нашел leadback.ru, но тоже не тестил.
Олег Степанов,
Нашел по телеграму два URI —
Отправка сообщения контакту:
Открыть чат с пользователем:
Открыть чат с пользователем #2:
P.S.: Проверить не могу, но по отзывам на реддите, работает
parfenov_sk, Большое спасибо за ответ. Я уже решил эту проблему. Позвольте не много прокомментировать ваш ответы.
подходит только устройств на iOS, для android данное решение у меня не заработало. Мне необходимо было решение работающее на всех платформах
подходить только для пользователей у которых известен username — а у меня было известно только номер пользователя.
Без плюса вайбер не работает.
я добавил %2B и все заработало
Дело в том что десктопное и мобильное приложение Viber открывается по разным ссылкам, что создает определенные сложности при добавлении такой ссылки на сайт. Поэтому потратьте 2 минуты чтобы прочитать и понять текст ниже) Для мобильных устройств используется такой подход формирования ссылки:
Для того, чтобы определить устройство при помощи PHP, в самом простейшем случае можно воспользоваться простейшей функцией, которая определяет USER_AGENT устройства, а затем, в зависимости от того, опередила ли функция устройство как мобильное или нет, показывать ту или иную ссылку.
Расположить функцию, можно, например в самом начале страницы, перед ‘doctype’ или вынести в отдельный файл и там же подключить его.
После этого, в месте где будет выводиться ссылка на Viber используйте такую проверку:
Теперь, если человек зашел с ПК, то ему покажется ссылка для десктопного приложения, а если с мобильного устройства, то ссылка для смартфона или планшета.
Похожие публикации:
- Как красиво написать слово меню
- Как открыть доступ к папке на яндекс диске по ссылке
- Как полностью удалить voicemod
- Почему в эксель фильтр не видит данные
Источник: ifreeapps.ru
Как сделать ссылку на WhatsApp и Viber
К одним из наиболее популярных мессенджеров относятся WhatsApp и Viber, соответственно, многих интересует вопрос: «А как же сделать ссылку на эти и аналогичные мессенджеры, которой можно было бы делиться?». Об этом и пойдет речь в статье.
Где сделать ссылку на WhatsApp и Viber
Сделать ссылку на WhatsApp, Viber и другие мессенджеры можно в любом диплинк-сервисе. Я рекомендую использовать для этого чат-бота в Телеграме от сервиса Jusl : там есть бесплатные тарифы, можно подключить любые метрики и даже сделать микролендинг (не одну открывающуюся ссылку на мессенджер, а лендинг с несколькими кнопками, ведущими в разные мессенджеры). На примере этого сервиса я и расскажу, как сделать ссылку на WhatsApp, Viber и другие мессенджеры.
Как сделать ссылку на WhatsApp и Viber
Шаг 1. Перейдите в JuslBot и выберите «Добавить ссылку»:
Шаг 2. Нажмите кнопку «Добавить ссылку (1 кнопка)» и отправьте данные соответствующие источнику (в данном случае, на WhatsApp):
Примеры того, как должна выглядеть ссылка на тот или иной источник так же можно посмотреть в боте.
Вот так, например, выглядят ссылки на вайбер и на бота в вайбере:
Аналогичным образом можно делать ссылки на любые другие источники.
Шаг 3. Нажимаете «Опубликовать». Всё готово!
Как сделать ссылку на WhatsApp и Viber красивой
Чтобы сделать ссылку на WhatsApp и Viber красивой используйте функцию » Изменить вид ссылки»:
Как отредактировать микролендинг со ссылкой на WhatsApp и Viber
Если вы перейдете по получившейся ссылке, то увидите такой микролендинг с одной кнопкой:
Название и описание этой кнопки вы можете изменить с помощью кнопок «Изменить название кнопки» и «Изменить описание кнопки».
После того как вы всё отредактируете, обязательно нажмите кнопку «Опубликовать» , иначе настройки не сохранятся.
Как сделать прямую ссылку на WhatsApp и Viber
Если вдруг страница-прокладка вам не нужна, и вы хотите делиться прямой ссылкой, то просто в уже готовую сохраненную ссылку добавляем такой символ «d/» после «ru/»:
http://l.jusl.ru/Test1 -> http://l.jusl.ru/d/Test1
То есть, обе ссылки будут работать, но первая приведет на микролендинг с кнопкой, а другая прямо в WhatsApp или Viber.
Аналогичным образом в чат-боте от сервиса Jusl вы можете делать микролендинги со множеством кнопок, которые ведут в разные источники (мессенджеры, сайты и т.д.) и электронные визитки с логотипом, номером телефона и подробным описанием.
Источник: dzen.ru
Ставим правильные ссылки на Viber
Поставить ссылку на Viber на первый взгдяд весьма простая задача.
Но не все так просто, как может показаться на первый взгляд. Есть несколько нюансов. Погуглив, решил собрать все воедино, дабы использовать в качестве памятки.
Открыть чат на ПК
Работает на десктопах. В номере обязательно наличие + или %2B :
Номер в формате +79101510808 или %2B79101510808 .
Добавить абонента на мобильном
Работает на телефонах и планшетах. Здесь номер указывается без + :
Номер в формате 79101510808 .
Ссылка на группу
Идентификатор группы в формате W6T13DRP_Udst0cCR8_4QJUJ20D2-521 .
На платформе IOS
Звонок
viber://calls
Список чатов
viber://chats
На платформе Android
viber://tel:xxxxxx viber://chat:xxxxxx
Для бот платформы
Личное сообщение
viber://pa?chatURI=
Ссылка на информацонный экран
viber://pa/info?uri=
Ссылки
Одноклассники
Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Ведет блог о разработке, дайджест в телеграмме и в ВК.
Источник: www.kobzarev.com