Przejdź do głównej zawartości

Shopify

Ostatnia aktualizacja:

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

Czas realizacji: ~2 minuty


Są dwa sposoby:

Przejdź do Quickchat AI AppYour 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.

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

Zrzut ekranu: Strona Motywów z podświetlonym przyciskiem Customize


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

Zrzut ekranu: Panel App embeds

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

Zrzut ekranu: Włącz Quickchat AI w Edytorze Motywów

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

Zrzut ekranu: Przycisk Save w Edytorze Motywów


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 🎉


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.

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

Edytuj kod motywu

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

Otwórz 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.

Otwórz theme.liquid

  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>