Ako pridať AI chatbot na web - kompletný návod (2026)
Pridanie chatbota na web znie ako IT projekt, ale v roku 2026 je to úloha na minúty, nie týždne. Tento návod prejde tri spôsoby nasadenia, konkrétne kroky pre najpoužívanejšie platformy a pár UX zásad, vďaka ktorým chat pomáha namiesto toho, aby otravoval.
3 spôsoby nasadenia chatbota
- Widget kód (najčastejší) - poskytovateľ vám dá krátky skript, ktorý vložíte pred koniec stránky. Widget sa načíta ako plávajúca bublina, nezasahuje do zvyšku webu a funguje na každej platforme, ktorá dovolí vložiť vlastný HTML kód.
- Plugin / rozšírenie platformy - pre WordPress či e-commerce systémy existujú pluginy, ktoré skript vložia za vás. Výsledok je rovnaký, len bez editovania šablóny.
- Integrácia cez API - pre firmy, ktoré chcú chat zabudovať do vlastnej aplikácie alebo prepojiť s internými systémami. Najflexibilnejšia cesta, vyžaduje vývojára.
Pre 9 z 10 firiem je správna odpoveď widget kód. ELIA Asistent sa nasadzuje jedným skriptom; celú konfiguráciu (vedomostná báza, tón, odovzdanie na operátora) nastavíte sami v aplikácii.
Konkrétne kroky podľa platformy
WordPress
- V administrácii otvorte Vzhľad / Editor súborov šablóny (alebo použite plugin typu "insert headers and footers").
- Vložte skript widgetu pred značku, ktorou končí body.
- Uložte a skontrolujte web v anonymnom okne.
Shoptet
- Administrácia / Vzhľad a obsah / Editor šablóny / vlastný kód.
- Vložte skript do päty stránky.
- Uložte - widget sa zobrazí na celom e-shope vrátane košíka.
Shopify
- Online Store / Themes / Edit code.
- Otvorte theme.liquid a vložte skript pred koniec body.
- Uložte a otestujte.
Vlastný web (statický alebo na mieru)
Vložte skript pred koniec body v hlavnej šablóne. Ak používate Content Security Policy, povoľte doménu widgetu.
Kam umiestniť chat widget: UX tipy
- Pravý dolný roh je konvencia, ktorú návštevníci poznajú. Nevymýšľajte.
- Neotvárajte chat automaticky na celú obrazovku. Diskrétna bublina s krátkou výzvou po pár sekundách funguje lepšie ako vyskakovacie okno cez celý obsah.
- Na mobile šetrite miesto. Widget nesmie prekrývať tlačidlo košíka ani navigáciu.
- Nastavte privítanie podľa jazyka stránky. Slovenský návštevník má dostať slovenské privítanie; viacjazyčný web viacjazyčný widget.
- Ponúknite únik na človeka. Možnosť "chcem hovoriť s operátorom" zvyšuje dôveru, aj keď ju väčšina nikdy nepoužije. Kedy AI stačí a kedy nie, rozoberáme v článku chatbot vs. živý operátor.
Ako trénovať AI chatbot
Skript na webe je len polovica práce - druhá polovica je vedomostná báza, z ktorej AI odpovedá:
- FAQ - najcennejší zdroj. Spíšte skutočné otázky zákazníkov, nie tie, ktoré by ste chceli dostávať.
- Obchodné podmienky, reklamačný poriadok, cenník - dokumenty, z ktorých AI cituje presné podmienky.
- Obsah webu - popisy produktov a služieb sa dajú načítať priamo z vašej stránky.
- Priebežné dolaďovanie - po spustení sledujte konverzácie v CRM a doplňte témy, na ktoré AI nemala podklady.
Ako presne AI z podkladov odpovedá, vysvetľujeme v článku AI chatbot na Slovensku.
Keď sa widget nezobrazuje: najčastejšie problémy
- Cache. Najbanálnejší a najčastejší dôvod. Vymažte cache webu aj CDN a skúste anonymné okno.
- Skript vložený do nesprávnej šablóny. Pri viacerých šablónach (napr. iná pre blog) sa skript musí dostať do všetkých, kde má chat byť.
- Content Security Policy. Ak web používa CSP hlavičky, doména widgetu musí byť povolená v script-src a connect-src. Poznáte to podľa chýb v konzole prehliadača.
- Konflikt s cookie lištou. Niektoré cookie nástroje blokujú skripty tretích strán do udelenia súhlasu. Chat widget, ktorý nepoužíva sledovacie cookies, patrí medzi nevyhnutné funkcie - nastavte ho tak, aby sa načítal vždy.
- Google Tag Manager. Widget sa dá vkladať aj cez GTM, ale pozor: ak GTM blokuje consent mode, chat sa nenačíta, kým návštevník neodsúhlasí cookies. Priame vloženie do šablóny je spoľahlivejšie.
Kontrolný zoznam pred spustením
- Widget sa zobrazuje na desktope aj mobile, na všetkých typoch stránok.
- Neprekrýva košík, navigáciu ani iné plávajúce prvky.
- Privítanie je v správnom jazyku a znie ako vaša firma.
- AI odpovedá správne na 10 najčastejších otázok vašich zákazníkov.
- Na otázku mimo podkladov AI neimprovizuje - odovzdá alebo vyžiada kontakt.
- Odovzdanie na operátora funguje a konverzácie sa ukladajú do CRM.
- Chat funguje aj v anonymnom okne a s bežnými blokovačmi reklám.
Časté otázky o nasadení
Spomalí widget môj web? Kvalitný widget sa načítava asynchrónne až po obsahu stránky, takže rýchlosť webu ani Core Web Vitals neovplyvní. Overíte to nástrojom PageSpeed Insights pred nasadením a po ňom.
Potrebujem vývojára? Na vloženie jedného skriptu nie - zvládne to ktokoľvek s prístupom do administrácie webu. Vývojára potrebujete len pri integrácii cez API.
Funguje widget na viacjazyčnom webe? Áno. Widget deteguje jazyk stránky a privíta návštevníka v ňom; AI potom odpovedá v jazyku, ktorým píše zákazník.
Môžem chatbot najprv otestovať bez webu? Áno. Počas 7-dňovej skúšobnej doby zadarmo uvidíte asistenta odpovedať na otázky z vašich vlastných podkladov ešte pred vložením na web.
Koľko trvá nasadenie
- Vloženie skriptu: minúty.
- Zostavenie vedomostnej bázy: hodiny, ak máte podklady pohromade.
- Testovanie a doladenie: deň.
S ELIA Asistentom môžete byť v prevádzke za pár minút - nahráte podklady, v aplikácii nastavíte asistenta a vložíte jeden skript. Ak si chcete najprv urobiť prehľad o trhu, začnite sprievodcom live chat na Slovensku.
Nastavíte to sami, bez programovania
Nechce sa vám riešiť šablóny a skripty? ELIA Asistent nastavíte sami v aplikácii a na web ho vložíte jedným skriptom. Prvých 7 dní je zadarmo.
Súvisiace články: Live chat na Slovensku - kompletný sprievodca, Chatbot pre e-shop, Automatizácia zákazníckej podpory