Чат на сайте через мессенджеры — бесплатный виджет от TextBack

Кнопка, виджет и чат WhatsApp на сайте

Сегодня мы расскажем вам, как выбирали и настраивали чат для сайта WhatsApp для одного нашего заказчика. WhatsApp чат на сайте понадобился ему для обратной связи с клиентами, поскольку далеко не всем удобно звонить, если возникли вопросы. Оказалось, что без возможности получить консультации по ВатсАпп определенная часть целевой аудитории просто теряется. Естественно, это нужно было исправить.

К тому же, WhatsApp лучше обычного чата на сайте тем, что когда клиент обращается к нам, мы сразу получаем его контактные данные и дальше можем вовлекать его в воронку продаж. В обычном же чате клиент может остаться анонимным и контакт просто потеряется.

Если клиент первым обратился к нам через WhatsApp и, таким образом, оставил свои контакты, это уже означает высокий уровень доверия с его стороны, примерно такой же, как double opt-in — подписка на email-рассылку, когда клиент не только предоставляет свой email, но и подтверждает его. После этого можно смело отправлять ему маркетинговый контент, чтобы подогреть его интерес.

Говоря о рекламных рассылках, стоит отметить, что в сравнении с email-рассылкой у рассылок по WhatsApp тоже есть определенные преимущества:

  • Во-первых, это простота создания сообщений. Они могут быть совсем короткими, пара предложений и ссылка, больше ничего не требуется.
  • Во-вторых, это значительно более высокий процент открываемости сообщений (95-100%, т.е. почти все разосланное будет обязательно) и переходов по ссылкам (около 60%), тогда как для email-рассылок этот показатель сейчас хорошо если достигает 5%.

Соответственно, продажи тоже увеличиваются.

Требования к чату для сайта WhatsApp

К онлайн чату на сайт WhatsApp в начале поиска были такие требования:

  • Поддержка большинства популярных мессенджеров — Телеграм, Скайп, WhatsApp для бизнеса.
  • Возможность вести несколько разговоров параллельно в чате на сайт в мессенджере WhatsApp.
  • Возможность интеграции WhatsApp с CRM-системой или по крайней мере хранения истории общения, интеграции help desk и WhatsApp.

Кнопка, виджет и чат WhatsApp на сайте

От идеи просто добавить кнопку ватсап на сайт отказались сразу, поскольку она ни одной из этих задач не решала.

После поисков и сравнения вариантов мы выбрали сервис https://chat2desk.com и с его помощью добавили виджет чат ВатсАпп на сайт клиента.

На наше решение остановиться именно на этом приложении повлияли вот такие возможности, кроме вышеперечисленных:

  • Контакты из чата сразу попадают в CRM-систему (если она интегрирована с сайтом), т.е. собирается клиентская база, причем не только имена и телефоны клиентов, но и запросы, с которыми они обращались. Благодаря этому, в дальнейшем можно присваивать различным группам клиентов теги и рассылать таргетированную рекламу, которая будет соответствовать их интересам.
  • Возможность настроить чат бот Whatsapp (собственных ботов в WhatsApp нет), автоматические ответы на типовые запросы, автоматические меню для того, чтобы разгрузить операторов клиентской и технической поддержки через Whatsapp от самых рутинных и частых вопросов.
  • чат на сайте с интеграцией ВатсАпп позволил, кроме текстовых сообщений, обмениваться изображениями, видео, даже ссылками на координаты на карте, что оказалось в некоторых случаях очень ценно.

Как разместить чат ВатсАпп на сайте с сервисом Chat2Desk:

  1. Зарегистрируйтесь на https://chat2desk.com. После регистрации вы сможете попробовать отправлять сообщения в бесплатном демо-режиме.2017-12-19_18-40-01-1024x275.png
  2. Для добавления виджета на сайт перейдите в коммерческий режим — напишите в поддержку сервиса и получите инструкции, как это сделать.2017-12-28_13-45-25.png
  3. После этого вы вводите свои логины для мессенджеров и номер телефона.
  4. Когда находитесь в своем аккаунте, в меню слева откройте пункт “Настройки”. В нем откройте “Виджет”. 
  5. В самом низу страницы найдите раздел “Исходный код”, скопируйте и вставьте код на свой сайт.
  6. На этом же экране настройте расположение виджета,  используемые мессенджеры. Включите переключатель “Виджет включен” вверху страницы. Приветственный текст настраивается в меню «Настройки» — «Общие»
  7. Создайте операторов, настройте чат-бота и меню самообслуживания.

