Web chat online: Kompletní průvodce integrací

Přidání live chatu na web bylo dříve technicky náročný úkol. Dnes stačí vložit jeden řádek kódu a chat funguje. Přesto je k dispozici řada možností přizpůsobení, které stojí za prozkoumání.

Co potřebujete pro spuštění chatu

Technické požadavky jsou minimální:

Přístup k HTML kódu vašeho webu (nebo plugin pro WordPress/Shoptet)
Moderní webový prohlížeč pro dashboard operátora
Stabilní internetové připojení

Nic jiného nepotřebujete. Žádný server, žádná databáze, žádný hosting navíc.

Integrace krok za krokem

1. Registrace a nastavení účtu

Zaregistrujte se a přidejte svůj web v dashboardu. Každý web dostane unikátní klíč (site_key), který identifikuje, odkud chat přichází.

2. Přidání skriptu na web

Zkopírujte vygenerovaný kód a vložte ho před uzavírací </body> tag na každé stránce, kde chcete chat zobrazit:

<script
  src="https://chatnaweb.cz/widget.js"
  data-site="VAS_SITE_KEY"
></script>

3. Přizpůsobení widgetu

V dashboardu nastavte:

Barvu widgetu — vyberte ze 6 barevných variant
Pozici — vpravo nebo vlevo dole
Uvítací zprávu — první zpráva, kterou zákazník uvidí

4. Nastavení Q&A bota

Přidejte pravidla pro automatické odpovědi. Pro každé pravidlo definujte:

Klíčová slova — co zákazník napíše (např. “doprava”, “cena”, “otevírací doba”)
Odpověď — text, který bot automaticky odešle

WordPress integrace

Pokud používáte WordPress, máte dvě možnosti:

Plugin: Hledejte v repozitáři pluginů nebo přidejte kód ručně přes Theme Editor.

Manuálně: Ve WordPress Theme Editor otevřete footer.php a vložte skript před </body>.

Shoptet integrace

V administraci Shoptetu přejděte do Doplňky → Vlastní kódy → a vložte skript do sekce “Kód před uzavíracím body tagem”.

Vlastní web / jiná platforma

Pokud používáte vlastní web nebo jinou platformu (Webflow, Wix, Squarespace), postup je vždy stejný: najděte místo, kde lze vložit HTML kód před </body> tag, a zkopírujte tam skript.

Testování integrace

Po vložení kódu:

Otevřete váš web v prohlížeči — měl by se zobrazit chat widget
Klikněte na widget a odešlete testovací zprávu
Přihlaste se do dashboardu — zpráva by se měla zobrazit v reálném čase
Odpovězte z dashboardu — zákazník by měl odpověď vidět okamžitě

Časté problémy a jejich řešení

Widget se nezobrazuje:

Zkontrolujte, zda je skript správně vložen před </body>
Ověřte, zda je data-site hodnota správná (skopírována z dashboardu)
Zkontrolujte konzoli prohlížeče pro případné chyby

Zprávy nedorazí do dashboardu:

Ujistěte se, že jste přihlášeni v dashboardu
Zkontrolujte, zda máte správný site_key

Widget se zobrazuje špatně:

Zkontrolujte, zda váš web neblokuje externí skripty (Content Security Policy)

Integrace chatu je záležitostí minut. Pokud narazíte na problém, česká podpora ChatnaWeb.cz vám pomůže přímo přes — chat.