Osadźcie chatbota AI Flyweight na swoich stronach Shopify dla lepszego wsparcia
Dowiedzcie się, jak łatwo osadzić chatbota AI Flyweight bezpośrednio na stronach Shopify — dla szybszej pomocy klientom, inteligentniejszej automatyzacji i mniejszej liczby zgłoszeń.
Możecie łatwo osadzić chatbota AI Flyweight na dowolnej stronie swojego sklepu Shopify — na przykład na stronie Wsparcia, Kontaktu lub FAQ. Nasz chatbot AI dla Shopify zapewnia kompleksową automatyzację dla waszego sklepu. Daje to wiele korzyści: klienci otrzymują szybsze odpowiedzi, wasz zespół wsparcia ma mniej pracy, a rozmowy są automatycznie kierowane w efektywny sposób.

Przykład osadzonego chatbota AI na stronie kontaktowej Shopify
Dlaczego osadzić czat bezpośrednio?
Osadzone okno czatu zapewnia, że odwiedzający najpierw wchodzą w interakcję z AI, zanim skontaktują się z waszym zespołem. Oszczędza to czas i zmniejsza liczbę przychodzących zgłoszeń wsparcia.
Sytuacja korzystna dla wszystkich:
- Klienci otrzymują natychmiastową pomoc.
- Wasz zespół wsparcia obsługuje mniej zgłoszeń.
- Możecie uprościć lub usunąć inne opcje kontaktu.
- Jeśli AI nie zna odpowiedzi, automatycznie przekierowuje użytkowników do waszego zespołu wsparcia.
Opcja 1: Osadzenie przez HTML
Jeśli wolicie bezpośrednio edytować swój motyw, możecie łatwo osadzić czat, dodając krótki fragment HTML.
- Przejdźcie do wybranej strony w swoim Panelu Shopify.
- Otwórzcie edytor HTML.
- Wklejcie poniższy kod w miejscu, gdzie chcecie, aby pojawił się czat
💡 Ważne: Musicie umieścić swój klucz API we fragmencie kodu. Tutaj dowiecie się, jak znaleźć swój klucz API →
<div id="flyweight-chat-embedded" style="display: flex; align-items: center; justify-content: center;"></div>
<script>
(function flyweightEmbeddedChat() {
const src = "https://assistant.flyweight.io/chat/index.js?embedded=true&id=flyweight-chat-embedded";
const loaded = Array.from(document.scripts).some((s) => s.src === src);
if (loaded) return;
window.FlyweightChat = {
embedded: {
windowAppearance: {
width: '600px',
height: '600px',
},
},
};
const script = document.createElement('script');
script.src = src;
script.async = true;
script.dataset.apiKey = "ADD YOUR API KEY HERE";
document.head.appendChild(script);
})();
</script>

Opcja 2: Dodanie przez sekcję szablonu
Jeśli wolicie korzystać z Edytora Motywów, możecie dodać Flyweight AI jako sekcję aplikacji.
- Otwórzcie wybrany szablon strony w Edytorze Motywów.
- Kliknijcie „Dodaj sekcję".
- Przejdźcie do kategorii „Apps".
- Wybierzcie „Flyweight AI".
- Ustawcie pozycję i rozmiar sekcji według uznania.


Podsumowanie
Za pomocą kilku kliknięć możecie osadzić chatbota AI Flyweight bezpośrednio na swoich stronach Shopify. Zapewnia to, że wasi klienci zawsze otrzymują natychmiastowe, inteligentne wsparcie dostępne 24 godziny na dobę, 7 dni w tygodniu — podczas gdy wasz zespół skupia się na tym, co naprawdę ważne.
Wskazówka: Użyjcie funkcji routingu Flyweight AI, aby automatycznie przekierowywać zapytania do odpowiedniej osoby, gdy AI nie ma odpowiedzi.