Integracja Shopify
Dodaj chatboty AI ChatReact, formularze kontaktowe i akordeony FAQ do swojego sklepu Shopify za pomocą oficjalnej aplikacji ChatReact Shopify.
Instalacja
- Zainstaluj aplikację ChatReact ze Shopify App Store
- Otwórz aplikację w panelu administracyjnym Shopify
- Połącz ją ze swoim kontem ChatReact
Funkcje
Aplikacja Shopify oferuje trzy typy widżetów:
| Widżet | Opis | Umiejscowienie |
|---|---|---|
| Chat Widget | Chatbot AI z obsługą live chat | Globalny (wszystkie strony) przez App Embed |
| Form Widget | Formularze kontaktowe z ochroną przed spamem | Inline przez App Block w Theme Editor |
| FAQ Widget | Wyświetlanie FAQ w stylu akordeonu | Inline przez App Block w Theme Editor |
Konfiguracja widżetu czatu
Widżet czatu wykorzystuje funkcję App Embed Shopify, aby pojawiać się na wszystkich stronach:
- Przejdź do Online Store → Themes → Customize
- Kliknij App embeds (ikona puzzla na pasku bocznym)
- Włącz ChatReact Chat Widget
- Wprowadź swój Chatbot ID z panelu ChatReact
Widżet czatu pojawi się teraz na wszystkich stronach Twojego sklepu.
Przypisania widżetu
W ustawieniach aplikacji ChatReact możesz kontrolować, gdzie pojawia się widżet czatu:
- Everywhere: Widżet pojawia się na wszystkich stronach (domyślnie)
- Everywhere with exclusions: Widżet pojawia się na wszystkich stronach z wyjątkiem określonych URL
- Specific pages: Widżet pojawia się tylko na wybranych stronach
Dodawanie widżetów formularzy i FAQ
Widżety formularzy i FAQ dodaje się jako App Blocks w Theme Editor:
- Przejdź do Online Store → Themes → Customize
- Przejdź do strony, na której chcesz umieścić widżet
- Kliknij Add block i wyszukaj "ChatReact"
- Wybierz ChatReact Form lub ChatReact FAQ
- Wprowadź Form ID lub Chatbot ID w ustawieniach bloku
Stylizacja widżetu formularza
Dostosuj wygląd formularza w Theme Editor:
| Ustawienie | Opcje |
|---|---|
| Alignment | Left, Center, Right |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Stylizacja widżetu FAQ
| Ustawienie | Opcje |
|---|---|
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Zarządzanie widżetami
Aplikacja ChatReact w panelu administracyjnym Shopify oferuje trzy zakładki:
- Chat Widget Assignments — Zarządzaj, które strony wyświetlają widżet czatu
- Forms — Wybierz, który formularz osadzić
- FAQ — Wybierz, którego chatbota FAQ wyświetlać
Wsparcie językowe
Aplikacja obsługuje wszystkie 24 języki UE. Język widżetu jest określany przez ustawienia językowe chatbota ChatReact.
Odinstalowywanie
Po odinstalowaniu aplikacji ChatReact, wszystkie konfiguracje widżetów i przechowywane dane są automatycznie usuwane z Twojego sklepu Shopify.