1) lub zobacz stronę w Shopify App Store.1. Zainstaluj ShipCalc
ShipCalc instaluje się ze Shopify App Store. 14-dniowy bezpłatny okres próbny zaczyna się w chwili instalacji i obejmuje wszystkie funkcje.
- Otwórz stronę ShipCalc w Shopify App Store.
- Kliknij Install (Zainstaluj) i zatwierdź aplikację.
- ShipCalc otworzy się w panelu administracyjnym Shopify z listą kroków na start.
Strona startowa ma linki, które jednym kliknięciem otwierają edytor motywu we właściwym miejscu dla każdego umiejscowienia.
2. Dodaj blok strony produktu
Blok na stronie produktu pozwala klientom sprawdzić wysyłkę przed dodaniem produktu do koszyka. Korzysta z aktualnie wybranego wariantu i ilości.
- W konfiguracji ShipCalc kliknij Add Product Page Block. Edytor motywu otworzy się na szablonie produktu.
- Kliknij Add block (Dodaj blok) w sekcji informacji o produkcie i wybierz blok ShipCalc.
- Przeciągnij go na miejsce — pod ceną lub pod przyciskami zakupu sprawdza się dobrze.
- Kliknij Save (Zapisz).
3. Dodaj blok strony koszyka
Blok koszyka wycenia każdy produkt i ilość w koszyku, dzięki czemu klienci widzą dostawę dla całego zamówienia.
- W ShipCalc kliknij Add Cart Page Block. Edytor motywu otworzy się na szablonie koszyka.
- Kliknij Add block (Dodaj blok) i wybierz blok koszyka ShipCalc.
- Umieść go w pobliżu sumy częściowej i przycisku kasy, a następnie kliknij Save (Zapisz).
4. Włącz obsługę panelu koszyka
Panele koszyka (wysuwane koszyki) są zbudowane inaczej w każdym motywie, dlatego ShipCalc obsługuje je przez osadzenie aplikacji, które wyszukuje otwarty panel i umieszcza kompaktowy, zwijany kalkulator nad przyciskiem kasy.
- Otwórz edytor motywu i wybierz App embeds (Osadzenia aplikacji) na lewym pasku bocznym.
- Włącz osadzenie panelu koszyka ShipCalc.
- Większość motywów działa z automatycznym wykrywaniem. Jeśli Twój nie działa, wpisz selektor CSS panelu w ustawieniach osadzenia.
- Kliknij Save (Zapisz), a następnie otwórz panel w opublikowanym sklepie, aby sprawdzić umiejscowienie.
5. Dostosuj widżet
Ustawienia wyglądu i tekstów znajdziesz na stronie Appearance (Wygląd) w ShipCalc, z podglądem na żywo, zanim zmiany trafią do sklepu.
Układ i styl
- Układ karty lub minimalny.
- Kolory akcentu, tła, tekstu i obramowania.
- Zaokrąglenie rogów, odstępy i rozmiary tekstu.
- Dziedzicz typografię i podstawowe style kontrolek z motywu.
Teksty
- Tytuł, tekst pomocniczy i tekst przycisku.
- Etykiety i podpowiedzi dla kraju i kodu pocztowego.
- Komunikaty obliczania, braku stawek, błędu i pustego koszyka.
- Etykieta dla bezpłatnych metod dostawy.
Każdą etykietę widoczną dla klienta możesz napisać w języku swojego sklepu.
Własny CSS
Dla dokładniejszej kontroli edytor CSS pozwala dodać reguły dla widżetu — przydatne przy odstępach specyficznych dla motywu lub stanach najechania.
6. Kraje i kody pocztowe
Wybierz, skąd pochodzi kraj docelowy:
- Fixed country (stały kraj) — zawsze wyceniaj dla jednego wybranego kraju.
- Shopper’s Shopify country (kraj klienta w Shopify) — korzystaj z kraju lokalizacji z Shopify Markets.
- Country selector (wybór kraju) — pozwól klientom wybrać spośród dozwolonych krajów.
Następnie wybierz, jak działają kody pocztowe:
- Required (wymagany) — klient musi podać kod pocztowy lub ZIP.
- Optional (opcjonalny) — klient może go podać, aby uzyskać dokładniejszą wycenę.
- Country only (tylko kraj) — ukryj pole kodu pocztowego; ShipCalc może zwrócić szacunek dla wybranego kraju.
Możesz też ukryć kalkulator dla odwiedzających z wybranych krajów lub pokazywać go tylko odwiedzającym z krajów, które wybierzesz.
7. Opcje wyświetlania stawek
- Pokazuj wszystkie dostępne stawki, tylko najtańszą lub tylko najdroższą.
- Pokazuj szczegóły dostawy pod stawką, gdy Shopify je zwraca.
- Używaj własnej etykiety dla bezpłatnych metod (na przykład „Darmowa dostawa”).
8. Ręczne umiejscowienie (zaawansowane)
Jeśli układ motywu nie pozwala na blok aplikacji tam, gdzie go potrzebujesz, dodaj do motywu element zastępczy i loader ShipCalc:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Użyj data-shipcalc-m="cart", aby umieścić kalkulator w koszyku. Ręczny kalkulator korzysta z tych samych ustawień, stylów i analityki co bloki aplikacji.
9. Analityka
Strona Analytics (Analityka) pokazuje, jak klienci korzystają z kalkulatora:
- Łączna liczba wycen w czasie i ostatnia aktywność.
- Wyceny według źródła: strona produktu, strona koszyka lub panel koszyka.
- Popularne kombinacje kodu pocztowego i kraju.
- Metody dostawy pokazane klientom.
- Błędy, aby wychwycić miejsca docelowe bez stawek.
10. Zdarzenia marketingowe
ShipCalc może wysyłać zdarzenie Calculate Shipping do Google Analytics 4, Google Tag Manager i Meta Pixel, jeśli te narzędzia są już w Twoim sklepie. ShipCalc nie instaluje skryptów śledzących.
- Otwórz Marketing events (Zdarzenia marketingowe) w ShipCalc.
- Wybierz platformy, do których mają trafiać zdarzenia.
- Opcjonalnie zmień nazwę, kategorię, etykietę lub wartość zdarzenia albo dodaj własne parametry.
- Zapisz.
Zdarzenia zawierają źródło widżetu (produkt, koszyk lub panel), kraj oraz informację, czy podano kod pocztowy.
11. Diagnostyka
Strona Diagnostics (Diagnostyka) wykonuje prawdziwą wycenę bez udziału sklepu — przydatne po zmianie stref lub stawek wysyłki.
- Otwórz Diagnostics (Diagnostyka) w ShipCalc.
- Wybierz produkt, kraj i kod pocztowy.
- Uruchom wycenę, aby zobaczyć dokładnie to, co zwraca Shopify.
12. Rozwiązywanie problemów
Kalkulator nie pojawia się na stronie produktu
- Sprawdź, czy blok został dodany do szablonu, którego faktycznie używają produkty, i czy zapisano zmiany.
- Upewnij się, że blok nie znajduje się w ukrytej lub zwiniętej sekcji.
- Sprawdź, czy reguły kraju odwiedzającego w Appearance nie ukrywają go dla Twojej lokalizacji.
Nie są zwracane żadne stawki
- Potwierdź, że miejsce docelowe należy do aktywnego rynku i strefy wysyłki w Shopify.
- Sprawdź, czy profil wysyłki i waga produktu spełniają warunki Twoich stawek.
- Sprawdź to samo miejsce docelowe w Diagnostics, aby zobaczyć, co zwraca Shopify.
- Przeredaguj komunikat o braku stawek, aby klienci wiedzieli, co zrobić dalej.
Bardziej szczegółową listę kontrolną znajdziesz w poradniku Stawki wysyłki Shopify się nie wyświetlają.
Nie wyświetla się w panelu koszyka
- Potwierdź, że osadzenie aplikacji dla panelu koszyka jest włączone i zapisane.
- Spróbuj ustawić selektor panelu w ustawieniach osadzenia.
- Skontaktuj się z nami, podając nazwę motywu.
13. Pomoc
Panel administracyjny ShipCalc ma stronę pomocy z szybkimi odpowiedziami i formularzem kontaktowym. Możesz też napisać do nas tutaj, a odpowiemy e-mailem.