Готово, теперь пользователи могут общаться с операторами, делать заказы через WhatsApp.

Общайтесь с посетителями сайта нон-стоп

Почему мне стоит выбрать WhatsApp чат для сайта?

Быстрее общение на сайте. Выше конверсия.

Оставайтесь всегда на связи без лишних усилий

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

Повышайте качество клиентского сервиса

Онлайн чат позволит мгновенно отвечать на вопросы и решать проблемы клиентов, чтобы они оставались довольны вашим сервисом

Увеличивайте продажи через персональные консультации

Личное общение поможет предоставить больше полезной информации о вашем предложении и подтолкнуть к покупке%вебсайтов поддерживается+часов вложено в разработку1 минутачтобы начать использование%счастливых клиентов

Станьте одним из 305,165 клиентов Elfsight Apps

Создайте свой первый виджет WhatsApp чат для сайта бесплатно.

В чем уникальность WhatsApp чата для сайта?

WhatsApp чат на сайтеСамый просто способ связаться с вами через сайт Чат WhatsApp на сайте — самый простой и привычный для пользователей способ связаться с вами. Благодаря бесплатному онлайн чат виджету от Elfsight, на вашем сайте появится популярный мессенджер, который обеспечит легкость общения с потенциальными клиентами. Оставайтесь на связи в любое время, где бы вы ни находились, с любого устройства.  

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

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

Элементы мессенджераАдаптивный интерфейс позволит создать неповторимый виджет Каким бы целям ни служило общение с клиентами: консультирование по продуктам, помощь в размещении заказа, бронирование, техническая поддержка — все это легко осуществить через кнопку онлайн чата для сайта. Пара настроек интерфейса: выбор иконки, текст подписи и приветственного сообщения, время ожидания ответа — и виджет готов выполнять задачи, который ставит перед ним ваш бизнес.   

У меня два сайта, и я использую WhatsApp кнопку на обоих — я могу консультировать по своим продуктам и предоставлять индивидуальную поддержку клиентов одновременно. Это невероятно удобно!

Примеры использованияПосмотрите реальные примеры использования WhatsApp чата, чтобы раскрыть его потенциал для вашего сайта. Активное демоОткройте для себя все функции WhatsApp Чат в интерактивном демо. Бесплатно, без регистрации, без программирования.

Чем виджеты Elfsight отличаются от других?

Отныне вам не придется волноваться о производительности вашего сайта. Наши виджеты оборудованы множеством функций, которые вы можете использовать любым доступным способом. И если вдруг вы повстречаетесь с какими-либо затруднениями, наша команда поддержки всегда здесь!Простой в использовании редакторПри помощи нашего комфортного в работе редактора вы сможете встроить любой плагин на ваш сайт легко! Больше нет нужды нанимать разработчика или учиться разработке самостоятельно.Сильная команда ElfsightВаш беспроблемный опыт обеспечен нашими квалифицированными специалистами. Мы будем поддерживать постоянный контакт, чтобы помочь вам добавить виджеты на ваш веб-сайт.Прекрасный cервис приложений ElfsightВы будете всегда получать последнюю версию. Облачные решения гарантируют мгновенное исправление проблем и высокую скорость загрузки.

Что говорят наши клиенты ❤️

У Elfsight отличные виджеты и действительно оперативная и дружелюбная поддержка. Компетентно и надежно, я рекомендую Elfsight!Виджеты Elfsight — просто супер! Четкая структура, понятное описание, легкие настройки. Мне нравятся все их продукты и качество работы поддержки.Отличная кнопка для ватсапа, их просто настроить под себя, и вам всегда помогут, если возникнет проблема. Всерьез задумываюсь над тем, чтобы установить всю линейку.Прекрасные виджеты за приемлемую цену. Просто использовать, можно настроить под свои потребности, а служба поддержки вежливая и всегда поможет. У меня только положительные впечатления!У меня возникла проблема с их Instagram виджетом, но мне мгновенно помогли ее решить. Теперь хочу попробовать и другие виджеты этой команды.Классный виджет с интуитивным интерфейсом. Очень легко добавить индивидуальные настройки, и интеграция на сайт прошла мгновенно. Служба поддержки помогла во всех вопросах.

