Testovací stránka chatbot widgetu
Tato stránka demonstruje integraci chatbot widgetu se sběrem kontextu stránky. Widget je vložen přes jednoduchý script tag a automaticky sbírá metadata ze stránky.
Sbíraná metadata stránky
- URL:
http://localhost:3000- Titulek:
Testovací stránka chatbot widgetu- Meta popis:
Tato stránka demonstruje integraci chatbot widgetu se sběrem kontextu stránky. Widget je vložen přes jednoduchý script tag a automaticky sbírá metadata ze stránky.- Kanonická URL:
http://localhost:3000- Vlastní data atributy:
data-chatbot-product-id="12345"data-chatbot-category="electronics"data-chatbot-page-type="test"- Open Graph tagy:
og:title, og:description, og:image, og:type
Testovací scénáře
1. Načtení widgetu
Plovoucí chat tlačítko by se mělo objevit v pravém dolním rohu stránky.
2. Otevření/Zavření
Klikněte na tlačítko pro otevření okna chatu. Klikněte na X nebo znovu na tlačítko pro zavření.
3. Kontext stránky
Otevřete DevTools konzoli prohlížeče (iframe) pro ověření odesílání kontextu stránky.
4. Odesílání zpráv
Napište zprávu a stiskněte Enter nebo klikněte na Odeslat. Bot by měl odpovědět streamovaným textem.
5. Streamovaná odpověď
Sledujte jak se odpověď bota zobrazuje slovo po slovu s indikátorem psaní.
6. Perzistence session
Obnovte stránku - session ID by mělo zůstat uložené v localStorage.
Aktuální konfigurace
window.ChatWidgetConfig = {
"apiUrl": "",
"backendUrl": "",
"position": "bottom-right",
"locale": "cs",
"theme": {},
"tenant": "hradec-kralove"
}Konfigurátor tématu
Základní nastavení
Barvy
Světlý
Tmavý