Nasze realizacje · 06.10.2026

Wypożyczalnia łodzi online z rezerwacją – Cross Travel Boat

Wypożyczalnia łodzi online z rezerwacją – Cross Travel Boat – zrzut ekranu realizacji

Wypożyczalnia łodzi to branża, w której klient chce zobaczyć jednostkę, sprawdzić wolny termin i zarezerwować go bez telefonów w sezonie. Dla bydgoskiego Cross Travel zbudowaliśmy osobny serwis rezerwacji łodzi elektrycznych: boat.crosstravel.pl. Powstał na WordPressie i WooCommerce, z własną wtyczką wynajmu i płatnościami przez Przelewy24. W tym case study opisujemy, jak działa wypożyczalnia łodzi online z kalendarzem i cenami zależnymi od sezonu.

W skrócie: wypożyczalnia łodzi online z rezerwacją

  • Klient: Cross Travel s.c., wypożyczalnia łodzi elektrycznych (Boat Cross Travel)
  • Branża: turystyka wodna, wynajem sprzętu
  • Zakres: motyw WordPress, sklep WooCommerce jako system rezerwacji, wtyczka wynajmu z kalendarzem i cenami miesięcznymi, płatności online, panel dostępności, strony informacyjne
  • Technologie: WordPress, WooCommerce, wtyczki ka_rent, ka_wcag i ka_cookie, Przelewy24, Flatpickr
  • Adres strony: boat.crosstravel.pl

Wyzwanie: wynajem na godziny, a nie sprzedaż produktu

Klasyczny sklep sprzedaje rzeczy, a wypożyczalnia sprzedaje czas, a to zupełnie inna logika zamówienia. Ta sama łódź jest dostępna w jednym terminie, a w innym nie, cena zależy od miesiąca, a klient oczekuje, że system nie pozwoli zarezerwować zajętego terminu. Do tego dochodzą rzeczy zwykle poza sklepem: regulamin wynajmu, informacja o miejscu odbioru, zasady transportu łodzi na inny akwen oraz możliwość kontaktu dla dłuższych czarterów. Wszystko to musi być zrozumiałe dla osoby, która pierwszy raz wynajmuje łódź i nie zna branżowych pojęć.

Wypożyczalnia potrzebowała więc serwisu, który:

  • pokazuje flotę czterech łodzi QX615 z opisem wyposażenia i zdjęciami,
  • pozwala wybrać daty wynajmu i od razu sprawdzić dostępność,
  • uwzględnia ceny zależne od sezonu,
  • przyjmuje płatności online w znanej bramce,
  • jest zgodny z wymaganiami cookies i przyjazny osobom korzystającym z pomocy dostępności.

Jak pracowaliśmy nad projektem

  • Analiza procesu wynajmu: jak klient wybiera łódź, termin i płatność oraz co robi wypożyczalnia po rezerwacji.
  • Projekt i wdrożenie: układ strony, karty łodzi, tabela cen, integracja z koszykiem WooCommerce.
  • Wtyczka wynajmu: logika dat, dostępności i ceny, dopasowana do tego, że rozliczenie jest godzinowe.
  • Testy: sprawdzenie rezerwacji na różnych urządzeniach i kontrola widoku zamówienia.

Rozwiązanie: sklep WooCommerce zamieniony w system wynajmu

Zamiast gotowej wtyczki z płatnym abonamentem przygotowaliśmy rozwiązanie na WooCommerce i własnej wtyczce wynajmu ka_rent. Strona główna tworzy klimat, a każda łódź jest produktem z kalendarzem. Klient widzi cały proces w znanym schemacie sklepu: karta, koszyk, zamówienie, konto.

Strona główna wypożyczalni łodzi elektrycznych Cross Travel Boat z filmem nad jeziorem w tle
Strona główna wypożyczalni: film nad wodą w tle i menu z rezerwacją – boat.crosstravel.pl.

Cały serwis wizualnie różni się od strony biura podróży: ma ciemnogranatowy nagłówek, duże zdjęcia łodzi na wodzie i przyciski w kształcie pigułek. To świadoma decyzja, bo rezerwacja łodzi to zakup z emocjami i klient ma zobaczyć jednostkę, zanim zacznie wybierać termin. Menu jest krótkie i prowadzi do czterech miejsc: rezerwacji, lokalizacji, realizacji i kontaktu, a obok są konto i koszyk, znane z każdego sklepu.

Flota i karty łodzi

Zakładka Rezerwacja pokazuje cztery łodzie QX615 o imionach Julita, Martyna, Sophie i Bertrand, każdą ze zdjęciem, informacją o rozliczeniu godzinowym i przyciskiem „Zarezerwuj”. Karta pojedynczej łodzi zawiera galerię miniatur, opis modelu (8-osobowa załoga, kabina z miejscem do spania dla trzech osób) oraz pełną listę wyposażenia: echosondę, napęd elektryczny, akumulatory, panele fotowoltaiczne na dachu i wyposażenie ratunkowe.

Lista łodzi QX615 w wypożyczalni Cross Travel Boat z przyciskami rezerwacji
Lista floty na stronie rezerwacji: cztery łodzie i szybkie przejście do wynajmu.