Познакомьтесь с WhatsApp чатом в демо

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

Часто задаваемые вопросы

Что такое WhatsApp Chat виджет?Это окно чата или кнопка WhatsApp для сайта, позволяющая посетителям сайта связаться с владельцем через WhatsApp. Пользователи могут легко поддерживать связь с продавцами, получать мгновенную поддержку клиентов, заказывать услуги и многое другое.Каким образом я могу сгенерировать код?Вы можете получить код прямо после того, как разработаете ваш виджет WhatsApp на сайт, используя бесплатный конфигуратор или напрямую посредством вашей панели администратора. Как добавить WhatsApp чат на сайт?

Чтобы добавить наше приложение, прочтите детальную инструкцию ниже или обратитесь к службе поддержки.

  1. Отрегулируйте инструмент в редакторе. Это очень просто даже без навыков программирования.
  2. Не забудьте нажать “Сохранить”.
  3. Добавьте код в нужное место на сайте или в шаблоне.

Приложение подходит для конструктора сайта, который я использую или моей CMS? Конечно. Наши плагины могут быть реализованы на всех конструкторах, чтобы вы смогли добавить WhatsApp на сайт. Вот лишь небольшой их список: Adobe Muse, BigCommerce, Blogger, Drupal, Facebook Page, Elementor, Joomla, jQuery, iFrame, Magento, HTML, ModX, OpenCart, Shopify, Squarespace, Webflow, Weebly, Wix, WordPress , WooCommerce, Google SitesКакой лучший способ использовать WhatsApp чат на сайте?Чтобы всегда оставаться на связи со своими потенциальными клиентами, установите виджет на все страницы, чтобы rклиент всегда видел кнопку написать в WhatsApp. Настройте триггеры, которые будут открывать окно чата в зависимости от прокрутки страницы или времени, проведенного на веб-сайте. Если вы хотите оказывать поддержку клиентам только в случае, если они задают вопросы, поместите кнопку WhatsApp на страницу контактов.Как я могу встроить окно чата WhatsApp в зону контента на своем сайте?Мы предлагаем три варианта, один из которых позволяет встроить окно чата в определенное место на странице. Выберите «Вставить окно чата», и вы можете добавить его в любую область страницы. Как изменить мой номер WhatsApp в виджете?Вы можете изменить свой номер WhatsApp в любой момент. Просто зайдите в свою админ-панель, откройте конфигуратор виджета и вставьте новый номер в поле номера телефона WhatsApp. Нажмите «Сохранить». Затем проверьте изменения на сайте. В случае, если это не сработало, как должно, напишите в службу поддержки.

Станьте одним из 305,165 клиентов Elfsight Apps

Откройте для себя еще более 50 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков!Получите скидку 20% прямо сейчас!

Добро пожаловать в группу.? Знакомьтесь, общайтесь, влюбляйтесь. Будем рады

?Лучшие треки??

Подборка лучшей музыки. Возможность Делиться своими треками обсуждать

Мафия Юга

*Знакомство, общение, загадки, музыка, книги, а также игра Мафия через телефон

Заработок_OnLain Актуальные способы

Канал №1 о заработке в интернете?Более 1000 идей и бизнес-кейсов 2021! Не

?ПОЗИТИВЧИК?ВИДЕО?

Группа улёт?? для семьи, друзей, и просто безбашенных хохотушников. Группа для

? PUBG_ MOBILE ?

Группа про игру ПАБГ ? Запрещается ? 1) материалы для взрослых 2) мат 3)

AnimePulse — новости из мира аниме, мемы, манга, анонсы и многое другое

Новый канал для ценителей манги и аниме. Будь в курсе всех новостей, следи за

МУЗЫКА..КЛИПЫ..СТАТУСЫ?

?Добро пожаловать к нам в группу, здесь можно как услышать так и поделиться

