React / Next.js

Компонент <TalkmioChat siteKey="…" /> для React, Next.js (App и Pages router), Vite, Remix и Gatsby. Безопасен для SSR — загружает виджет один раз в браузере и идентифицирует текущего пользователя.

Скачать talkmio-react-1.0.0.zip

Установка

1. Скопируйте src/index.js в ваш проект (или установите пакет из zip-архива с помощью npm install ./talkmio-react).
2. Отрендерите компонент один раз, например, в корневом макете: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: поместите его в клиентский компонент ('use client'), который подключается в app/layout.js.

Где найти ключ сайта? Войдите в app.talkmio.com → Websites, добавьте свой сайт и скопируйте 12-значный ключ (например, 2wkxhgujxwlv). Еще нет аккаунта? Создайте его бесплатно — карта не требуется.

Проверьте чат перед запуском

После установки откройте сайт в приватном окне браузера и задайте Mio два-три вопроса, которые клиенты задают чаще всего. Убедитесь, что ответы основаны на ваших страницах; если чего-то не хватает, дополните сайт или базу знаний и спросите снова.

Что видят посетители

Кнопка чата появляется на каждой странице, где загружен код. Посетители могут написать в любое время: Mio отвечает по вашему контенту на их языке и передаёт разговор команде, когда нужен человек.

Что дальше

Посмотрите все интеграции, сравните тарифы и цены, прочитайте документацию или частые вопросы.