Kalendarz dat i kontrola dostępności

Na karcie łodzi klient wybiera daty w polach „Data od” i „Data do”, które obsługuje kalendarz Flatpickr. Strona wyświetla informację o dostępności (liczba dostępnych sztuk) i pozwala dodać wynajem do koszyka. Wtyczka rozróżnia rozliczenie godzinowe i dobowe, a przeliczenie ceny odbywa się po wskazaniu terminu. Po stronie wypożyczalni rezerwacje trafiają do zamówień WooCommerce, a wtyczka udostępnia też widok kalendarza zdarzeń dla panelu.

Ceny sezonowe zależne od miesiąca

Każda łódź ma na karcie tabelę „Ceny sezonowe”: stawka za godzinę jest przypisana osobno do każdego miesiąca, od stycznia do grudnia, więc wypożyczalnia może ustalić droższy sezon letni i tańszy okres poza nim. Zmiana stawek odbywa się w panelu, bez udziału programisty. Kod wtyczki ma też obsługę progów rabatowych zależnych od długości wynajmu, jednak to, czy i jakie progi są aktywne, ustawia wypożyczalnia. Dla większych zamówień strona zachęca do kontaktu.

Karta łodzi Julita w wypożyczalni z kalendarzem dat wynajmu i tabelą cen sezonowych według miesięcy
Karta łodzi z wyborem dat i tabelą cen sezonowych: przykład jednostki Julita.

Płatności online, koszyk i konto

Zamówienie przechodzi przez standardowy proces WooCommerce: koszyk, strona zamówienia i konto klienta. W projekcie jest zainstalowana wtyczka bramki płatności Przelewy24, a na stronie zamówienia dostępny jest blok płatności BLIK. Dostępne metody płatności zależą od konfiguracji konta w bramce, dlatego nie wymieniamy ich wszystkich.

Przy wynajmie czas jest walutą, dlatego cena musi być czytelna, zanim klient zacznie wypełniać pola. Tabela miesięcy stoi więc obok kalendarza, a nie w regulaminie na końcu strony. Klient widzi, że lipiec kosztuje inaczej niż październik, i może świadomie wybrać termin zamiast zgadywać, ile zapłaci w koszyku.

Lokalizacja, kontakt i dofinansowanie

Podstrona Lokalizacja podaje obszar działania (województwo kujawsko-pomorskie), informację, że cena nie obejmuje transportu łodzi, i zaproszenie do kontaktu przy czarterze dłuższym niż 7 dni. Wypożyczalnia ma również stronę kontaktową z formularzem, regulamin wynajmu i osobną podstronę o projekcie współfinansowanym ze środków Unii Europejskiej, na której opisano wdrożenie usługi wypożyczania łodzi elektrycznych.

Podstrona lokalizacji wypożyczalni łodzi z danymi kontaktowymi i zdjęciem łodzi w porcie
Podstrona lokalizacji z zasadami transportu i kontaktem dla czarteru długoterminowego.

W zakładce Realizacje wypożyczalnia pokazuje galerię z filmem z imprezy zorganizowanej na Kanale Bydgoskim. Ten element nie sprzedaje wprost, ale pomaga klientowi wyobrazić sobie rejs i buduje zaufanie, bo pokazuje łodzie w użyciu, a nie tylko na zdjęciach z portu.

Dostępność, cookies i bezpieczeństwo

  • Panel dostępności ka_wcag: zmiana rozmiaru czcionki, prosta czcionka, tryby kontrastu, wyłączenie animacji, podkreślenie linków, wyraźniejszy fokus klawiatury, powiększony interfejs i większe odstępy.
  • Cookies: baner z wyborem kategorii (niezbędne, analityczne, marketingowe) i linkami do polityk, obsługiwany przez wtyczkę ka_cookie.
  • Regulamin i dane: osobny regulamin wypożyczalni, polityka prywatności oraz zgoda na przetwarzanie danych w formularzu kontaktowym.

SEO bez obietnic

Serwis ma czytelne adresy podstron i osobną kartę produktu dla każdej łodzi, co dobrze porządkuje treść pod wyszukiwarki. Nazwa i opis wypożyczalni łodzi elektrycznych pojawiają się w nagłówkach i treści. Skuteczność widoczności w Google zależy jednak od regularnych publikacji, konkurencji i opinii klientów, więc nie obiecujemy konkretnych pozycji.

Technologie użyte w projekcie

  • WordPress i WooCommerce jako baza sklepu i zamówień,
  • własna wtyczka ka_rent (daty, dostępność, ceny miesięczne, rabaty, REST /rent/v1),
  • Flatpickr do wyboru terminów,
  • Przelewy24 jako bramka płatności,
  • ka_wcag i ka_cookie dla dostępności i zgód.

Strona współpracuje z serwisem biura podróży: przyciski „Zarezerwuj” na podstronie czarteru łodzi w głównej witrynie Cross Travel prowadzą wprost do tego serwisu. Dzięki temu oferta czarteru dla firm i rezerwacje indywidualne korzystają z jednego, spójnego miejsca zakupu.

