Ako nainštalovať agenta na web Tilda

Krok za krokom: kam v Tilde vložiť kód widgetu, ako ho prepojiť s košíkom, čo robiť s vyrovnávacou pamäťou a ako skontrolovať funkčnosť agenta na všetkých stránkach.

6. septembra 2026

Tilda — najčastejší prípad medzi našimi obchodmi: webstránka je pekná, tovar je k dispozícii, no nikto neodpovedá na otázky. Inštalácia trvá päť minút a nevyžaduje programátora.

Krok 1. Skopírujte kód#

V účte otvorte „Widget a odkaz“ a kliknite na „Skopírovať kód“. Ide o jeden riadok kódu vo formáte <script src="…" async></script>.

Krok 2. Vložte ho do Tildy#

1. V osobnom účte Tilda otvorte požadovaný projekt.
2. Kliknite na „Nastavenia webstránky“.
3. Prejdite do sekcie „Viac“ → „HTML kód na vloženie do head/body“.
4. Vložte kód do poľa HTML kód pre body (nie do head).
5. Uložte.

Ďalší povinný krok, na ktorý sa zabúda: znova publikujte všetky stránky. Tilda aplikuje kód pri publikovaní, preto sa widget na nepublikovaných stránkach nezobrazí. V zozname stránok je tlačidlo na publikovanie všetkých naraz.

Krok 3. Prepojte s košíkom#

Ak máte obchod na Tilde s vlastným košíkom, platbu v chate netreba zapínať. Namiesto toho v nastaveniach obchodu uveďte odkaz na košík: zvyčajne je to adresa stránky s košíkom vášho webu. Agent dovedie kupujúceho až k nemu a vybavenie objednávky prebehne obvyklým spôsobom.

Ak košík nemáte a tovar sa predáva „na vyžiadanie“, zapnite platbu v chate — vtedy celý proces zostane v rámci konverzácie. Podrobnosti nájdete v článku Platba v chate.

Krok 4. Zostavte katalóg#

V nastaveniach uveďte adresu webstránky a spustite analýzu. Prehľadávač číta produktové karty Tildy vrátane cien, charakteristík a fotografií a zároveň určuje menu obchodu.

Ak nemáte tovar v katalógu Tildy, ale je popísaný v blokoch na stránkach, prehľadávač aj tak nájde ceny a názvy, no produktové karty budú menej detailné. V takom prípade pomôže import CSV z „Katalógu“ — Tilda vie exportovať tovar do súboru.

Agent o tovare nerozpráva — on k nemu vedie#

Toto je miesto, kde chat prestáva byť len chatom. Kupujúci sa pýta „čo máte do tritisíc“ a agent odpovedá nie odsekom textu, ale kartami: fotografia, názov, cena, tlačidlo. Kliknutie otvorí tú istú stránku produktu na vašom webe — v tom istom okne, bez novej záložky a bez straty kontextu.

Ďalej sa človek ocitne v známej Tilda lieviku: vaša produktová karta, vaše tlačidlo „Kúpiť“, váš košík. Agent doviedol, obchod predal.

Druhá vec, ktorú zvyčajne neočakávajú: agent vidí, ktorú stránku kupujúci práve číta. Získava označenie produktu zo stránky — názov, SKU, cenu — a rozumie otázke v kontexte. Človek stojí na karte modrého kresla a píše „a vankúše k nemu máte?“ — agent vie, o akom kresle je reč, a ponúkne to, čo sa skutočne hodí.

Odkaz na tovar funguje aj tam, kde webstránka nie je: ak produktová karta pochádza z príspevku na Instagram alebo TikTok, tlačidlo otvorí pôvodný príspevok. Katalóg je zostavený z rôznych miest, no vždy vedie tam, kde sa dá kúpiť.

1. Otvorte webstránku v režime inkognito. Tlačidlo chatu by sa malo objaviť v pravom dolnom rohu do jednej až dvoch sekúnd.
2. Položte otázku o tovare — agent by mal zobraziť produktovú kartu.
3. Opýtajte sa na doručenie — odpoveď by sa mala zhodovať s vašimi podmienkami.
4. Skontrolujte telefón: na mobilnej verzii by tlačidlo nemalo prekrývať košík Tildy.

Ak tlačidlo prekrýva niečo dôležité, zmeňte jeho polohu na ľavú v sekcii „Widget a odkaz“.

Chat v súlade s webstránkou#

Tilda webstránky môžu byť svetlé aj výrazne tmavé, preto má widget tri režimy témy: svetlá, tmavá a „ako u návštevníka“. Posledný sa prispôsobuje nastaveniam zariadenia používateľa a je predvolený.

Ak je vaša webstránka navrhnutá v jednom štýle, nastavte rovnakú tému napevno — chat prestane pôsobiť ako záplata v rohu. Akcentová farba pritom zostáva vaša v akejkoľvek téme.

Krok 5. Skontrolujte#

Časté problémy#

Widget sa nezobrazil. Deväťkrát z desiatich stránky neboli znova publikované po vložení kódu. Publikujte znova a obnovte stránku s vymazaním vyrovnávacej pamäte.

Widget nie je viditeľný na všetkých stránkach. Kód bol vložený nie do nastavení webstránky, ale do samostatného bloku T123 na jednej stránke. Prejdite do „Nastavenia webstránky“ → „Viac“.

Tlačidlo sa zobrazuje s oneskorením. Je to normálne: skript sa načíta asynchrónne, po hlavnom obsahu, aby nespomaľoval stránku.

Konflikt s iným chatom. Dva chaty v jednom rohu sa prekrývajú. Ponechajte jeden alebo ich rozmiestnite na rôzne strany.

Časté otázky#

Je potrebný platený tarif Tilda#

Kód sa vkladá v nastaveniach webstránky, čo je dostupné na platených tarifoch Tildy. Na bezplatnom tarife nie je vkladanie ľubovoľného kódu podporované — v takom prípade použite odkaz na agenta a umiestnite ho ako tlačidlo na stránku.

Spomalí widget webstránku#

Nie. Skript váži málo a načíta sa asynchrónne, samotné okno chatu sa načíta až po kliknutí na tlačidlo. Na rýchlosť načítania stránky Tilda to nemá vplyv.

Dá sa agent umiestniť len na jednu stránku#

Áno, vložte kód nie do nastavení webstránky, ale do bloku „T123 HTML“ na požadovanej stránke. Takto sa to robí napríklad pre landing page jedného produktu.

Funguje to s Tilda Store#

Áno. Agent číta produktové karty a košík, pričom vybavenie objednávky prenecháva obchodu Tilda: kupujúci prejde do vášho košíka s vybraným tovarom.

Ako odstrániť widget z webstránky#

Odstráňte riadok kódu v nastaveniach webstránky a znova publikujte stránky. Údaje a dialógy sa pritom zachovajú, odkaz na agenta bude naďalej fungovať.