Jak dodać chatbota AI do sklepu Shopify krok po kroku

Potrzebujesz trzech rzeczy:

• Konto Nexoply. Zarejestruj się za darmo: plan Darmowy obejmuje 50 rozmów miesięcznie, bez karty.
• Informacje o sklepie w Nexoply: koszty i czas wysyłki, zasady zwrotów i wymian, tabele rozmiarów, produkty i ceny, godziny otwarcia lub szczegóły odbioru osobistego. Najszybciej jest podać adres sklepu i pozwolić Nexoply zaimportować Twoje publiczne strony, łącznie z cenami w ich walucie. Przeglądasz propozycje; nic nie zostanie dodane, dopóki tego nie zatwierdzisz.
• Dostęp do panelu administracyjnego Shopify z uprawnieniami do edycji motywów.

W panelu Nexoply otwórz stronę Chatbot (jeśli nie masz jeszcze chatbota, kliknij Utwórz chatbota) i skopiuj kod instalacyjny. Wygląda tak:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

YOUR-KEY zostaje zastąpione kluczem Twojego chatbota, który strona Chatbot wstawia za Ciebie. Klucz jest publiczny: nie jest hasłem i nie daje dostępu do Twojego konta ani sklepu. Aby najpierw wypróbować asystenta, kliknij Otwórz stronę testową z Twoim chatbotem.

1. 1

   Zrób kopię zapasową motywu

   W panelu administracyjnym Shopify przejdź do Online Store → Themes. Kliknij przycisk … obok bieżącego motywu i wybierz Duplicate. Kopia pojawi się w bibliotece motywów i będzie Twoją kopią zapasową.

2. 2

   Otwórz edytor kodu

   Ponownie kliknij przycisk … obok bieżącego (aktywnego) motywu i wybierz Edit code.

3. 3

   Otwórz theme.liquid

   Na liście plików otwórz folder layout i kliknij theme.liquid. Ten plik obejmuje każdą stronę Twojego sklepu.

4. 4

   Wklej kod przed </body>

   Znajdź zamykający znacznik </body> u dołu pliku (wyszukasz go skrótem Ctrl+F lub Cmd+F) i wklej kod Nexoply w osobnej linii tuż nad nim.

5. 5

   Zapisz

   Kliknij Save. Zmiana od razu działa w Twoim sklepie.

Otwórz swój sklep w nowym oknie prywatnym. Jeśli sklep jest nadal chroniony hasłem, najpierw wpisz hasło do sklepu. W dolnym rogu pojawi się przycisk czatu. Zadaj pytanie, jakie zadałby klient, np. „Ile trwa dostawa do Kanady?” albo „Czy ta kurtka jest rozmiar mniejsza?”. Rozmowa pojawi się wtedy w sekcji Rozmowy w panelu Nexoply. Zmiany wprowadzone w panelu trafiają do Twojego sklepu w ciągu około minuty, bez ponownej edycji motywu.

Asystent odpowiada tylko na podstawie podanych przez Ciebie informacji, a gdy czegoś nie wie, mówi o tym, zamiast zgadywać. W sklepie zwykle obejmuje to:

• Wysyłkę: dokąd wysyłasz, koszty, czas dostawy, progi darmowej wysyłki.
• Zwroty i wymiany: terminy, stan produktu, kto pokrywa koszt odesłania.
• Rozmiary i dopasowanie, materiały i pielęgnację, na podstawie Twoich tabel rozmiarów i opisów produktów.
• Produkty i ceny zgodnie z ofertą, z linkiem do właściwej strony sklepu.
• Dane kontaktowe, odbiór osobisty lub godziny otwarcia.

Nie sprawdza zamówień ani numerów przesyłek i nie jest połączony z Twoimi danymi w Shopify. Na pytanie „Gdzie jest moje zamówienie?” dodaj FAQ, które kieruje klientów na stronę statusu zamówienia lub na Twój adres e-mail.

• Niewłaściwy motyw. Upewnij się, że edytujesz aktywny (bieżący) motyw, a nie duplikat ani inny motyw z biblioteki.
• Niewłaściwe miejsce. Kod musi być w layout/theme.liquid tuż przed </body>, wklejony raz i w całości. Nie w pliku sekcji i nie w sekcji head.
• Po aktualizacji motywu. Gdy aktualizujesz motyw do nowej wersji, Shopify dodaje ją jako osobny motyw, a zmiany w kodzie nie zawsze są przenoszone. Sprawdź theme.liquid i w razie potrzeby wklej linijkę ponownie.
• Dozwolone domeny. Jeśli na stronie Chatbot pole Zezwalaj tylko na tych stronach jest wypełnione, wpisz zarówno własną domenę, jak i adres myshopify.com, jeśli klienci korzystają z obu (np. mojsklep.pl, mojsklep.myshopify.com).
• Chatbot wyłączony lub blokery reklam. Sprawdź, czy przełącznik Chatbot włączony jest włączony. Rzadko zdarza się, że rozszerzenie przeglądarki blokuje widżety czatu; spróbuj w innej przeglądarce.

Aby dopasować czat do swojej marki, przejdź do Chatbot → Personalizacja: wybierz ikonę przycisku wiadomości (lub własny obraz), napis, kształt, rozmiar, kolory i położenie albo zamiast tego zakładkę boczną przy krawędzi ekranu (np. „Pomoc”). Ustaw inny wygląd na telefonach, aby przycisk nie zasłaniał paska dodawania do koszyka, i za pomocą reguł zmień go na wybranych stronach (np. /products/*). Potem regularnie przeglądaj rozmowy: pytania bez odpowiedzi są wypisane i jednym kliknięciem stają się FAQ. Wszystkie opcje znajdziesz na stronie z funkcjami Nexoply; konfigurację opisuje strona jak działa Nexoply, a strona z cennikiem przedstawia plany dla sklepów z większym ruchem.