Efekt: rezerwacja jak w sklepie, logika jak w wypożyczalni

Wypożyczalnia dostała serwis, w którym klient może samodzielnie przejść od wyboru łodzi do zamówienia, a obsługa widzi rezerwacje w znanym panelu zamówień. Cennik sezonowy i kalendarz są częścią karty produktu, a strony informacyjne odpowiadają na pytania, które zwykle kończą się telefonem. Nie mamy dostępu do statystyk rezerwacji, więc nie podajemy liczb. Wartość widać w sposobie pracy: dane wynajmu żyją w jednym systemie, a nie w arkuszu i skrzynce e-mail. Dla klienta oznacza to prostszą ścieżkę, dla wypożyczalni mniej ręcznej pracy, a dla nas bazę, którą można rozwijać, na przykład o kolejne łodzie, nowe akweny czy dodatkowe usługi.

Dla kogo takie rozwiązanie

System wynajmu na WooCommerce sprawdzi się w wypożyczalniach łodzi, kajaków, rowerów, sprzętu sportowego i narzędzi, a także w obiektach, które wynajmują zasoby na godziny lub doby. Jeśli obok wynajmu prowadzisz biuro podróży, możesz zestawić go z taką stroną jak strona biura podróży Cross Travel opisana w osobnym case study.

Najczęstsze pytania o wypożyczalnię łodzi online

Jak działa rezerwacja łodzi na stronie wypożyczalni?

Klient wchodzi na kartę wybranej łodzi, wskazuje datę rozpoczęcia i zakończenia wynajmu w kalendarzu, sprawdza dostępność i dodaje rezerwację do koszyka. Dalej korzysta ze standardowego procesu zamówienia WooCommerce. Wypożyczalnia widzi rezerwacje w panelu, a na stronie dostępne są też telefon i e-mail dla osób, które wolą umówić się bezpośrednio.

Czy na stronie wypożyczalni można stosować ceny sezonowe?

Tak. W projekcie Cross Travel Boat każda łódź ma tabelę stawek za godzinę wynajmu przypisanych do miesięcy, od stycznia do grudnia. Stawka zależy od terminu, więc wypożyczalnia zmienia ceny w sezonie i poza nim bez edycji kodu. Dodatkowo wtyczka rezerwacji ma mechanizm progów rabatowych zależnych od długości wynajmu.

Jakie płatności online obsługuje sklep z wypożyczalnią łodzi?

Strona jest oparta na WooCommerce z wtyczką bramki Przelewy24, która obsługuje płatności online, w tym blok płatności BLIK. Konfigurację metod płatności zawsze ustalamy z klientem i bramką płatniczą, bo zależy od umowy z operatorem.

Czy wypożyczalnia musi mieć własny system rezerwacji, czy wystarczy formularz?

Formularz wystarczy przy kilku rezerwacjach tygodniowo. Gdy rośnie liczba terminów i łodzi, kalendarz z kontrolą dostępności oszczędza czas, bo eliminuje podwójne rezerwacje i pytania o wolne terminy. Dlatego w tym projekcie rezerwacja jest częścią sklepu, a kontakt telefoniczny pozostaje opcją dodatkową.

Czy strona wypożyczalni może być dostępna dla osób z niepełnosprawnościami?

Może i powinna. Na stronie Cross Travel Boat działa panel dostępności: zmiana rozmiaru czcionki, tryby kontrastu, wyłączenie animacji, podkreślenie linków czy wyraźniejszy fokus klawiatury. To nasza wtyczka ka_wcag. Nie zastępuje ona poprawnej semantyki strony, ale pomaga użytkownikom dopasować wygląd do swoich potrzeb.

Wypożyczalnia łodzi online: rezerwacja w WooCommerce zamiast arkusza

Wypożyczalnia sprzedaje czas, a nie przedmiot, więc zwykły sklep nie wystarczy: potrzebny jest kalendarz, kontrola dostępności i ceny zależne od terminu. Rozwiązaliśmy to na WooCommerce z własną wtyczką, dzięki czemu rezerwacje trafiają do znanego panelu zamówień. Klientem jest Cross Travel z Bydgoszczy, a obszar działania opisujemy w treści serwisu (województwo kujawsko-pomorskie).

Wnioski dla wynajmu sprzętu: pokaż cenę obok kalendarza, opisz zasady transportu i odbioru przed zamówieniem i ustal, czy wystarczy formularz. Ogólne zasady opisuje artykuł o wykorzystaniu WooCommerce w sklepach internetowych, a funkcje szyte na miarę, takie jak nasza wtyczka wynajmu, omawiamy w tekście o dedykowanych wtyczkach WordPress.

Zobacz też stronę biura podróży Cross Travel. Planujesz własny system? napisz do nas.

Planujesz wypożyczalnię lub system rezerwacji?

Budujemy sklepy i systemy rezerwacji dla firm usługowych. Zobacz nasze usługi, sprawdź inne realizacje albo od razu skontaktuj się z nami. Pierwsza rozmowa jest darmowa.

← Wszystkie wpisy
Jarek