Jak dodać chatbota AI do sklepu na Shopify — w 5 minut, bez programisty

↑ Część działu chatbot na stronę

W skrócie: tworzysz agenta w BotChacie, pozwalasz mu zindeksować sklep i wklejasz jeden tag skryptu do pliku motywu theme.liquid — albo instalujesz aplikację BotChata: AI Sales Agent z Shopify App Store, jeśli wolisz nie dotykać kodu. Od tej chwili agent odpowiada klientom całą dobę na pytania o produkty, dostawę i zwroty — wyłącznie z treści Twojego sklepu i w języku klienta: Niemiec zapyta po niemiecku, Polak po polsku.

→ Zacznij za darmo — bez karty · Gotowe w 5 minut · Darmowy plan na zawsze

Po co to polskiemu sklepowi na Shopify: jeśli wybrałeś Shopify zamiast Shopera czy IdoSell, prawie na pewno sprzedajesz też za granicę — a to znaczy pytania w kilku językach i o różnych porach. Gdy w Polsce jest druga w nocy, Twój klient w Kalifornii ma środek dnia i pytanie o wysyłkę. Agent, który zna Twój sklep, odpowiada mu od razu i w jego języku — 40+ języków z automatycznym wykrywaniem. A Ty co tydzień dostajesz e-mail z pytaniami, na które nie umiał odpowiedzieć, i uzupełniasz to na stronach.

Czego potrzebujesz

• Sklep na Shopify z dostępem administratora — dowolny plan ze sklepem internetowym, Basic też wystarczy: edytor kodu motywu jest na każdym.
• Konto BotChata — wystarczy darmowy plan (rejestracja e-mailem, bez karty).
• 5 minut. Bez kodu, bez programisty.

Część 1 — Konfiguracja BotChata (ok. 3 minuty)

Jeśli instalujesz aplikację z App Store (Metoda B niżej), tę część możesz pominąć — kreator aplikacji sam utworzy agenta i uruchomi indeksowanie.

Krok 1: Utwórz agenta i dodaj sklep

Zarejestruj się na botchata.net i otwórz panel. Na ekranie Add a new site wpisz nazwę sklepu i jego adres URL, a potem kliknij Add & start indexing. Indeksowanie rusza automatycznie.

Do darmowego startu nie potrzebujesz karty — wystarczy e-mail.

Krok 2: Poczekaj na koniec indeksowania

BotChata przeczyta karty produktów, kolekcje, strony dostawy i zwrotów, FAQ oraz kontakt. Dla typowego sklepu to 1–3 minuty. W zakładce Links widzisz każdą zebraną podstronę ze statusem Indexed — poczekaj, aż sklep pokaże Ready.

Co to znaczy w praktyce: agent odpowiada wyłącznie z zindeksowanej treści. Jeśli warunków zwrotu nie ma na stronie, powie, że nie wie — a nie wymyśli. Przy sprzedaży zagranicznej to zabezpieczenie: wymyślony warunek dostawy do innego kraju kończy się sporem i zwrotem.

Żeby dodać kolejne źródło (drugą domenę albo pojedynczą podstronę), kliknij Add link i wybierz 🌐 Full site lub 📄 Single page.

Krok 3: Szybki test

Przejdź do zakładki Overview i zadaj agentowi prawdziwe pytania klienta — i nie tylko po polsku: „Do you ship to Germany?", „Wie lange dauert der Versand?". Od razu widać, jak trzyma język.

Krok 4: Skopiuj kod do osadzenia

Otwórz zakładkę Widget agenta i przejdź do sekcji Script. Skopiuj fragment obok napisu Embed code:

<script
  src="https://botchata.net/api/widget.js"
  data-api-key="TWOJ_KLUCZ"
  data-api-url="https://botchata.net/api"
  defer
></script>

defer ładuje widżet asynchronicznie — nie blokuje renderowania i nie psuje Core Web Vitals. Widżet działa w izolowanym Shadow DOM, więc nie ruszy Twojego motywu.

Część 2 — Wklej kod do Shopify (ok. 2 minuty)

Nazwy pozycji w panelu podajemy po angielsku — Shopify zmienia tłumaczenia etykiet, a angielska nazwa i kolejność pozycji są stałe, więc to najpewniejszy punkt odniesienia, niezależnie od języka, w jakim masz otwarty panel.

✅ Metoda A: edycja theme.liquid

1. W panelu Shopify: Online Store → Themes.
2. Najpierw zrób kopię motywu — ⋯ → Duplicate. To ubezpieczenie na 10 sekund.
3. Na aktywnym motywie: ⋯ → Edit code.
4. W sekcji Layout otwórz plik theme.liquid.
5. Znajdź zamykający znacznik </body> i wklej skrypt BotChata tuż przed nim.
6. Save.

