Kiedy standardowe wtyczki e-commerce zawodzą lub nie oferują wystarczającej elastyczności, jedynym słusznym wyborem jest stworzenie rozwiązania szytego na miarę. Dla jednego z wiodących salonów laseroterapii we Wrocławiu zaprojektowaliśmy i wdrożyliśmy autorską wtyczkę do sprzedaży voucherów. Rozwiązuje ona specyficzne problemy branży beauty, w pełni automatyzując sprzedaż, generowanie i obsługę bonów podarunkowych na silniku WordPress i WooCommerce.
Gotowe systemy voucherowe często wymuszają na właścicielach biznesów kompromisy – albo w zakresie designu, albo procesu zakupowego. Naszym celem było stworzenie lekkiego, dedykowanego środowiska, które płynnie integruje się z bramką Przelewy24 i zapewnia doskonałe doświadczenia użytkownika (UX) na każdym etapie: od wyboru kwoty, przez personalizację życzeń, aż po realizację w recepcji.
Architektura sprzedaży i automatyzacja obsługi
Proces zakupu bonu podarunkowego różni się od klasycznego wrzucania produktu do koszyka. Wymaga zebrania dodatkowych danych i natychmiastowej akcji po zaksięgowaniu płatności. Jak to rozwiązaliśmy w naszym pluginie?
-
Płynny User Experience (UX): Zamiast standardowego przycisku „Dodaj do koszyka” na listingu produktów zastosowaliśmy Call to Action „Zamów voucher”. Przycisk ten kieruje bezpośrednio na kartę produktu, gdzie użytkownik musi podać niezbędne detale przed finalizacją transakcji.
-
Ominięcie koszyka (Direct Checkout): Aby maksymalnie skrócić ścieżkę zakupową i zwiększyć konwersję, zaimplementowaliśmy natychmiastowe przejście z koszyka do podsumowania zamówienia (checkout). Zrobiliśmy to w sposób bezinwazyjny, nie psując globalnych ustawień i zapisów w Elementorze, na którym opiera się część serwisu.
-
Elastyczność cenowa (Kwota własna): Klienci salonu nie muszą ograniczać się do sztywnych wariantów cenowych. Wprowadziliśmy typ produktu pozwalający na wpisanie dowolnej kwoty vouchera, ograniczonej jedynie przez minimalne i maksymalne progi ustawione przez administratora.
-
Formularz personalizacji na karcie produktu: Zanim klient przejdzie do płatności, bezpośrednio na karcie produktu wypełnia dane odbiorcy: imię, e-mail oraz treść dedykacji/wiadomości.
Wybór formy dostawy: Cyfryzacja vs. Tradycja
Rozumiejąc specyfikę lokalnego biznesu, wtyczka obsługuje dwie diametralnie różne ścieżki logistyczne, wybierane przez klienta na etapie konfiguracji:
-
Voucher elektroniczny (PDF na e-mail): W pełni zautomatyzowany proces. Po opłaceniu zamówienia przez Przelewy24, system generuje unikalny plik PDF i wysyła go automatycznie na wskazany adres e-mail (z gwarancją dostarczenia do 24 godzin).
-
Odbiór osobisty: Ścieżka, w której system blokuje automatyczną wysyłkę pliku PDF. Klient otrzymuje jedynie powiadomienie o konieczności kontaktu przed wizytą w celu fizycznego odbioru eleganckiego, wydrukowanego vouchera w recepcji.
Przebudowa Front-endu – Wygląd, który sprzedaje
Technologia to podstawa, ale dla końcowego użytkownika liczy się interfejs. Sklep z voucherami musiał budzić zaufanie i wyglądać nowocześnie, zwłaszcza na urządzeniach mobilnych.
-
Customowe karty produktów: Stworzyliśmy dedykowaną siatkę produktów (grid) z wyższej jakości, powiększonymi miniaturami. Dodatkowo wdrożyliśmy poprawkę eliminującą błąd pustej pierwszej kolumny w siatce, co często zdarza się w niestandardowych układach WP.
-
Mobile-First Design na Single Product: Zmieniliśmy priorytety wyświetlania na smartfonach. Użytkownik mobilny w pierwszej kolejności widzi najważniejszy element konwertujący – formularz personalizacji vouchera, a dopiero pod nim zdjęcie okładki i boxy informacyjne.
-
Czystość interfejsu: Ukryliśmy moduł „podobne produkty” na stronach voucherów, aby nie rozpraszać uwagi kupującego, oraz wyeksponowaliśmy kluczowe informacje m.in. o tym, że usługa może być zrealizowana tylko w punkcie, w którym rozpoczęto terapię.
Obsługa wielu lokalizacji
Wrocławski salon operuje w dwóch kluczowych lokalizacjach. Wtyczka musiała natywnie wspierać zarządzanie obiema placówkami. Wykorzystaliśmy do tego system dedykowanych shortcodów.
Shortcody te pozwalają na proste osadzanie list produktowych w dowolnym miejscu na stronie, dbając o poprawne sortowanie (od najstarszych). Dodatkowo, w ustawieniach lokalizacji administrator może zdefiniować specyficzne teksty, numery telefonów oraz układ 3 linii adresowych na plikach PDF (np. dynamiczne generowanie dopisku Kamienna / lub / Hallera).
Zaawansowany Designer PDF i Panel Recepcji
To, co czyni plugin kompletnym narzędziem B2B, kryje się w panelu administracyjnym WordPressa:
-
Designer PDF: Administrator ma pełną kontrolę nad wyglądem generowanych bonów. W specjalnym panelu można swobodnie zarządzać pozycjami elementów, fontami, tekstami oraz układem dla poszczególnych lokalizacji. Wdrożyliśmy również specyficzne ułożenie kodu autoryzacyjnego – nadrukowywany jest on na dokumencie pionowo (
Kod: ...), co ułatwia jego skanowanie i archiwizację przez obsługę. -
Panel Recepcji i Admina: Stworzyliśmy oddzielne środowisko (dashboard) dedykowane dla pracowników recepcji. Pozwala ono na błyskawiczną weryfikację kodów, sprawdzanie statusu płatności i zarządzanie wydanymi bonami, bez konieczności nawigowania przez skomplikowane domyślne menu WooCommerce.
Podsumowanie
Wtyczka do obsługi voucherów to doskonały przykład na to, jak dedykowany development w WordPressie rozwiązuje realne problemy biznesowe. Rezygnując z ciężkich, uniwersalnych kombajnów na rzecz autorskiego kodu, zapewniliśmy klientowi w pełni zautomatyzowany system, który oszczędza czas recepcji, podnosi konwersję ze sprzedaży internetowej i buduje profesjonalny wizerunek marki.
Szukasz podobnego rozwiązania dla swojego salonu, kliniki lub usług? W Design Solutions projektujemy wtyczki i systemy e-commerce, które pracują dokładnie tak, jak wymaga tego Twój model biznesowy. Skontaktuj się z nami, aby porozmawiać o szczegółach.
Problem
Brak elastyczności w standardowych rozwiązaniach e-commerce do sprzedaży bonów podarunkowych. Salon potrzebował systemu, który obsłuży płatności online, pozwoli na wybór dowolnej kwoty, zaoferuje personalizację życzeń przed dodaniem do koszyka oraz płynnie zarządzi logistyką (automatyczny PDF vs. odbiór osobisty) z podziałem na dwie niezależne lokalizacje we Wrocławiu.
Rozwiązanie
Zaprojektowanie i wdrożenie autorskiej wtyczki LaserEsthetic Vouchers (wer. 1.4.6). Stworzyliśmy zamknięty ekosystem oparty na architekturze WooCommerce, wprowadzający m.in. skróconą ścieżkę zakupową (direct checkout), dedykowane karty produktów z formularzami (mobile-first), wbudowany kreator plików PDF z pionowymi kodami autoryzacyjnymi oraz niezależny panel zarządzania dla pracowników recepcji.
Rezultaty
Pełna automatyzacja: System bezobsługowo generuje i wysyła vouchery PDF na e-mail w czasie poniżej 24h od zaksięgowania płatności.
Bezkolizyjne wdrożenie: Integracja logiki sprzedażowej bez naruszania istniejącej struktury front-endu zbudowanej w Elementorze.
Usprawnienie pracy recepcji: Znaczne odciążenie personelu dzięki intuicyjnemu panelowi do szybkiej weryfikacji pionowych kodów i zarządzania wydanymi bonami.
KPI
Wzrost współczynnika konwersji (CR) dzięki eliminacji zbędnych kroków w koszyku (omijanie strony koszyka na rzecz bezpośredniego checkoutu). Redukcja czasu potrzebnego na obsługę administracyjną i ręczne wystawianie pojedynczego vouchera. Spadek wskaźnika porzuconych koszyków ze względu na zoptymalizowany formularz personalizacji i płatności.
Technologie
WordPress / WooCommerce (Core) Niestandardowe programowanie PHP / API Bramka płatnicza Przelewy24 Biblioteki do dynamicznego generowania i mapowania dokumentów PDF Shortcody i kompatybilność z układami Elementora
Czas realizacji
Szacunkowo: 4-6 tygodni (obejmujący analizę przedwdrożeniową, kodowanie autorskiej wtyczki, konfigurację Designera PDF, testy środowiskowe oraz finalne wdrożenie na serwerze produkcyjnym).
