Jak zainstalować agenta na stronie Tilda
Krok po kroku: gdzie w Tilda wkleić kod widżetu, jak połączyć go z koszykiem, co zrobić z pamięcią podręczną i jak sprawdzić, czy agent działa na wszystkich stronach.
Tilda to najczęstszy przypadek wśród naszych sklepów: strona jest ładna, produkty są, ale nie ma kto odpowiadać na pytania. Instalacja zajmuje pięć minut i nie wymaga programisty.
Krok 1. Skopiuj kod#
W panelu otwórz „Widżet i link” i kliknij „Kopiuj kod”. To jedna linia kodu w formacie <script src="…" async></script>.
Krok 2. Wklej go do Tilda#
- W panelu Tilda otwórz odpowiedni projekt.
- Kliknij „Ustawienia strony”.
- Przejdź do sekcji „Więcej” → „Kod HTML do wstawienia wewnątrz head/body”.
- Wklej kod w polu Kod HTML dla body (nie w head).
- Zapisz.
Następnie obowiązkowy krok, o którym się zapomina: opublikuj wszystkie strony ponownie. Tilda stosuje kod podczas publikacji, dlatego na nieopublikowanych stronach widżetu nie będzie. Na liście stron znajduje się przycisk do jednoczesnej publikacji wszystkich.
Jeśli wkleisz kod w polu dla head, widżet również się załaduje, ale później i z ryzykiem konfliktów. Prawidłowe miejsce to body.
Krok 3. Połącz z koszykiem#
Jeśli masz sklep na Tilda z własnym koszykiem, nie musisz włączać płatności na czacie. Zamiast tego, w ustawieniach sklepu podaj link do koszyka: zazwyczaj jest to adres strony z koszykiem Twojej witryny. Agent doprowadzi kupującego do koszyka, a finalizacja zamówienia przebiegnie w zwykły sposób.
Jeśli nie masz koszyka i produkty sprzedawane są „na zapytanie”, włącz płatność na czacie — wtedy cała ścieżka pozostanie w obrębie konwersacji. Szczegóły znajdziesz w artykule Płatność na czacie.
Krok 4. Zbuduj katalog#
W ustawieniach podaj adres strony i uruchom analizę. Crawler odczytuje karty produktów Tilda, w tym ceny, cechy i zdjęcia, a przy okazji określa walutę sklepu.
Jeśli Twoje produkty nie znajdują się w katalogu Tilda, lecz są opisane w blokach na stronach, crawler i tak znajdzie ceny i nazwy, ale karty produktów będą mniej precyzyjne. W takim przypadku pomaga import CSV z „Katalogu” — Tilda potrafi eksportować produkty do pliku.
Agent nie opowiada o produkcie — on do niego prowadzi#
To jest moment, w którym czat przestaje być czatem. Kupujący pyta „co macie do trzech tysięcy”, a agent odpowiada nie akapitem tekstu, lecz kartami: zdjęcie, nazwa, cena, przycisk. Kliknięcie otwiera tę samą stronę produktu w Twojej witrynie — w tym samym oknie, bez nowej zakładki i bez utraty kontekstu.
Następnie klient trafia do znanej ścieżki Tilda: Twoja karta produktu, Twój przycisk „Kup”, Twój koszyk. Agent doprowadził, sklep sprzedał.
Druga rzecz, której zazwyczaj się nie spodziewasz: agent widzi, jaką stronę kupujący czyta w danej chwili. Pobiera dane produktu ze strony — nazwę, numer katalogowy, cenę — i rozumie pytanie w kontekście. Klient przegląda kartę niebieskiego fotela i pisze „a poduszki do niego są?” — agent wie, o jakim fotelu mowa, i proponuje to, co naprawdę pasuje.
Link do produktu działa również tam, gdzie nie ma strony internetowej: jeśli karta pochodzi z posta na Instagram lub TikTok, przycisk otworzy oryginalny post. Katalog jest zbierany z różnych miejsc, a zawsze prowadzi tam, gdzie można dokonać zakupu.
- Otwórz stronę w trybie incognito. Przycisk czatu powinien pojawić się w prawym dolnym rogu po sekundzie lub dwóch.
- Zadaj pytanie o produkt — agent powinien wyświetlić kartę.
- Zapytaj o dostawę — odpowiedź powinna być zgodna z Twoimi warunkami.
- Sprawdź na telefonie: w wersji mobilnej przycisk nie powinien zasłaniać koszyka Tilda.
Jeśli przycisk zasłania coś ważnego, zmień jego położenie na lewe w sekcji „Widżet i link”.
Czat w tonie strony#
Strony Tilda bywają zarówno jasne, jak i wyraźnie ciemne, dlatego widżet ma trzy tryby motywu: jasny, ciemny i „jak u odwiedzającego”. Ten ostatni dostosowuje się do ustawień urządzenia użytkownika i jest ustawiony domyślnie.
Jeśli Twoja strona jest utrzymana w jednym stylu, ustaw ten sam motyw na stałe — czat przestanie wyróżniać się jak łatka w rogu. Kolor akcentu pozostaje przy tym Twój, niezależnie od motywu.
Krok 5. Sprawdź#
Częste problemy#
Widżet się nie pojawił. Dziewięć razy na dziesięć strony nie zostały ponownie opublikowane po wklejeniu kodu. Opublikuj ponownie i odśwież stronę, czyszcząc pamięć podręczną.
Widżet nie jest widoczny na wszystkich stronach. Kod został wklejony nie w ustawieniach strony, lecz w osobnym bloku T123 na jednej stronie. Przenieś go do „Ustawienia strony” → „Więcej”.
Przycisk pojawia się z opóźnieniem. To normalne: skrypt ładuje się asynchronicznie, po głównej zawartości, aby nie spowalniać strony.
Konflikt z innym czatem. Dwa czaty w jednym rogu zasłaniają się nawzajem. Zostaw jeden lub rozmieść je po różnych stronach.
Częste pytania#
Czy potrzebny jest płatny plan Tilda#
Kod wkleja się w ustawieniach strony, co jest dostępne na płatnych planach Tilda. Na darmowym planie wklejanie dowolnego kodu nie jest obsługiwane — wtedy użyj linku do agenta i umieść go jako przycisk na stronie.
Czy widżet spowolni stronę#
Nie. Skrypt waży niewiele i ładuje się asynchronicznie, samo okno czatu wczytuje się dopiero po kliknięciu przycisku. Nie wpływa to na szybkość ładowania strony Tilda.
Czy można umieścić agenta tylko na jednej stronie#
Tak, wklej kod nie w ustawieniach strony, lecz w blok „T123 HTML” na wybranej stronie. Tak robi się na przykład dla landing page'a jednego produktu.
Czy to działa z Tilda Store#
Tak. Agent odczytuje karty produktów i koszyk, a finalizację zamówienia pozostawia sklepowi Tilda: kupujący przechodzi do Twojego koszyka z wybranym produktem.
Jak usunąć widżet ze strony#
Usuń linię kodu w ustawieniach strony i ponownie opublikuj strony. Dane i dialogi zostaną przy tym zachowane, link do agenta nadal będzie działać.