Docs
Kompletní průvodce nastavením AI Chatbota

Kompletní průvodce nastavením AI Chatbota

Naučte se konfigurovat AI chatbota s vlastním stylem, znalostní bází, web scrapingem a vložit ho na váš web

AI Chatbot je jednou z nejvýkonnějších funkcí ai4shops.com. Dokáže odpovídat na dotazy zákazníků 24/7 pomocí vaší vlastní znalostní báze, informací o produktech a obsahu webu. Tento průvodce pokrývá vše od základního nastavení po pokročilou konfiguraci.

Předpoklady: Ujistěte se, že máte vytvořený projekt před zahájením tohoto průvodce.


Co umí AI Chatbot?

Váš AI chatbot dokáže:

  • Odpovídat na FAQ - Automaticky reaguje na časté dotazy zákazníků
  • Poskytovat informace o produktech - Pomáhá zákazníkům najít, co hledají
  • Sbírat kontakty - Získává kontaktní informace od zájemců
  • Nabízet podporu 24/7 - Nikdy nezmeškáte dotaz zákazníka, ani mimo pracovní dobu
  • Využívat vaši znalostní bázi - Trénuje se na vašich dokumentech, PDF a obsahu webu

Konfigurace AI modelu

Nastavení AI modelu ovládá, jak váš chatbot přemýšlí a odpovídá.

Krok 1: Přejděte do nastavení chatbota

Z dashboardu projektu klikněte na "Chatbot" v postranním panelu, poté vyberte "AI Model" nebo "Nastavení".

Screenshot: Stránka nastavení AI modelu

Soubor: /_static/guides/ai-chatbot/ai-model-settings-cs.png

Krok 2: Vyberte model

Zvolte AI model, který pohání vašeho chatbota:

ModelNejlepší proNáklady
GPT-4.1Složité dotazy, nuancované odpovědiVyšší
GPT-4.1 MiniVyvážený výkon a nákladyStřední

Tip: Začněte s GPT-4.1 Mini pro většinu případů. Přejděte na GPT-4.1, pokud potřebujete sofistikovanější odpovědi.

Krok 3: Nastavte maximální tokeny

Maximální tokeny omezují délku odpovědí:

  • Nižší hodnoty (500-1000): Kratší, stručnější odpovědi
  • Vyšší hodnoty (2000-4000): Delší, podrobnější odpovědi

Doporučeno: Začněte s 1500 tokeny a upravte podle potřeby.

Krok 4: Napište systémový prompt

Systémový prompt říká AI, jak se má chovat. To je klíčové pro kvalitní odpovědi!

Příklad systémového promptu:

Jsi pomocný asistent zákaznického servisu pro [Název vaší firmy].
Pomáháš zákazníkům s dotazy ohledně našich produktů a služeb.

Klíčové informace:
- Naše pracovní doba je 9:00 - 17:00
- Doprava trvá 3-5 pracovních dní
- Vrácení zboží je možné do 14 dnů

Vždy buď přátelský, profesionální a nápomocný. Pokud něco nevíš,
navrhni zákazníkovi kontaktovat podpora@vasefirma.cz.

Důležité: Dobře napsaný systémový prompt dramaticky zlepšuje kvalitu chatbota. Buďte konkrétní ohledně vaší firmy, produktů a způsobu, jakým má AI odpovídat.

Krok 5: Uložte nastavení

Klikněte na "Uložit" pro aplikování konfigurace AI modelu.


Vzhled a stylování

Přizpůsobte widget chatbota designu vašeho webu.

Krok 1: Otevřete nastavení vzhledu

Přejděte na Chatbot → Vzhled nebo "Stylování" v dashboardu projektu.

Screenshot: Nastavení vzhledu s výběrem barev

Soubor: /_static/guides/ai-chatbot/appearance-settings-cs.png

Krok 2: Nastavte barvy

NastaveníPopis
Barva pozadíHlavní pozadí widgetu
Barva okrajeOkraj/obrys widgetu
Barva zpráv uživatelePozadí zpráv uživatele
Barva odpovědí asistentaPozadí AI odpovědí
Barva textuHlavní barva textu
Akcentová barvaTlačítka a zvýraznění

Přidejte logo vaší firmy pro rozpoznání značky:

  1. Klikněte na "Nahrát logo"
  2. Vyberte obrázek (PNG, JPG nebo SVG)
  3. Maximální velikost souboru: 500KB

Tip: Použijte čtvercové logo s průhledným pozadím pro nejlepší výsledky.

Krok 4: Aktivujte Glass-Morphism (volitelné)

Pro moderní, průsvitný vzhled aktivujte Glass-Morphism efekt. Ten přidá jemné rozmazání a průhlednost widgetu.

Krok 5: Náhled změn

Použijte panel živého náhledu pro zobrazení, jak bude chatbot vypadat před uložením.

Screenshot: Panel živého náhledu

Soubor: /_static/guides/ai-chatbot/chatbot-preview-cs.png


RAG dokumenty (Znalostní báze)

