ватсап скрипт для сайта
[Кейс] Как бесплатно сделать виджет Ватсап чата и добавить на сайт
В этой инструкции рассмотрено, как практически мгновенно, не тратя ни копейки, создать виджет Ватсап чата и добавить его на любой сайт, обеспечивая удобное общение с вашими посетителями через мессенджеры. Вы научитесь создавать вот такие примеры, которые увеличивают конверсию страницы на 4,9 %.
1. Создаем виджет
Регистрируемся в Хуверсигнал, это занимает одну минуту.
Сразу в админке выбираем требуемый тип виджетов – «Чаты WhatsApp».
Жмем «+Создать новый».
Выбираем отрасль/бизнес – как видите, их много и есть из чего выбрать.
Выбираем один из готовых шаблонов Ватсап чатов для вашей отрасли. Только вы нажмете на него, как он тут же будет создан в вашей админке – всё готово!
На открывшейся странице внесите необходимые изменения, среди которых самое главное – это ваш номер WhatsApp.
Если что-то нужно ещё поменять (фото консультанта, его имя и текст обращение к посетителям) – отредактируйте это во вкладке «Содержимое».
Настроить страницы показа виджетов Ватсап чата можно во вкладке «Где показывать».
2. Добавляем чат на сайт
Чтобы начать показывать виджет Ватсап чата на вашем сайте, нужно установить html-код Хуверсигнала в код его страниц – это очень просто.
Не сложнее, чем добавить счетчик любой веб-аналитики!
Рекомендуем вставить наш скрипт в код футера вашего сайта – так всё будет работать максимально быстро.
После выполнения этого задания, вы увидите подтверждение. Зеленый свет – всё работает!
Готовые примеры WhatsApp чатов собраны в каталоге. Из него также можно создать виджет в один клик.
Выводы
Не владея навыками программирования, можно бесплатно за 10 минут создать виджет WhatsApp чата и начать общение с вашими посетителями в удобной для них среде – в любимом мессенджере. Не теряйте время – прямо сейчас регистрируйтесь, создайте виджеты и установите их на ваши сайты. Это так же просто и бесплатно, как и показано в кейсе!
Простая интеграция сайта с 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% обращений к нашим клиентам приходят через мессенджеры или онлайн-чат.
WhatsApp кнопка для сайта с анимацией
Сегодня разберем, как сделать красивую анимированную кнопку для связи по WhatsApp прямо с сайта. Делать мы это будем без плагинов, только при помощи CSS. Поэтому данный способ подойдёт для любого сайта. Ну а разбирать мы всё это будем, конечно же, на примере самой популярной CMS WordPress.
Ссылка для перехода в Whatsapp
Для начала рассмотрим, как выглядит ссылка на чат в Whatsapp для сайта.
А вот она в виде HTML кода:
Вместо phone=79260000000 вставляем нужный номер
Этот код можно вставить в любом месте, как простую ссылку. Добавив к нему соответствующие стили, можно сделать с помощью этого кода обычную или фиксированную кнопку. Чем мы сейчас и займёмся.
Кнопка Whatsapp в углу экрана с анимацией
Первый вариант кнопки whatsapp для сайта делается довольно просто и её легко отредактировать, если вам понадобится поменять цвет или размеры.
HTML код:
CSS код:
CSS для мобильной версии сайта:
Если вам необходимо поменять местоположение кнопки на мобильных устройствах, то добавьте к стилям CSS следующий код.
Данная кнопка имеет более сложную анимацию и эффект появления надписи при наведении.
Как поставить иконку WhatsApp на сайт. Три способа
Ставим иконку WhatsApp на сайт
Друзья привет в этом видео я рассказываю как легко установить на сайт иконку для связи по WhatsApp.
Ссылка о которой я говорил в видео
https://faq.whatsapp.com/general/26000030/?lang=ru
Мы рассмотрим 3 способа.
1) При помощи кода выводя в записи или на странице
2) При помощи плагина WhatsApp me
3) При помощи scc поместим плагин в левый нижний угол
Все три способа элементарны и доступны пользователям с любым уровнем опыта. В видео я все очень подробно показываю.
Ранее выходило видео более старое, где я рассказываю не только про иконки Вацапа но и Скайпа Вайбера итд
Вот ссылочка на видео https://youtu.be/bYPEOwtwl58
А вот на страничку с кодом https://e-integrate.ru/kak-dobavit-na-sajt-ikonki-telefona-viber/
Первый варик
Ссылка просто на вацап.
Вставляем ее в режиме текстового редактора в любое место на сайте, и не забываем изменить телефон на свой к которому привязан WhatsApp.
Код выше, это код с заранее заполненным сообщением. Вместо закодированного текста вставляем свой код который Вы получите после перекодирования.
Ссылка выше это когда нужно, чтобы посетитель поделился со своими друзьями текстом который вы зарядили. Соответственно текст заранее кодируем и вставляем вместо моего.
Второй вариант
Третий вариант
Код для вставки на сайте, например в футере чтобы показывалось на всех страницах или на любой конкретной странице
Только поменяйте номер и адрес картинки вместо whatsapp-logo.png закиньте адрес своей картинки.
Немного отсебятины
Из опыта. Иконка WhatsApp работает лучше чем любой онлайн консультант. WhatsApp не установлен разве что у динозавров на телефоне. Хоть я сам динозавр но пользуюсь этой приложухой постоянно. Это очень удобно. Можно отправить просто текстовое сообщение, можно сразу позвонить и не отвечать на вопросых онлайн консультанта, типа а как Вас зовут, оставьте емайл, примите условие, поставьте галочку что мы можем налево и направо использовать Вашу персональную информацию. В общем я за иконку WhatsApp, чего и вам желаю!
Пишите в комменты у кого снова не получилось)))
Добавляем WhatsApp на сайт
Кнопка whatsapp
Виджет whatsapp на сайт это эффективный инструмент, который позволяет каждому посетителю интернет-страницы связаться с администрацией быстро и удобно. При этом нет необходимости заполнять заявки с обратной связью, где надлежит указывать почту или проходить регистрацию. Кнопка whatsapp для сайта полностью исключает такие неудобства, делая процесс общения более комфортным и быстрым. Пропадает необходимость длительного ожидания ответа оператора или консультанта.
Однако пользователей интересует вопрос, как добавить whatsapp на сайт и можно ли это сделать самостоятельно, без привлечения дополнительного персонала. Выход из ситуации есть — это сервис meConnect. Благодаря удобному интерфейс и большому перечню функций, каждый желающий сможет установить whatsapp на сайт даже при отсутствии опыта.
Таким образом, наличие кнопки предоставляет большое число преимуществ, включая:
В результате если вставить whatsapp на сайт можно постоянно контролировать следующие процессы:
При этом важно отметить, что написать в whatsapp с сайта сможет каждый желающий при необходимости. Нет ограничений и требований.
Чтобы разместить кнопку в интернет-ресурсе, необходимо получить код whatsapp на сайт. Он выдается автоматически после регистрации.
Мессенджер на сайт
Чтобы постоянно находиться на связи со своими клиентами администрация сайтов предпочитает устанавливать не один мессенджер, а сразу несколько. Такая потребность связана с разными пожеланиями пользователей. Некоторым удобно поддерживать связь только с помощью whatsapp, а кто-то предпочитает другие кнопки мессенджеров на сайте. Однако не все сервисы способны предложить такую возможность. Исключением выступает meConnect. После регистрации и процедуры настройки пользователь сможет добавить мессенджеры на сайт из следующего списка:
При этом такие ссылки на мессенджеры на сайте положительно влияют на динамику продаж товаров и услуг, так как покупатели могут подобрать наиболее удобный способ связи из большого числа, а не отправляются на поиски других сайтов из-за отсутствия выбора.
Чат на сайт с мессенджерами — это на сегодняшний день наиболее востребованная услуга сервиса meConnect.
Виджет мессенджеров на сайт бесплатно
Виджет мессенджеров — это дополнительный инструмент, который дает клиентам сайта удобный способ обращения напрямую без лишних действий и ограничений. При этом нет разницы в какой стране находится хозяин и где зарегистрирован домен. Получить доступ сможет каждый.
Виджет мессенджеров на сайт начинает функционировать только после его правильного подключения.
Подключить мессенджер к сайту
Кнопка связи через мессенджеры для сайта на языке программирования выглядит в виде кода, состоящего из 3 строчек. При этом обдуманная технология, использованная при его создании, позволяет не только вести переписку и разговоры, но и сохранять историю диалога. Поэтому возобновить общение можно в любой момент.
Однако, чтобы онлайн чат для сайта с мессенджерами функционировал в штатном режиме, следует установить на сайт специальные ссылки и иконки. Эти этапы можно осуществить с помощью сервиса meConnect. Весь процесс предполагает несколько шагов:
Если пользователь не понимает, как добавить кнопки мессенджеров на сайт, где найти код или каким образом настроить блоги, то всю информацию можно получить о консультантов.