ECOHub

Мы общественно-образовательный канал ECOhub, расскажем вам все самое актуальное

Астраханская беседка

Знакомство и общение. Вход строго с 18+ и более, надеюсь вам у нас понравиться,

Пять денег

Молодой канал который хочет активно развиваться, порадует тебя кучей ОТБОРНЫХ

?СсЫлОчНыЙ БаР?

Международные ссылки ватсап, для отдыха, развлечения, знакомства.?? Приходим У каждого из этих сервисов одинаковый принцип интеграции WhatsApp с CRM, а именно:

  1. Установка приложения из маркетплейса.
  2. Создание исходящих и входящих каналов в самом сервисе (исходящий канал — портал Битрикс24 установленным приложением сервиса, входящий — приложение WhatsApp Web на стороне сервиса).

Авторизация в WhatsApp происходит путем сканирования телефоном QR-кода, что влечет за собой множество неудобств при работе с интеграцией.Сводная таблица возможностей сервисов интеграции

Wazzup i2crm Chat2Desk Pact.im OLChat
Переписка в чате Битрикс24 + + + + +
Цитирование и статусы сообщений +
Поддержка всех типов медиафайлов + + + + +
Автоматическое создание лида/контакта/сделки в crm при обращении через WhatsApp + + + + +
История переписки в карточках CRM + + + + +
Возможность написать клиенту первым + + + + +
Голосовые сообщения +
Работа с бизнес-процессами и роботами + + + +
API + + +
Работа с группами WhatsApp + +

Далее разберем сервисы интеграции подробно.

Настройка интеграции с Wazzup

Переходим на сайт https://wazzup24.com/, проходим регистрацию. После регистрации будет доступен тестовый период в 3 дня для бесплатного ознакомления с работой сервисаПосле авторизации пользователь попадает в личный кабинет. Выбираем в левом меню “Каналы”, нажимаем на кнопку “Добавить канал” → “WhatsApp”  Откроется форма с QR-кодом для авторизации. Для продолжения требуется открыть приложение WhatsApp на смартфоне, зайти в Настройки, WhatsApp Web, где будет предложено отсканировать QR-код. После сканирования QR-кода в личном кабинете появится новый активный канал с нашим номером. Находим приложение, устанавливаем. Теперь требуется настроить интеграцию в личном кабинете сервиса. Выбираем в левом меню пункт “Интеграции”, нажимаем на кнопку “Добавить интеграцию” → “Bitrix24”. В форме требуется ввести URL-адрес портала При нажатии на кнопку “Подключить” появится ссылка для авторизации по протоколу OAuth. На портале появится чат-бот Wazzup

Функции Wazzup

Напишем сообщение от клиента: В открытых линиях Битрикс24 видим сообщение клиента: Ответим на сообщение из чата Битрикс24: Сообщение дошло до клиента: Для данной интеграции открытая линия была настроена таким образом, чтобы данные о клиенте автоматически не сохранялись в CRM. Добавим данные о клиенте в CRM вручную. Для этого нужно открыть меню действия → “Сохранить в CRM”. В чате появится уведомление, что был создан новый лид. Перейдём в карточку лида. В ней есть возможность увидеть историю переписки и перейти в чат.

Настройка интеграции Битрикс24 и i2crm

Проведём пошаговую настройку интеграции Битрикс24 с сервисом i2crm.1. Проходим регистрацию на сайте https://i2crm.ru/. После завершения регистрации пользователям дается пробный период в 7 дней для ознакомления с работой сервиса. После авторизации на сайте нужно настроить входящий канал. Для этого выбираем в шапке “Настройки” → “Входящие каналы” На открывшейся странице нажимаем на кнопку “Создать канал” → “WhatsApp” При создании канала можно имеется небольшой список с расширенными настройками. Нажимаем кнопку подключить WhatsApp, сканируем QR-код со смартфона После сканирования QR-кода видим сообщение об успешном подключении. Нажимаем кнопку “Создать канал” Находим в маркетплейс Битрикс24 приложение i2crm, устанавливаем. Возвращаемся на сайт сервиса i2crm, выбираем в шапке “Настройки” → “Исходящие каналы”. Нажимаем на кнопку “Создать канал” → “Bitrix24” Выбираем необходимые настройки для интеграции, нажимаем “Подключить Битрикс24” После успешной авторизации по протоколу OAuth выводится сообщение о успешном получении доступа к порталу. Нажимаем “Создать канал”. Интеграция настроена.

