Настройте его ниже и протестируйте прямо на этой странице. Пузырек в углу это реальный виджет, в прямом эфире.
Изменения обновляют живой просмотр и фрагмент мгновенно.
Вставьте его перед закрывающимся тегом </body> на вашем веб-сайте.
Посмотрите на нижний угол этой страницы. Это ваш виджет, отрисованный из вышеуказанных настроек с использованием реального скрипта встраивания.
Загрузите бесплатное расширение Chat Quotient для Chrome, чтобы просматривать и управлять каждым разговором прямо в WhatsApp Web, полный опыт CRM WhatsApp.
Виджет чата WhatsApp это небольшая кнопка, сидящая в углу веб-сайта и при нажатии открывает разговор WhatsApp с компанией, либо прямо на номер WhatsApp компании, либо через короткую форму сначала. Он заменяет статическую ссылку "Свяжитесь с нами" или форму электронной почты каналом, который у большинства посетителей уже открыт на телефоне.
Он отличается от простой ссылки "нажать для чата" (просто текст или значок, который открывает wa.me) тем, что виджет настраивается: положение, цвет и предварительно заполненное приветствие.
Настройте ваш виджет
Введите номер WhatsApp, затем выберите цвет и угол для виджета.
Скопировать фрагмент
Используйте кнопку "Скопировать фрагмент" выше. Это один тег <script>, без других файлов или зависимостей.
Вставьте его на свой сайт
Добавьте его прямо перед закрывающимся тегом </body> HTML вашего сайта.
Опубликуйте
Вот и все. Виджет отрисовывает себя из фрагмента, без этапа сборки, backend или учетной записи.
Без формы, без электронной почты, без перезагрузки страницы
Посетители достигают вас в приложении, которое они уже открыли на телефоне, вместо того, чтобы вводить контактную форму и ждать ответа.
Это встречает посетителей там, где они уже находятся
WhatsApp это приложение для обмена сообщениями по умолчанию для миллиардов людей во всем мире. Для большинства посетителей нет ничего нового для загрузки или регистрации.
Каждый чат начинается с контекстом
Предварительно заполненное приветствие означает, что разговор не начинается с нуля. Посетители попадают в WhatsApp с уже оформленным сообщением.
Вы точно контролируете, где он находится
Установите цвет, угол и смещение так, чтобы виджет соответствовал вашему сайту вместо универсального пузырька по умолчанию.
Бесплатно, без процесса утверждения
Без заявления на API Business WhatsApp, без отдельного номера, без кода кроме одного тега скрипта.
Кнопка чата
Статическая ссылка или значок, открывающий чат WhatsApp при нажатии. Никаких настроек сверх номера назначения.
Виджет чата
Да. Виджет перенаправления, который вы создаете выше (с вашим номером, цветом, положением и приветствием), бесплатный, с небольшим знаком "Powered by Chat Quotient". На будущее планируется версия Pro с питанием от AI-агента.
Нет. Виджет открывает обычный чат WhatsApp, используя ваш существующий номер WhatsApp. Никаких утверждений Business API или отдельного номера не требуется.
Да. Это один тег <script> без зависимостей, поэтому он работает везде, где вы можете вставить HTML: WordPress, Shopify, Wix, Webflow, Squarespace или самодельный сайт.
Это не должно быть заметно. Скрипт небольшой, загружается с async и defer, поэтому никогда не блокирует вашу страницу и отрисовывается внутри изолированного Shadow DOM, поэтому не конфликтует со стилями вашего сайта.
Не пока. Захват потенциального клиента перед передачей WhatsApp находится в дорожной карте, и мы повторно включим переключатель здесь, когда он будет готов.
Нигде на наших серверах. Ваши настройки живут полностью внутри тега скрипта, который вы вставляете на сайт. Чтобы позже что-то изменить, вернитесь на эту страницу, переконфигурируйте и скопируйте новый фрагмент (сохраните копию текущего, так как мы не сохраняем его для вас).
"Кнопка чата" обычно это просто статическая ссылка, открывающая WhatsApp. "Виджет чата" (то, что строит этот инструмент) это плавающий лаунчер с настраиваемым приветствием, положением и цветом.
Любой номер WhatsApp работает, личный или деловой. Просто введите с кодом страны и без пробелов или плюса.