Jak přidat AI chatbota na web za 5 minut

Přidání AI chatbota na web bylo ještě nedávno záležitostí pro vývojáře a vyžadovalo hodiny práce. Dnes to zvládnete sami za 5 minut — bez kódu, bez agentury. V tomto článku vám ukážeme přesný postup od nuly po funkční chatbot.

Co budete potřebovat

  • Účet na Nexiflow (zdarma, nevyžaduje platební kartu)
  • Přístup ke kódu vašeho webu nebo k WordPress administraci
  • Přibližně 5 minut volného času

Krok 1: Registrace a vytvoření chatbota

1

Zaregistrujte se

Přejděte na dashboard.nexiflow.cz/register. Stačí e-mail a heslo — žádná platební karta, žádné čekání na schválení. Po registraci máte automaticky 14 dní Business plánu zdarma.

2

Vytvořte chatbota

V dashboardu klikněte na Chatboti → Nový chatbot. Pojmenujte ho (zákazníci toto jméno uvidí), nastavte uvítací zprávu a barvu widgetu. Celé nastavení zabere 2 minuty.

3

Napište systémovou instrukci

Tohle je klíčový krok. Systémová instrukce říká chatbotovi, jak se má chovat. Příklad dobré instrukce:

// Příklad systémové instrukce
Jsi zákaznická podpora e-shopu Móda Praha.
Odpovídáš česky, jsi přátelský a stručný.
Pomáháš zákazníkům s objednávkami, reklamacemi a dotazy na dostupnost zboží.
Pokud nevíš odpověď, přesměruj zákazníka na info@modapraha.cz.
Tip: Čím konkrétnější instrukce, tím lepší výsledky. Napište, co bot smí a nesmí říkat, jaký má tón a kam přesměrovat zákazníka, když si neví rady.

Krok 2: Přidejte znalosti chatbotovi

Samotná instrukce nestačí — chatbot potřebuje vědět, co váš produkt dělá, jaké jsou ceny, podmínky dopravy a tak dále. Přejděte na záložku Znalostní báze a přidejte první článek.

Doporučujeme začít s těmito tématy:

  • FAQ – 10 nejčastějších otázek od zákazníků
  • Ceník a dostupné plány / produkty
  • Podmínky dopravy a vrácení zboží
  • Kontaktní informace a otevírací doba
Kvalita znalostní báze přímo určuje kvalitu odpovědí. Chatbot může odpovídat jen na to, co v bázi najde.

Krok 3: Vložte chatbot na web

Po uložení nastavení přejděte na Chatboti → Váš bot → Embed kód. Uvidíte kód podobný tomuto:

<!-- Nexiflow chatbot – vložte před </body> -->
<script
  src="https://dashboard.nexiflow.cz/api/widget/VAS_BOT_ID"
  async
></script>

VAS_BOT_ID je unikátní identifikátor vašeho chatbota — najdete ho vygenerovaný přímo v dashboardu.

Pro HTML web

Vložte kód těsně před uzavírací tag </body> na každé stránce, kde chcete chatbot zobrazit. Nebo ho vložte do sdíleného layoutu / footer souboru — pak se zobrazí všude najednou.

Pro WordPress

Nejjednodušší možnost: stáhněte náš WordPress plugin přímo z dashboardu (Embed kód → WordPress → Stáhnout plugin). Po aktivaci stačí vložit Bot ID do nastavení pluginu — chatbot se automaticky přidá na celý web.

Alternativně: použijte plugin Insert Headers and Footers a vložte embed script do sekce Footer.

Pro Webflow

Přejděte do nastavení projektu → Custom Code → Footer Code a vložte embed script. Uložte a publikujte projekt.

Krok 4: Otestujte chatbota

Po vložení kódu otevřete váš web v nové záložce. V pravém dolním rohu uvidíte chatbot widget. Napište pár testovacích zpráv — zkuste dotazy, které by zákazníci skutečně kladli.

Pokud odpovědi nejsou přesné:

  1. Zkontrolujte systémovou instrukci — je dostatečně konkrétní?
  2. Přidejte do znalostní báze chybějící informace
  3. Upravte instrukci a chatbot ji aplikuje okamžitě
Dobré vědět: Veškeré konverzace zákazníků vidíte v sekci Inbox v dashboardu. Pokud zákazník položí otázku, na kterou chatbot neví odpověď, vidíte ji tam — a můžete znalostní bázi průběžně doplňovat.

Co dál?

Gratulujeme — chatbot na vašem webu je živý. Teď ho můžete dál vylepšovat:

  • Rozšiřte znalostní bázi o více témat a dokumentů
  • Nastavte webhook pro notifikace do Slacku nebo CRM
  • Pozvěte kolegy do dashboardu pod Nastavení → Tým
  • Sledujte statistiky v sekci Analytika — kolik konverzací, jaká spokojenost

Vyzkoušejte Nexiflow zdarma

14 dní Business plánu bez platební karty. Chatbot máte na webu za 5 minut.

Začít zdarma