Функционал i2crm

Напишем тестовое сообщение на номер, для которого мы настраивали входящий канал: Мы можем открыть чат в портале, зайти во вкладку с открытыми линиями и увидеть переписку В настройках при интеграции мы указали режим работы “открытые линии”. По логике “открытых линий”, сообщение от нового контакта автоматически создаст лид в CRM: Ответим на сообщение из чата Битрикс24: Проверим со смартфона, пришло ли сообщение:

Настройка интеграции с OLChat

Процесс интеграции с OLChat несколько отличается от интеграции с остальными сервисами. При настройке данной интеграции не придётся регистрироваться на сайте коннектора. Все настройки будем делать в приложении Битрикс24. Для начала нужно установить приложение из маркетплейса Битрикс24. После установки увидим уведомления о том, что OLChat успешно подключен. Далее, требуется подключить коннектор к открытой линии. Для этого, в портале Битрикс24 следует перейти в “Контакт-центр”→ ”[OLChat] WhatsApp”. Нажимаем “Подключить” После подключения, в чате с уведомлениями увидим следующее: Следующее, что следует сделать — подключить WhatsApp. Переходим во вкладку “OLChat” в портале Битрикс24, наводим мышью на ссылку “QR-код”. Во всплывающем окне появится QR-код, который нужно отсканировать с помощью приложения WhatsApp на смартфоне. После сканирования QR-кода должен измениться статус соединения на “Подключено” После выполнения этих действий интеграция настроена и готова к работе. Остается только настроить открытую линию Битрикс24 для распределения входящих сообщений между менеджерами, настройки рабочего времени, логику работы с CRM и.т.д.

Функционал OLChat

Создадим новый контакт и напишем клиенту первыми через функционал SMS. Переходим в карточку контакта → “SMS”, выбираем сервис [OLChat] <Название коннектора>, пишем текст письма и отправляем Проверяем в телефоне, письмо пришло: Ответим на сообщение в данном чате и увидим в ответ автоматическое сообщение из настроек открытых линий Битрикс24: Можем открыть переписку с клиентом в чатах Битрикс24 в разделе открытых линий или напрямую через карточку CRM: Тем временем на портале пришло уведомление об ответе клиента и обновилась карточка контакта:  Удалим контакт и диалог в WhatsApp. Протестируем ситуацию, когда клиент написал первым. Напишем сообщение от клиента и ответим на него из чата Битрикс24: Здесь, со стороны клиента, можно заметить интересную деталь — к сообщению, отправленному из чата Битрикс24 добавляется имя пользователя, который в данный момент ведёт переписку: При данной интеграции открытая линия настроена так, что данные не сохраняются в CRM автоматически. Добавим новый лид из чата в Битрикс24: в меню действий выбираем “Сохранить в CRM”. Далее, можно прямо из чата перейти в карточку созданного лида. Карточка лида:

Возможности настроек приложения OLChat

В главном меню приложения имеется toolbar, в котором располагаются настройки приложения и групп WhatsApp. Кнопка “Добавить WhatsApp” переадресовывает пользователя в “Контакт центр” портала, где предоставляется возможность добавить в приложение новые открытые линии. Кнопка “Настройки” открывает окно настроек, где предлагается включить/выключить доступные функции активити и роботов приложения, а также добавить свою иконку для коннектора. Кнопка “WA группы” позволяет добавить и настроить групповой чат WhatsApp в портале.  Подключим группу WhatsApp. Для этого нужно нажать кнопку “Подключить группу”.  В новом окне выбираем коннектор: После выбора коннектора выбираем доступную группу: Нажимаем на кнопку “Создать групповой чат”. В настройках группы можно добавить сотрудников к чату, а также управлять режимом “инкогнито”, скрывая или показывая имена сотрудников в чате группы WhatsApp. Сам чат группы располагается в чатах Битрикс24 (не в чатах открытых линий). Все сообщения, отправленные сотрудниками в этом чате, будут отправлены в группу WhatsApp. На данный момент, у OLChat нет возможности работать с групповыми чатами в CRM.

