Chat Widget - Dev Preview

Quick Start

Vložte widget na libovolný web pomocí jednoho řádku kódu:

<script
  src="https://widget.example.com/loader.js"
  data-tenant="TENANT_ID_123"
  defer
></script>

Features

🎨 Brandovatelný

CSS variables, vlastní logo, barvy a pozice

🌐 Multi-tenant

Jedna instance, neomezený počet klientů

🤖 AI Chat

Integrované AI konverzace přes proxy endpoint

🎯 Decision Tree

Tlačítkové menu s formuláři a lead capture

🔒 GDPR Ready

Consent management, data sanitizace

📊 Telemetrie

Sledování událostí, konverzí a chování

🌍 Lokalizace

CS/EN překlady, snadno rozšiřitelné

⚡ Lightweight

~20kb loader, lazy-loaded widget

Live Demo

Widget běží na této stránce! Klikněte na plovoucí bublinu v pravém dolním rohu.

💡 Tip: Widget je vložen pomocí Shadow DOM, takže neinterferuje s vašimi styly. Zkuste otevřít DevTools a prozkoumejte strukturu.

Konfigurace

Každý tenant má vlastní JSON konfiguraci:

{
  "tenantId": "TENANT_ID_123",
  "lang": "cs",
  "brand": {
    "name": "ProcessLab",
    "theme": {
      "accent": "#8B5CF6",
      "position": "bottom-right"
    }
  },
  "chat": {
    "mode": "hybrid",
    "buttons": {
      "tree": { /* decision tree */ }
    }
  }
}

Backend API

Widget očekává tyto endpointy:

GET /tenants/:id/config

Vrátí konfiguraci pro tenanta

POST /chat

Proxy endpoint pro AI konverzace

POST /events

Telemetrie a lead tracking

🚀 Chat Widget