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 відповідає на основі вашого контенту їхньою мовою і передає розмову команді, коли потрібна людина.

Що далі

Перегляньте усі інтеграції, порівняйте тарифи й ціни, прочитайте документацію або поширені запитання.