Группы WhatsApp и голосовые сообщения в OLChat

Подключим существующую группу WhatsApp. Выбираем коннектор и группу, которую хотим подключить, нажимаем “Создать групповой чат” В Битрикс24 создался чат, предназначенный для общения в данной группе WhatsApp: Напишем сообщение в группу со смартфона клиента: Вернёмся в чат группы в Битрикс24. Сообщение пришло: Теперь, ответим на сообщение из чата Битрикс24.  Напишем 2 сообщения. Одно будет с включенным режимом “Инкогнито”, а другое — с выключенным. Так мы проверим, действительно ли OLChat умеет показывать/скрывать имена сотрудников. Сообщение “Вы не знаете, кто вам ответил.” было написано с включенной опцией “Скрывать имена сотрудников”, а сообщение “А теперь знаете!” — с выключенной. Проверим на смартфоне клиента: Как можно заметить, когда выключена опция “Скрывать имена сотрудников”, к сообщению, отправленному из чата Битрикс24, добавляется имя сотрудника, отправившего сообщение. Вернёмся в чат Битрикс24 и нажмём на иконку с молнией, которая расположена напротив сообщения клиента. Приложение OLChat расширяет функционал стандартных действий над сообщением в Битрикс24, предлагая сохранить в CRM участников группы в WhatsApp. Из всех представленных коннекторов, только OLChat имеет поддержку голосовых сообщений.  Отправим голосовое сообщение со смартфона клиента в группу: Как можно заметить, голосовое сообщение пришло. Его можно прослушать в Битрикс24:

Настройка интеграции с Pact.im

Для начала, нужно зарегистрироваться на официальном сайте коннектора и перейти в личный кабинет. Далее, нужно установить приложение сервиса Pact.im в Битрикс24. После установки откроется окно, где будет указан код для настройки интеграции. Далее, переходим в личный кабинет на сайте Pact.im. Выбираем вкладку “Интеграция с CRM” и напротив поля “Bitrix24” вставляем ключ, указанный после установки приложения на портале. Возвращаемся на наш портал, выбираем в левом меню приложение “Pact”, видим сообщение об успешной настройке интеграции. Далее, нужно подключить канал с WhatsApp. Переходим в личный кабинет на сайте Pact.im, заходим во вкладку “Каналы”. На этапе настройки нас интересуют только шаг 3 и шаг 5. На шаге 3 нам предлагается выбрать настройки для синхронизации сообщений. На шаге 5 нужно отсканировать QR-код с телефона для авторизации через WhatsApp Web. После того, как QR-код был отсканирован, остается только дождаться настройки со стороны сервиса. Последний этап интеграции — настройка открытых линий на портале. Переходим на наш портал в “Контакт-центр” → “WhatsApp (via Pact.im)” Далее, нужно выбрать открытую линию и нажать “Подключить”. На этом шаге интеграция завершена.

Функционал Pact.im

Напишем сообщение на подключенный номер WhatsApp: В открытую линию пришло сообщение: Ответим на сообщение из чата открытых линий и проверим, пришло ли сообщение в WhatsApp. Клиент получил наш ответ: Можно заметить, что в приложении Pact.im реализован функционал, похожий на OLChat, а именно — можно увидеть имя сотрудника, который в данный момент отвечает на сообщения из портала.  Сохраним переписку в CRM. Согласно настройкам выбранной открытой линии, в CRM должен создаться новый лид. Лид создался, это можно увидеть в CRM. Перейдём в карточку лида. Из карточки можно перейти сразу в чат, просмотреть историю переписки. Каждая из представленных интеграций работает с открытыми линиями Битрикс24. В шапке чата открытых линий Битрикс24 есть небольшой toolbar.  Он позволяет:

  • пригласить в чат пользователей из Битрикс24;
  • переадресовать чат на сотрудника из Битрикс24;
  • завершить диалог.
  • открыть меню дополнительных действий, которые позволяют закрепить/открепить диалог за текущим оператором, сохранить в CRM/перейти в карточку CRM, просмотреть историю сообщений и пометить чат как спам, принудительно завершив его.

