Создайте анимированный чат в экране телефона и скопируйте
Отличный способ объяснить суть услуги на сайте без длинных текстов. Это экран телефона с чатом WhatsApp, который воспроизводится сам по себе, включая анимацию набора текста. Вы пишете сообщения, выбираете отправителей, меняете фон и скорость, а затем получаете готовый HTML для вставки на любой сайт или компонент React. Все работает в браузере без библиотек и этапов сборки. Обратите внимание, что это маркетинговая демонстрация с заранее написанными сообщениями, а не настоящий чат-бот.
Нет. Это только визуализация, сообщения написаны заранее, и никто их на самом деле не получает. Чтобы позволить клиентам писать вам, добавьте рядом плавающую кнопку WhatsApp, которая открывает реальный чат с вашим номером.
Текущий код рассчитан на один чат на странице, так как он определяет область сообщений по фиксированному идентификатору. Для двух чатов на одной странице нужно изменить идентификатор во втором коде.
Анимация сделана на обычном CSS. Одно правило на сайте может отключить ее вместе с остальными анимациями для тех пользователей, которые предпочитают меньше движения.
Автономный HTML это один фрагмент кода, который вставляется на любой сайт. React это файл компонента для существующего проекта, к которому нужно добавить CSS из соответствующей вкладки.
Klix не загрузился
Сначала попробуйте обновить страницу. Если только что вышла новая версия, обновление решает это сразу.
Если обновление не помогло, возможно, ваш браузер слишком старый. Klix запускает инструменты на вашем устройстве, а не на сервере, поэтому ему нужен браузер 2022 года или новее. Что делать: обновите Chrome или Firefox и снова откройте klixtools.com.