Jak nainstalovat agenta na web Tilda
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.
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#
- V osobním účtu Tildy otevřete požadovaný projekt.
- Klikněte na „Nastavení webu“.
- Přejděte do sekce „Více“ → „HTML kód pro vložení dovnitř head/body“.
- Vložte kód do pole HTML kód pro body (ne do head).
- 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.
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.
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.
- 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ě.
- Zeptejte se na zboží — agent by měl ukázat kartu.
- Zeptejte se na doručení — odpověď by se měla shodovat s vašimi podmínkami.
- 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.
