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.
Váš AI chatbot dokáže:
Nastavení AI modelu ovládá, jak váš chatbot přemýšlí a odpovídá.
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
Zvolte AI model, který pohání vašeho chatbota:
| Model | Nejlepší pro | Náklady |
|---|---|---|
| GPT-4.1 | Složité dotazy, nuancované odpovědi | Vyšší |
| GPT-4.1 Mini | Vyvážený výkon a náklady | Stř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.
Maximální tokeny omezují délku odpovědí:
Doporučeno: Začněte s 1500 tokeny a upravte podle potřeby.
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.
Klikněte na "Uložit" pro aplikování konfigurace AI modelu.
Přizpůsobte widget chatbota designu vašeho webu.
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
| Nastavení | Popis |
|---|---|
| Barva pozadí | Hlavní pozadí widgetu |
| Barva okraje | Okraj/obrys widgetu |
| Barva zpráv uživatele | Pozadí zpráv uživatele |
| Barva odpovědí asistenta | Pozadí AI odpovědí |
| Barva textu | Hlavní barva textu |
| Akcentová barva | Tlačítka a zvýraznění |
Přidejte logo vaší firmy pro rozpoznání značky:
Tip: Použijte čtvercové logo s průhledným pozadím pro nejlepší výsledky.
Pro moderní, průsvitný vzhled aktivujte Glass-Morphism efekt. Ten přidá jemné rozmazání a průhlednost widgetu.
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 (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
| Formát | Přípona | Nejlepší pro |
|---|---|---|
| Katalogy produktů, manuály, podmínky | ||
| Word | .docx | FAQ, dokumentace |
| Excel | .xlsx | Seznamy produktů, ceníky |
| Markdown | .md | Technická dokumentace |
| Text | .txt | Jednoduchý obsah, poznámky |
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
Dokumenty jsou automaticky:
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
Z tabulky dokumentů můžete:
Jakmile jsou dokumenty zpracovány, váš chatbot je může okamžitě použít k odpovídání na otázky!
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
Stáhněte obsah z jednotlivých stránek:
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
Vložte úplnou URL stránky, kterou chcete stáhnout:
https://vasweb.cz/o-nas
Klikněte na "Stáhnout" nebo "Extrahovat obsah". Systém:
Prohlédněte si extrahovaný obsah, abyste se ujistili, že vypadá správně před přidáním do znalostní báze.
Stáhněte více stránek najednou pomocí vaší sitemap:
Vložte URL vaší sitemap:
https://vasweb.cz/sitemap.xml
Screenshot: Analyzátor sitemap
Soubor: /_static/guides/ai-chatbot/sitemap-analyzer-cs.png
Klikněte na "Analyzovat" pro zobrazení všech URL ve vaší sitemap. Uvidíte:
Pro zamezení zpracování příliš mnoha stránek:
/produkty/)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í.
Udržujte svou znalostní bázi aktuální automaticky:
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
Zvolte, jak často znovu stahovat vaši sitemap:
| Frekvence | Nejlepší pro |
|---|---|
| Denně | Často aktualizovaný obsah (novinky, blog) |
| Týdně | Pravidelné aktualizace (produkty, ceny) |
| Měsíčně | Stabilní obsah (o nás, podmínky) |
Poskytněte URL vaší sitemap pro automatické stahování.
Přepněte "Povolit Auto-Scraping" pro aktivaci plánu.
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
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.
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.
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
Nejjednodušší způsob přidání chatbota:
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
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>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>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í
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:
Před spuštěním důkladně otestujte svého chatbota!
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
Vyzkoušejte různé otázky:
Ověřte, že odpovědi jsou:
Po vložení:
Váš AI chatbot je nyní připraven pomáhat vašim zákazníkům 24/7!
</body>