Gotowe — widżet ładuje się teraz na każdej stronie witryny: kolekcje, karty produktów, koszyk.

Dlaczego kopia motywu: theme.liquid to główny plik szablonu i błąd w nim psuje całą witrynę. Z duplikatem cofnięcie zmiany to dwa kliknięcia.

Przy aktualizacji motywu: jeśli później zaktualizujesz motyw do nowej wersji, zmiany w theme.liquid nie przeniosą się automatycznie — skrypt trzeba wkleić ponownie. Dopisz to do swojej listy kontrolnej aktualizacji.

Metoda B: aplikacja z App Store

BotChata: AI Sales Agent jest w Shopify App Store z odznaką Built for Shopify. Bez dotykania kodu:

1. Otwórz stronę aplikacji (albo wyszukaj BotChata w App Store) i zainstaluj ją.
2. Zaakceptuj uprawnienia — kreator tworzy agenta i uruchamia indeksowanie sklepu.
3. Jeśli dymek nie pojawi się w sklepie, włącz go w Online Store → Themes → Customize → App embeds i zapisz.

Metoda B przetrwa aktualizację motywu, metoda A nie. Jest jednak haczyk z płatnością — zainstalowana tak subskrypcja rozliczana jest przez Shopify w dolarach ($29 / $79 / $199), a nie w euro (39 / 119 / 299 €) jak przy zakupie bezpośrednio na botchata.net. Plan Base z App Store zawiera też integrację Shopify (wyszukiwanie produktów i status zamówienia).

Dane sklepu na żywo: katalog i status zamówienia

Skrypt powyżej daje agentowi treść stron. Pytania „gdzie jest moja paczka” albo „czy macie to w rozmiarze L do 100 €” to inna klasa: to dane z Twojego sklepu w konkretnym momencie.

Dla Shopify jest gotowa integracja: zakładka Integracje → Shopify → adres sklepu → zatwierdzenie dostępu w samym Shopify. Od tej chwili agent:

• szuka produktów w katalogu na żywo — z ceną, dostępnością i budżetem klienta, i pokazuje je jako karty z linkiem do produktu;
• podaje status zamówienia — ale dopiero gdy sprawdzi, że zamówienie należy do pytającego, po telefonie albo e-mailu. Nie zgadza się — nie pokazuje nic. Sprawdza to kod, a nie model językowy, więc nie da się go przegadać: numer zamówienia można zgadywać, adresu — nie.

Jest też powód czysto techniczny. Wiele motywów Shopify rysuje ceny skryptem, i wtedy w zindeksowanym tekście strony ich po prostu nie ma. Z integracją agent bierze ceny z katalogu, a nie ze strony — a katalog aktualizuje się sam, gdy edytujesz produkt.

Integracja działa od planu Business (119 €/mies.). Na Premium możesz włączyć przypomnienie o porzuconym koszyku: agent raz przypomina klientowi, że coś zostało w koszyku, z linkiem do niego.

Czego integracja nie robi: nie zarządza magazynem, nie składa zamówień i nie przyjmuje płatności. Daje agentowi czytać dane sklepu, żeby odpowiadał precyzyjnie.

Sprawdź, czy działa

1. Otwórz witrynę w nowym oknie incognito.
2. W prawym dolnym rogu pojawia się dymek BotChata.
3. Kliknij i zadaj prawdziwe pytanie klienta.
4. Agent powinien w kilka sekund odpowiedzieć treścią z Twojego sklepu.

Widzisz widżet? Jesteś online. 🎉

RODO i dane

• Serwery w Niemczech: BotChata działa na serwerach Hetzner w Niemczech (UE), a Twoje dane nie są używane do trenowania AI.
• Umowa powierzenia (DPA): podpisz ją z BotChatą — wzór jest dostępny w koncie — i wpisz narzędzie do polityki prywatności.
• Baner zgód: jeśli używasz aplikacji do zgód, ustaw ładowanie skryptu BotChata dopiero po zgodzie.
• Dane zamówień: integracja czyta je w chwili pytania i nie zapisuje ich w bazie wiedzy.
• AI Act: klient widzi przed pierwszą wiadomością, że rozmawia z AI — obowiązek przejrzystości z art. 50 (od sierpnia 2026) jest spełniony domyślnie.

Częste problemy

Szerzej o sklepach na WordPressie — poradnik dla WooCommerce; ile kosztuje bot w różnych modelach — ile kosztuje chatbot.

Zacznij teraz

Daj sklepowi na Shopify asystenta, który zna Twój asortyment i odpowiada klientom w ich języku przez całą dobę — w 5 minut.

→ Zacznij za darmo — bez karty

Gotowe w 5 minut. 100 wiadomości miesięcznie za darmo. Bez karty. Pełny cennik.