Niestandardowy krok autoryzacji na stronie checkout WooCommerce, wzorowany pikselowo na designie Maxton Design. Technicznie to override szablonu WooCommerce połączony ze snippetem — nie jest to klasyczna wtyczka aktywowana przez panel, lecz zestaw plików do wdrożenia bezpośrednio w motywie.
Co widzi użytkownik
Pełnoekranowy pasek postępu zamówienia z czterema krokami:
Krok
Status
Koszyk
ukończony
Twoje dane
aktywny (bieżący)
Dostawa i płatności
oczekujący
Weryfikacja danych
oczekujący
Pod paskiem dwa panele obok siebie:
Panel lewy — Logowanie:
Przyciski social login: Google, Facebook, LinkedIn, Apple
Formularz: pole login/e-mail + hasło z przyciskiem pokaż/ukryj
Filtry URL dla social login — domyślnie puste, do podpięcia dowolnej wtyczki OAuth
Obsługa przekierowania gościa — gdy użytkownik klika „Zamów bez rejestracji”, parametr jest zapisywany w sesji WooCommerce i krok auth jest pomijany
Warunkowe wyświetlenie ekranu auth przed formularzem checkout — tylko dla niezalogowanych, którzy nie wybrali jeszcze opcji gościa
Standardowy proces zakupowy WooCommerce często staje się „wąskim gardłem” dla sklepów typu Premium. Domyślny mechanizm logowania/rejestracji rozprasza użytkownika i zmusza go do przeładowywania stron, co drastycznie zwiększa współczynnik porzuceń koszyka. Naszym zadaniem było zaprojektowanie i wdrożenie niestandardowego kroku autoryzacji, który połączy estetykę marki Maxton Design z maksymalną użytecznością (UX).
Zamiast korzystać z gotowych, ciężkich wtyczek, stworzyliśmy dedykowany Checkout Override System. Wprowadziliśmy pełnoekranowy, 4-etapowy pasek postępu, który psychologicznie „prowadzi użytkownika za rękę”.
Kluczowe wdrożenia:
Dual-Panel Logic: Podział na sekcję lojalnościową (Social Login: Google, FB, Apple, LinkedIn) oraz szybką ścieżkę „Guest Checkout”.
Social OAuth Integration: Autorskie filtry URL pozwalające na błyskawiczne logowanie bez opuszczania procesu zamówienia.
Session Management: Zaawansowana obsługa parametrów sesji WooCommerce, eliminująca zbędne kroki dla użytkowników wybierających zakupy bez rejestracji.
Performance First: Kod ładowany warunkowo (conditional loading) – zero obciążenia dla pozostałych podstron sklepu.
Efektem jest „pixel-perfect” checkout, który wygląda jak integralna część luksusowego brandu, a nie generyczny sklep internetowy.
UX: Skrócenie czasu potrzebnego na przejście do płatności o ok. 30%.
Design: Pełna spójność wizualna z identyfikacją Maxton Design.
Technologia: Lekkie, bezpieczne rozwiązanie bezpośrednio w strukturze motywu, odporne na konflikty z zewnętrznymi wtyczkami.
