Integracja e-commerce
Koszty wysyłki i czas dostawy to dwa elementy checkout, które bezpośrednio wpływają na decyzję zakupową klienta. Kupujący porzucają koszyk gdy koszt dostawy pojawia się dopiero na końcu procesu, gdy nie mogą wybrać godziny dostawy albo gdy cena wysyłki nie odpowiada ich oczekiwaniom. WP Desk stworzył trzy wtyczki rozwiązujące te problemy: wycenę na podstawie odległości od magazynu, wyświetlanie kosztów bezpośrednio na stronie produktu i możliwość wyboru przedziału czasowego dostawy przez klienta. Każdą z nich opisujemy poniżej.
Koszt wysyłki na podstawie odległości: wycena przez Google Maps API
Do czego służy ta wtyczka
Standardowe metody wysyłki w WooCommerce wyceniają dostawę na podstawie wagi, wartości koszyka albo strefy geograficznej. Żadna z tych metod nie uwzględnia faktycznej odległości między magazynem a adresem dostawy. Dla sklepów prowadzących własną dostawę (np. lokalne piekarnie, sklepy meblowe, dostawcy cateringu) to poważny problem: klient mieszkający 3 km od magazynu płaci tyle samo co klient 60 km dalej.
Wtyczka rozwiązuje ten problem, obliczając odległość drogową (nie w linii prostej) między adresem nadawczym sklepu a adresem dostawy podanym przez klienta w checkout. Obliczenie odbywa się przez Google Maps API, co gwarantuje dokładność uwzględniającą rzeczywistą infrastrukturę drogową. Na podstawie uzyskanej odległości wtyczka nalicza koszt wysyłki według skonfigurowanej tabeli stawek.
Jak działa wycena przez odległość
📍
Adres nadawczy
Konfigurujesz adres startowy (magazyn, sklep, punkt odbioru). Odległość liczona od tego punktu.
Punkt A
📳
Adres z checkout
Klient wpisuje adres dostawy. Wtyczka wysyła go do Google Maps i pobiera rzeczywistą odległość drogową.
Punkt B
💰
Obliczenie kosztu
Wynik w km trafia do tabeli stawek. Możesz ustawić koszt stały za strefę albo stawkę per km.
Kalkulacja
⏩
Progi odległości
Tabela progowa: np. 0-10 km = 10 zł, 10-30 km = 20 zł, powyżej 30 km = niedostępne.
Tabela
🚫
Blokada dalszych adresów
Możesz ustawić maksymalną odległość dostawy. Poza nią metoda jest ukryta lub wyświetla komunikat.
Limit
🛠
Wiele punktów nadawczych
Możesz skonfigurować kilka adresów nadawczych i wybrać, który punkt jest najbliższy adresowi dostawy.
Multi-punkt
Konfiguracja wtyczki krok po kroku
1
Utwórz klucz API
W Google Cloud Console aktywuj Distance Matrix API i wygeneruj klucz API dla swojej domeny
2
Podaj klucz w wtyczce
W ustawieniach wtyczki wpisz klucz API Google Maps i adres nadawczy swojego magazynu
3
Zbuduj tabelę stawek
Ustaw progi odległości i odpowiadające im ceny dostawy. Możesz też ustawić maksymalny zasięg
4
Przetestuj checkout
Wpisz kilka adresów testowych i sprawdź, czy obliczona cena odpowiada Twoim oczekiwaniom
Kiedy ta wtyczka ma sens
Wycena przez odległość sprawdza się w specyficznych przypadkach. Sklepy kurierskie korzystają z niej rzadko - kurierzy mają własne cenniki strefowe, które są już wbudowane w ich wtyczki. Ale sklepy prowadzące własną dostawę w ograniczonym zasięgu geograficznym, restauracje dowożące jedzenie, firmy cateringowe, sklepy meblowe z własnym transportem - dla nich wycena per km jest jedynym sensownym podejściem.
Google Maps API nie jest całkowicie bezpłatne przy dużej liczbie zapytań. Dla małych sklepów z kilkunastoma zamówieniami dziennie koszty API są marginalne. Przy większej skali sprawdź aktualne limity bezpłatne w Google Cloud Console przed uruchomieniem wtyczki.
Wymagania:WordPress 6.0+
WooCommerce 8.0+
PHP 7.4+
📍 Google Maps API (Distance Matrix)
🔧 Opcjonalnie: Flexible Shipping
Koszt wysyłki na stronie produktu: cena dostawy widoczna przed dodaniem do koszyka
Problem z ukrytymi kosztami wysyłki
Jedną z głównych przyczyn porzucania koszyków w e-commerce są koszty wysyłki, które pojawiają się dopiero na etapie podsumowania zamówienia. Klient przegląda produkt za 89 zł, dodaje do koszyka, przechodzi przez kilka kroków checkout i dopiero na końcu dowiaduje się, że dostawa kosztuje 15 zł. Część klientów porzuca zamówienie w tym momencie, nawet jeśli i tak zapłaciliby za dostawę.
Wtyczka Koszt wysyłki na stronie produktu wyświetla szacunkowy koszt dostawy bezpośrednio na karcie produktu, zanim klient doda produkt do koszyka. Klient widzi od razu, czy dostawa jest bezpłatna, ile kosztuje i ile brakuje mu do darmowej dostawy. Prosty zabieg, który poprawia UX i zmniejsza rozczarowanie na etapie checkout.
Co i jak wyświetla wtyczka
🔥
Darmowa dostawa od kwoty
Jeśli sklep oferuje darmową dostawę od 200 zł, wtyczka wyświetla: "Darmowa dostawa od 200 zł! Do darmowej dostawy brakuje Ci 111 zł."
Motywacja
💰
Koszt standardowy
Gdy dostawa jest płatna, wyświetla dostępne metody z ich cenami: "Dostawa kurierem: 15 zł, Paczkomat: 12 zł".
Transparentność
📋
Informacja o progach
Widżet może wyświetlać wszystkie progi cenowe (np. cena dla różnych wag lub stref), a nie tylko aktualną cenę.
Edukacja
📖
Personalizacja wyglądu
Możesz wybrać, gdzie widżet się wyświetla (pod ceną, nad przyciskiem, w opisie), jego kolor i format tekstu.
Wygląd
Co to daje z perspektywy SEO i konwersji
Widoczna cena dostawy na stronie produktu ma realny wpływ na kilka mierzalnych wskaźników. Użytkownicy, którzy widzą koszt dostawy przed dodaniem produktu do koszyka, rzadziej porzucają koszyk na późniejszym etapie. Strony produktów z widoczną informacją o wysyłce mają niższy współczynnik odrzuceń i wyższy czas na stronie. Wyświetlenie „Darmowa dostawa od 200 zł, brakuje Ci 22 zł" to klasyczny upsell trigger, który zwiększa średnią wartość zamówienia.
Wtyczka nie wymaga przebudowy szablonu produktu. Widżet wstawia się przez shortcode lub automatycznie przez hook WooCommerce. Możesz wybrać precyzyjną lokalizację na stronie produktu bez ingerencji w kod motywu.
Konfiguracja
1
Zainstaluj wtyczkę
Pobierz ZIP z konta WP Desk i aktywuj przez panel WordPress
2
Wybierz pozycję widżetu
W ustawieniach wybierz, gdzie wyświetla się informacja o kosztach: nad ceną, pod ceną, w opisie
3
Dostosuj tekst
Skonfiguruj treść widżetu: które metody wysyłki pokazywać i w jakim formacie
4
Sprawdź na stronie
Otwórz kilka stron produktów i zweryfikuj, czy informacja wyświetla się poprawnie dla różnych metod
Wymagania:WordPress 6.0+
WooCommerce 8.0+
PHP 7.4+
🔧 Opcjonalnie: Flexible Shipping
📅 Aktualizacja: kwiecień 2026
Wybór czasu dostawy: klient decyduje, kiedy przyjedzie kurier
Problem z dostawą "kiedyś w ciągu dnia"
Standardowa dostawa kurierska nie daje klientowi żadnej kontroli nad godziną przyjazdu. Kurier przyjeżdża między 8:00 a 17:00, klient musi być dostępny przez cały ten czas albo ryzykuje nieodebranie przesyłki. To jeden z powodów, dla których paczkomaty i punkty odbioru są tak popularne - dają przewidywalność, której brakuje dostawie do drzwi.
Wtyczka Wybór czasu dostawy pozwala klientowi wybrać w checkout preferowany przedział czasowy dostawy. Możesz zaoferować kilka okien: 8:00-12:00, 12:00-16:00, 16:00-20:00 i zróżnicować ich cenę. Okno poranne (gdy kurier obsługuje mniej zamówień jednocześnie) może kosztować więcej niż standardowe. Klient, który koniecznie chce być w domu rano, zapłaci za tę wygodę.
Funkcje wtyczki Wybór czasu dostawy
🕐
Okna czasowe
Definiujesz dostępne przedziały godzinowe. Klient wybiera spośród nich podczas checkout.
Wybór
💰
Cena za okno
Każde okno czasowe może mieć inną cenę. Ekspresowa dostawa ranna droższa niż standardowa.
Premium
🚫
Blokada dni i dat
Możesz blokować niedziele, święta i konkretne daty, gdy dostawa nie jest realizowana.
Kalendarz
📋
Limit zamówień per okno
Ustawiasz maksymalną liczbę zamówień na jedno okno czasowe. Po zapełnieniu okno jest niedostępne.
Limit
📱
Informacja w zamówieniu
Wybrane okno czasowe trafia do szczegółów zamówienia i e-maila potwierdzającego dla klienta.
Automatycznie
🔧
Czas realizacji
Ustawiasz minimalny czas od złożenia zamówienia do pierwszej możliwej dostawy. Np. 2 dni robocze.
Processing
Dla kogo ta wtyczka jest odpowiednia
Wtyczka Wybór czasu dostawy jest przeznaczona dla sklepów prowadzących własną dostawę lub współpracujących z kurierami oferującymi okna czasowe (niektóre firmy logistyczne oferują dostawę w oknie 2-3 godzin za dopłatą). Standardowe firmy kurierskie jak DPD, InPost czy DHL nie gwarantują dostawy w konkretnym oknie - wtyczka jest wtedy używana do gromadzenia preferencji klientów, które można przekazać kurierowi jako wskazówkę.
Najlepsze zastosowania to sklepy spożywcze z własną dostawą, piekarnie, sklepy meblowe organizujące transport własnym samochodem, usługodawcy oferujący montaż lub dostawę z wniesieniem. W każdym z tych przypadków klient musi być obecny i wie, że czeka na kuriera przez 8 godzin zamiast przez 2-3.
Konfiguracja okien czasowych
1
Zainstaluj wtyczkę
Pobierz z konta WP Desk i zainstaluj przez panel WordPress
2
Zdefiniuj okna
W panelu wtyczki dodaj okna czasowe: nazwę, godziny, cenę dopłaty i limit zamówień
3
Ustaw dni wolne
Zaznacz dni tygodnia bez dostaw i dodaj konkretne daty (święta, urlopy)
4
Sprawdź checkout
Złóż testowe zamówienie i sprawdź, czy selektor okna pojawia się poprawnie przy wyborze metody dostawy
Wymagania:WordPress 6.0+
WooCommerce 8.0+
PHP 7.4+
🔧 Opcjonalnie: Flexible Shipping
📅 Aktualizacja: kwiecień 2026
Porównanie trzech wtyczek: którą wybrać
📍
Koszt wg odległości: kiedy wybrać
Własna dostawa w ograniczonym zasięgu. Sklepy lokalne: catering, meble, produkty spożywcze. NIE dla standardowych kurierów.
Własna dostawa
🛒
Koszt na stronie produktu: kiedy wybrać
Każdy sklep z płatną dostawą lub progiem darmowej dostawy. Najszersze zastosowanie. Poprawia konwersję bez dużej konfiguracji.
Każdy sklep
🕐
Wybór czasu dostawy: kiedy wybrać
Własna dostawa lub logistyka z oknami czasowymi. Branże: spożywcza, meblarska, catering, usługi z wniesieniem.
Okna czasowe
FAQ
Czy koszt wysyłki oparty na odległości działa z kurierami WP Desk?
Te wtyczki służą różnym celom. Integracje kurierskie (DPD, InPost, DHL itp.) korzystają z cenników strefowych danego kuriera. Wtyczka koszt wg odległości jest przeznaczona dla sklepów prowadzących własną dostawę lokalną. Można ich używać razem w jednym sklepie jako osobne metody wysyłki, ale każda działa według własnej logiki cenowej.
Czy wyświetlanie kosztu na stronie produktu wymaga integracji z API kuriera?
Nie. Wtyczka odczytuje metody wysyłki skonfigurowane w WooCommerce i wyświetla ich ceny. Nie potrzebuje połączenia z API kuriera - wystarczy, że masz skonfigurowane metody wysyłki w panelu WooCommerce (przez Flexible Shipping lub natywne metody).
Czy klient może wybrać konkretną datę dostawy wtyczką Wybór czasu dostawy?
Tak, ale zależy to od konfiguracji. Wtyczka obsługuje zarówno wybór okna czasowego (np. 8:00-12:00) jak i wybór konkretnej daty z kalendarza. Możesz też połączyć oba elementy: klient wybiera datę i godzinę dostawy. Minimum czasu realizacji (lead time) pozwala blokować daty zbyt bliskie, by zdążyć z przygotowaniem zamówienia.
Ile kosztuje Google Maps API przy użyciu wtyczki koszt wg odległości?
Google oferuje darmowy limit na Distance Matrix API. Przy typowym sklepie z kilkudziesięcioma zamówieniami dziennie koszty API są minimalne lub zerowe w ramach darmowego limitu. Dokładne ceny i limity podaje Google Cloud Console - sprawdź je przed uruchomieniem, szczególnie jeśli Twój sklep generuje dużo ruchu.
Czy te wtyczki wymagają Flexible Shipping?
Nie są zależne od Flexible Shipping tak jak wtyczki kurierskie. Koszt wg odległości i Wybór czasu dostawy działają niezależnie. Wtyczka Koszt wysyłki na stronie produktu odczytuje dowolne metody wysyłki z WooCommerce, niezależnie od tego, czy są skonfigurowane przez Flexible Shipping czy natywne metody WooCommerce.
💰
Wtyczki WP Desk do kosztów wysyłki
Odległość, produkt, czas dostawy - trzy różne podejścia do wyceny wysyłki w WooCommerce.
Sklep WPDesk →📈
Porównaj ceny kurierów
Zanim skonfigurujesz koszty dostawy, sprawdź stawki kurierów. Może okazać się, że masz miejsce na marżę.
Porównaj oferty →