RAG (Retrieval-Augmented Generation) umožňuje chatbotovi odpovídat na otázky pomocí vašich vlastních dokumentů. Nahrávejte PDF, Word dokumenty, tabulky a další!

Video placeholder: Návod na nahrání RAG dokumentů

Délka: 1-2 minuty | Jak nahrávat a spravovat dokumenty znalostní báze

Podporované formáty souborů

FormátPříponaNejlepší pro
PDF.pdfKatalogy produktů, manuály, podmínky
Word.docxFAQ, dokumentace
Excel.xlsxSeznamy produktů, ceníky
Markdown.mdTechnická dokumentace
Text.txtJednoduchý obsah, poznámky

Nahrávání dokumentů

Krok 1: Přejděte na Dokumenty

Jděte na Chatbot → Dokumenty nebo "Znalostní báze" ve vašem dashboardu.

Screenshot: Rozhraní pro nahrávání dokumentů

Soubor: /_static/guides/ai-chatbot/documents-upload-cs.png

Krok 2: Nahrajte soubory

  1. Klikněte na "Nahrát dokumenty" nebo přetáhněte soubory
  2. Vyberte jeden nebo více souborů
  3. Počkejte na nahrání a zpracování

Krok 3: Počkejte na zpracování

Dokumenty jsou automaticky:

  • Extrahovány - Text je vytažen ze souboru
  • Rozděleny - Rozděleny na menší prohledatelné segmenty
  • Indexovány - Připraveny k vyhledávání pro AI

Doba zpracování závisí na velikosti souboru (obvykle 10-60 sekund).

Screenshot: Tabulka dokumentů se stavem zpracování

Soubor: /_static/guides/ai-chatbot/documents-table-cs.png

Krok 4: Správa dokumentů

Z tabulky dokumentů můžete:

  • Zobrazit - Vidět detaily dokumentu a extrahovaný obsah
  • Smazat - Odstranit dokumenty ze znalostní báze
  • Znovu zpracovat - Znovu extrahovat obsah, pokud je potřeba

Jakmile jsou dokumenty zpracovány, váš chatbot je může okamžitě použít k odpovídání na otázky!


Web Scraping

Nechcete nahrávat soubory ručně? Použijte web scraping k automatickému stažení obsahu z vašeho webu!

Video placeholder: Nastavení Web Scrapingu

Délka: 2-3 minuty | Scraping jednotlivých URL, zpracování sitemap a auto-scraping

Scraping jednotlivých URL

Stáhněte obsah z jednotlivých stránek:

Krok 1: Přejděte na Web Scraping

Jděte na Chatbot → Web Scraping nebo "Stáhnout web".

Screenshot: Rozhraní pro scraping jednotlivých URL

Soubor: /_static/guides/ai-chatbot/single-url-scraping-cs.png

Krok 2: Zadejte URL

Vložte úplnou URL stránky, kterou chcete stáhnout:

https://vasweb.cz/o-nas

Krok 3: Klikněte na Stáhnout

Klikněte na "Stáhnout" nebo "Extrahovat obsah". Systém:

  • Načte stránku
  • Extrahuje textový obsah
  • Odstraní navigaci, reklamy a irelevantní prvky
  • Přidá do vaší znalostní báze

Krok 4: Zkontrolujte extrahovaný obsah

Prohlédněte si extrahovaný obsah, abyste se ujistili, že vypadá správně před přidáním do znalostní báze.

Dávkové zpracování Sitemap

Stáhněte více stránek najednou pomocí vaší sitemap:

Krok 1: Zadejte URL Sitemap

Vložte URL vaší sitemap:

https://vasweb.cz/sitemap.xml

Screenshot: Analyzátor sitemap

Soubor: /_static/guides/ai-chatbot/sitemap-analyzer-cs.png

Krok 2: Analyzujte Sitemap

Klikněte na "Analyzovat" pro zobrazení všech URL ve vaší sitemap. Uvidíte:

  • Celkový počet stránek
  • Náhled seznamu URL
  • Odhadovaný čas zpracování

Krok 3: Nastavte limity (volitelné)

Pro zamezení zpracování příliš mnoha stránek:

  • Nastavte maximální počet stránek
  • Filtrujte podle vzoru URL (např. pouze stránky /produkty/)

Krok 4: Spusťte dávkové zpracování

Klikněte na "Spustit zpracování" pro zahájení scrapingu všech vybraných URL. Průběh se zobrazuje v reálném čase.

Poznámka: Velké sitemap mohou trvat několik minut na zpracování. Můžete bezpečně opustit stránku - zpracování pokračuje na pozadí.

Plán automatického scrapingu

Udržujte svou znalostní bázi aktuální automaticky:

Krok 1: Nastavte plán

Přejděte na Web Scraping → Plán nebo "Auto-Scraping".

Screenshot: Nastavení plánu

Soubor: /_static/guides/ai-chatbot/auto-scrape-schedule-cs.png

Krok 2: Nastavte frekvenci

Zvolte, jak často znovu stahovat vaši sitemap:

FrekvenceNejlepší pro
DenněČasto aktualizovaný obsah (novinky, blog)
TýdněPravidelné aktualizace (produkty, ceny)
MěsíčněStabilní obsah (o nás, podmínky)