Данный функционал открытых линий Битрикс24 полноценно работает для всех представленных интеграций.

Выводы

На текущий момент, если требуется работать с WhatsApp только из Битрикс24, то наиболее удобным в использовании является сервис OLChat. Он не требует регистрации на сайте сервиса, процесс настройки интеграции интуитивно понятный, выполняется из установленного приложения в Битрикс24. Ещё, у сервиса есть два важных плюса, выделяющие его на фоне остальных: работа с группами WhatsApp и поддержка голосовых сообщений. Если не брать эти факторы в расчет, то функционал всех сервисов приблизительно одинаковый. OLChat выделяется тем, что у сервиса нет мессенджера в личном кабинете на сайте сервиса, а у остальных сервисов основной функционал представлен именно в мессенджере на сайте. Выбирать один из них стоит исходя из личных предпочтений и стоимости тарифов.

Всем привет! Сегодня покажу 2 способа, как встроить кнопку ватсап для вашего блога. Точнее не буду углубляться в процесс встраивания, так как инструкция и так достаточно подробная. Но всё же, запишу короткую видео демонстрацию, о том, как можно встроить кнопку ватсапп внутри блога, в файл шаблона вордпресс.

Вы сами сможете её добавить на сайт, чтобы увеличить виральность для пользователей заходящих с мобильных устройств.

Ну и если возникнут вопросы, всегда можно спросить ))

facebook-whatsapp11.jpg

Что касается сервисов, то их несколько. Но я не буду рассматривать коммерческие, которые воруют информацию о посетителях вашего сайта, с целью открутить рекламу. А покажу два нормально зарекомендовавших, и тех, которыми пользуюсь сам:

1. Кнопка whatsapp, от сервиса Яндекс Поделиться:

Переходим на сайт Яндекс Поделиться: _https://tech.yandex.ru/share/

Ставим галочки на те кнопки, которые хотим видеть. Рекомендую до 5 штук:

img_567aa33377419.png

И дальше всё просто — копируем готовый код, и вставляем в файл шаблона. Если пользуетесь блоговой системой вордпресс, то обычно это single.php , или подобное (зависит от шаблона).

В общем в видео покажу этот вариант.

Но есть 1 маленький минус такой кнопки. Так как её видят не только пользователи андройд устройств, но и пользователи компьютеров. Получается, что если нажать по этой кнопке, то посетитель уходит с сайта по непонятной ссылке, так как не получится запустить приложение ватсапп. Ведь ватсапп на компьютере не установлен у людей ))

А вот второй вариант более трудоемкий, но всё же инструкция хорошо расписана, и получилось её поставить в пару кликов.

2. Кнопка whatsapp для сайта от github

Переходим на сайт: _//kriskbx.github.io/whatsapp-sharing/

Переводим если ничего не понятно ))

И далее клик за кликом повторяем то, что нужно. А нужно по сути скачать архив, и загрузить в корневую сайта или шаблона (я загрузил в корень сайта). После чего, перед закрывающимся тегом «боди» разместить полученный скрипт:

img_567aa51c10fad.png

В котором, поменять путь до файла whatsapp-button.js(показано желтым)

То есть, тот путь, того распакованного архива, который загрузили в корень сайта (смотрите в видео, этот момент покажу).

И также, где хотите видеть кнопку Whatsapp, туда встраиваете ссылку вида:

img_567aa5fee7b09.png

Эта ссылка и будет отображать кнопку ватсапп для тех пользователей, которые будут приходить с андройд.

По-этому, проверить можно только на мобильных устройствах!!! Будьте внимательны, если всё сделали, а кнопка на компьютере в браузере не отображается.

В общем, какой способ больше подходит, тот и используйте.

Я больше склоняюсь к варианту 2 ))

А вот и видео…

Видео о том, как разместить кнопку whatsapp для сайта

Используемые источники:

  • https://integrus.ru/blog/whatsapp-chat.html
  • https://elfsight.com/ru/whatsapp-chat-widget/
  • https://add-groups.com/
  • https://habr.com/ru/post/516382/
  • https://leadinlife.info/knopka-whatsapp-dlya-sajta.html

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий