---
title: Jak nainstalovat agenta na web Tilda
description: Krok za krokem: kam v Tildě vložit kód widgetu, jak jej propojit s košíkem, co dělat s mezipamětí a jak ověřit, že agent funguje na všech stránkách.
section: platforms
keywords: Tilda, widget na Tilda, chat na web Tilda, jak nainstalovat agenta Tilda, HTML kód Tilda, vložit kód do Tilda, internetový obchod Tilda, e-shop Tilda, AI agent Tilda, umělá inteligence pro Tilda, Commerce Agents Tilda, AI pro e-shop Tilda
updated: 2026-09-06
---
Tilda — nejčastější případ mezi našimi obchody: web je pěkný, zboží je k dispozici, ale nikdo neodpovídá na dotazy. Instalace trvá pět minut a nevyžaduje programátora.

## Krok 1. Zkopírujte kód

V kanceláři otevřete „Widget a odkaz“ a klikněte na „Zkopírovat kód“. Jde o jeden řádek ve tvaru `<script src="…" async></script>`.

## Krok 2. Vložte ho do Tildy

1. V osobním účtu Tildy otevřete požadovaný projekt.
2. Klikněte na „Nastavení webu“.
3. Přejděte do sekce „Více“ → „HTML kód pro vložení dovnitř head/body“.
4. Vložte kód do pole **HTML kód pro body** (ne do head).
5. Uložte.

Dále následuje povinný krok, na který se zapomíná: **znovu publikujte všechny stránky**. Tilda aplikuje kód při publikaci, takže na nepublikovaných stránkách widget nebude. V seznamu stránek je tlačítko pro publikaci všech najednou.

> [!warning] Pokud kód vložíte do pole pro head, widget se také načte, ale později a s rizikem konfliktů. Správné místo je body.

## Krok 3. Propojte s košíkem

Pokud máte obchod na Tildě s vlastním košíkem, platbu v chatu nemusíte zapínat. Místo toho v nastavení obchodu uveďte odkaz na košík: obvykle je to adresa stránky s košíkem vašeho webu. Agent dovede kupujícího k němu a dokončení objednávky proběhne obvyklým způsobem.

Pokud košík nemáte a zboží se prodává „na vyžádání“, zapněte platbu v chatu — pak celý proces zůstane uvnitř konverzace. Podrobnosti najdete v článku [Platba v chatu](/wiki/cs/payments).

## Krok 4. Sestavte katalog

V nastavení uveďte adresu webu a spusťte analýzu. Procházeč čte karty produktů Tildy, včetně cen, vlastností a fotografií, a zároveň určuje měnu obchodu.

Pokud nemáte zboží v katalogu Tildy, ale je popsáno v blocích na stránkách, procházení stejně najde ceny a názvy, ale karty budou hrubší. V takovém případě pomůže import CSV z „Katalogu“ — Tilda umí exportovat zboží do souboru.

## Agent o zboží nemluví — on k němu vede

To je místo, kde chat přestává být chatem. Kupující se ptá „co máte do tří tisíc“ a agent neodpovídá odstavcem textu, ale kartami: fotografie, název, cena, tlačítko. Kliknutí otevře přesně tu stránku produktu na vašem webu — ve stejném okně, bez nové záložky a bez ztráty kontextu.

Dále se člověk ocitne v obvyklém trychtýři Tildy: vaše karta, vaše tlačítko „Koupit“, váš košík. Agent dovedl, obchod prodal.

Druhá věc, kterou obvykle nikdo nečeká: agent vidí, jakou stránku kupující právě čte. Získá označení produktu ze stránky — název, SKU, cenu — a rozumí otázce v kontextu. Člověk stojí na kartě modrého křesla a píše „a polštáře k němu jsou?“ — agent ví, o jaké křeslo jde, a nabízí to, co se skutečně hodí.

Odkaz na produkt žije i tam, kde web není: pokud karta pochází z příspěvku na Instagramu nebo TikToku, tlačítko otevře původní příspěvek. Katalog je sestaven z různých míst, ale vždy vede tam, kde lze nakoupit.

1. Otevřete web v režimu inkognito. Tlačítko chatu by se mělo objevit v pravém dolním rohu za sekundu nebo dvě.
2. Zeptejte se na zboží — agent by měl ukázat kartu.
3. Zeptejte se na doručení — odpověď by se měla shodovat s vašimi podmínkami.
4. Zkontrolujte telefon: na mobilní verzi by tlačítko nemělo překrývat košík Tildy.

Pokud tlačítko něco důležitého překrývá, změňte jeho polohu na levou v sekci „Widget a odkaz“.

## Chat v tónu webu

Weby na Tildě bývají světlé i výrazně tmavé, proto má widget tři režimy tématu: světlý, tmavý a „jako u návštěvníka“. Poslední se přizpůsobuje nastavení zařízení uživatele a je nastaven jako výchozí.

Pokud je váš web vytvořen v jednom stylu, nastavte stejné téma napevno — chat přestane v rohu vyčnívat jako záplata. Akcentní barva přitom zůstává vaše v jakémkoli tématu.

## Krok 5. Zkontrolujte

## Časté problémy

**Widget se neobjevil.** Devět z deseti případů jsou stránky nepublikované po vložení kódu. Publikujte znovu a aktualizujte stránku s vyčištěním cache.

**Widget není vidět na všech stránkách.** Kód je vložen ne do nastavení webu, ale do samostatného bloku T123 na jedné stránce. Přesuňte do „Nastavení webu“ → „Více“.

**Tlačítko se objevuje se zpožděním.** To je normální: skript se načítá asynchronně, po hlavním obsahu, aby nezpomaloval stránku.

**Konflikt s jiným chatem.** Dva chaty v jednom rohu se překrývají. Nechte jeden nebo je rozdělte na různé strany.

## Časté otázky

### Je potřeba placený tarif Tildy

Kód se vkládá v nastavení webu, což je dostupné na placených tarifech Tildy. Na bezplatném tarifu vkládání libovolného kódu není podporováno — pak použijte odkaz na agenta a umístěte ho jako tlačítko na stránku.

### Zpomalí widget web

Ne. Skript váží málo a načítá se asynchronně, samotné okno chatu se načte až po kliknutí na tlačítko. Na rychlost načítání stránky Tildy to nemá vliv.

### Lze agenta umístit pouze na jednu stránku

Ano, vložte kód ne do nastavení webu, ale do bloku „T123 HTML“ na požadované stránce. Tak se to dělá například pro landing page jednoho produktu.

### Funguje to s Tilda Store

Ano. Agent čte karty produktů a košík a dokončení objednávky nechává obchodu Tildy: kupující přejde do vašeho košíku s vybraným zbožím.

### Jak odstranit widget z webu

Odstraňte řádek kódu v nastavení webu a znovu publikujte stránky. Data a dialogy se přitom zachovají, odkaz na agenta bude nadále fungovat.