Krok 3: Zadejte URL Sitemap

Poskytněte URL vaší sitemap pro automatické stahování.

Krok 4: Aktivujte Auto-Scraping

Přepněte "Povolit Auto-Scraping" pro aktivaci plánu.


Zabezpečení: Povolené domény (CORS)

Chraňte svého chatbota před neoprávněným použitím konfigurací povolených domén.

Screenshot: Konfigurace povolených domén

Soubor: /_static/guides/ai-chatbot/allowed-origins-cs.png

Co jsou povolené domény?

Povolené domény specifikují, které weby mohou vložit vašeho chatbota. To brání ostatním v používání vašeho chatbota na jejich stránkách.

Přidání vaší domény

  1. Jděte na Nastavení projektu → Zabezpečení nebo "Povolené domény"
  2. Přidejte domény vašeho webu:
https://vasweb.cz
https://www.vasweb.cz

Důležité: Zahrňte verze s www i bez www, pokud používáte obě. Také přidejte staging/dev domény, pokud je potřeba.


Vložení widgetu

Nyní přichází ta vzrušující část - přidání chatbota na váš web!

Video placeholder: Demo vložení widgetu

Délka: 1-2 minuty | Jak vložit chatbota na váš web

Metoda 1: Script tag (doporučeno)

Nejjednodušší způsob přidání chatbota:

Krok 1: Získejte kód pro vložení

Přejděte na Chatbot → Vložit nebo "Integrace".

Screenshot: Stránka s kódem pro vložení

Soubor: /_static/guides/ai-chatbot/embed-code-cs.png

Krok 2: Zkopírujte script tag

Váš kód pro vložení vypadá takto:

<script
  src="https://ai4shops.com/embed/chatbot.js"
  data-project-id="vas-project-id"
  data-position="bottom-right"
></script>

Krok 3: Přidejte na váš web

Vložte script tag těsně před zavírací </body> tag ve vašem HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Váš web</title>
</head>
<body>
  <!-- Obsah vašeho webu -->
 
  <!-- ai4shops.com Chatbot -->
  <script
    src="https://ai4shops.com/embed/chatbot.js"
    data-project-id="vas-project-id"
    data-position="bottom-right"
  ></script>
</body>
</html>

Instrukce pro konkrétní platformy

WordPress: Použijte plugin jako "Insert Headers and Footers" nebo přidejte do footer.php vašeho tématu

Shopify: Jděte na Online Store → Themes → Edit Code → theme.liquid, vložte před </body>

Wix/Squarespace: Použijte funkci "Custom Code" nebo "Code Injection" v nastavení

Metoda 2: IFrame (alternativní)

Pro větší kontrolu nad umístěním použijte iframe:

<iframe
  src="https://ai4shops.com/embed/chatbot/vas-project-id"
  width="400"
  height="600"
  frameborder="0"
></iframe>

Kdy použít iframe:

  • Chcete vložit chatbota na konkrétní místo (ne plovoucí)
  • Potřebujete plnou kontrolu nad rozměry
  • Stavíte vlastní rozhraní

Testování chatbota

Před spuštěním důkladně otestujte svého chatbota!

Testování v dashboardu

Krok 1: Otevřete živý náhled

V nastavení chatbota hledejte tlačítko "Náhled" nebo "Test".

Screenshot: Panel živého náhledu v dashboardu

Soubor: /_static/guides/ai-chatbot/live-preview-cs.png

Krok 2: Pošlete testovací zprávy

Vyzkoušejte různé otázky:

  • Otázky z vaší znalostní báze
  • Obecné dotazy
  • Okrajové případy a neobvyklé otázky

Krok 3: Zkontrolujte odpovědi

Ověřte, že odpovědi jsou:

  • Přesné a nápomocné
  • Správně využívající vaši znalostní bázi
  • Dodržující pokyny systémového promptu

Testování na webu

Po vložení:

  1. Navštivte váš web
  2. Klikněte na widget chatbota
  3. Otestujte konverzace
  4. Zkontrolujte responzivitu na mobilu

Váš AI chatbot je nyní připraven pomáhat vašim zákazníkům 24/7!


Řešení problémů

Chatbot se nezobrazuje

  1. Zkontrolujte, že script je správně umístěn před </body>
  2. Ověřte, že vaše doména je v Povolených doménách
  3. Zkontrolujte konzoli prohlížeče pro chyby

Nízká kvalita odpovědí

  1. Vylepšete systémový prompt konkrétnějšími instrukcemi
  2. Přidejte více dokumentů do znalostní báze
  3. Zvažte upgrade na model GPT-4.1

Dokumenty se nezpracovávají

  1. Zkontrolujte, že formát souboru je podporován
  2. Ujistěte se, že soubor není chráněn heslem
  3. Zkuste znovu nahrát dokument

Co dál?

Designer modálních oken

Vytvořte krásná vyskakovací okna a kombinujte s chatbotem

View

Tvorba formulářů

Vytvořte formuláře pro sběr kontaktů integrované s chatem

View