React / Next.js

Komponenta <TalkmioChat siteKey="…" /> pro React, Next.js (App a Pages router), Vite, Remix a Gatsby. Bezpečná pro SSR — načte widget v prohlížeči pouze jednou a identifikuje aktuálního uživatele.

Stáhnout talkmio-react-1.0.0.zip

Instalace

1. Zkopírujte src/index.js do svého projektu (nebo nainstalujte balíček ze zipu pomocí npm install ./talkmio-react).
2. Vyrenderujte jej jednou, například v kořenovém layoutu: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: umístěte jej do klientské komponenty ('use client') zahrnuté v app/layout.js.

Kde najdu svůj site key? Přihlaste se na app.talkmio.com → Websites, přidejte svůj web a zkopírujte 12místný klíč (např. 2wkxhgujxwlv). Ještě nemáte účet? Vytvořte si jej zdarma — bez nutnosti zadávat kartu.

Otestujte chat před spuštěním

Po instalaci otevřete web v anonymním okně prohlížeče a položte Mio dvě nebo tři otázky, které zákazníci kladou nejčastěji. Ověřte, že každá odpověď vychází z vašich stránek; pokud něco chybí, doplňte web nebo znalostní bázi a zeptejte se znovu.

Co vidí vaši návštěvníci

Bublina chatu se zobrazí na každé stránce, kde je načten kód. Návštěvníci mohou psát kdykoli: Mio odpovídá z vašeho obsahu v jejich jazyce a předá konverzaci týmu, když je potřeba člověk.

Další kroky

Podívejte se na všechny integrace, porovnejte tarify a ceny, přečtěte si dokumentaci nebo časté dotazy.