Shopify

W tym przewodniku pokażemy, jak dodać Widget Quickchat AI do Twojego sklepu Shopify.

Czego będziesz potrzebować

• Sklep Shopify
• Zainstalowana aplikacja Shopping Agent by Quickchat AI z Shopify App Marketplace (jeśli nie chcesz jej instalować i wolisz połączyć ją ręcznie, przewiń w dół do drugiej części samouczka)
• Uprawnienia użytkownika do edycji motywów

Czas realizacji: ~2 minuty

---

Krok 1: Otwórz Edytor Motywów

Są dwa sposoby:

Opcja A (zalecana): z aplikacji Quickchat AI

Przejdź do Quickchat AI App → Your website → zakładka Install → kliknij Embed in your Shopify Store.

To otwiera Edytor Motywów Twojego sklepu bezpośrednio na stronie, gdzie można włączyć osadzenie aplikacji.

Opcja B: z panelu administracyjnego Shopify

Przejdź do Shopify Admin → Online Store → Themes → na Twoim aktualnym motywie kliknij Customize.

---

Krok 2: Włącz osadzenie aplikacji

W Edytorze Motywów otwórz lewą boczną belkę i przejdź do App embeds.

Znajdź Quickchat AI Widget i włącz go.

Następnie kliknij Save (prawy górny róg).

---

Krok 3: Potwierdź na Twojej witrynie sklepu

Otwórz Twoją witrynę sklepu (podgląd lub strona na żywo) i poszukaj bąbelka czatu Quickchat AI w prawym dolnym rogu strony.

To wszystko!

Agent Quickchat AI jest aktywny w Sklepie Shopify 🎉

---

Jak ręcznie dodać skrypt widgetu

Jeśli nie chcesz instalować naszej aplikacji Shopify, ponieważ masz już zbudowanego Agenta AI w aplikacji Quickchat AI, możesz dodać prosty skrypt, który wyświetli go w Twoim Sklepie Shopify.

Czy połączyłeś już swoją AI z danymi Shopify?

Aby połączyć Twojego Agenta AI z danymi Twojego sklepu Shopify, takimi jak katalog produktów i koszyk, wykonaj następujące kroki:

1. Wklej link do swojego sklepu na tej stronie: quickchat.ai/shopify
2. Zgłoś go, dostosuj i osadź na swojej stronie

1. Otwórz edytor kodu motywu

1. Przejdź do swojego Panelu Administracyjnego Shopify.
2. W lewym menu kliknij Online Store → Themes.

3. W sekcji “Current theme” kliknij trzy kropki (⋯) obok przycisku Customize.
4. Wybierz Edit code z listy rozwijanej.

2. Znajdź theme.liquid

1. W edytorze kodu rozwiń folder layout po lewej stronie.
2. Kliknij na theme.liquid, aby otworzyć główny plik układu Twojego motywu.

3. Wklej skrypt

1. W Aplikacji Quickchat przejdź do Your Website → Install.
2. Skopiuj wygenerowany skrypt.
3. Wklej go tuż nad tagiem </body> na końcu pliku theme.liquid.

<script>
  window.__quickchat = {
    host: "app.quickchat.ai",
    init: "YOUR_AI_ID_HERE",
  };
</script>