Konfigurator produktu w WooCommerce w większości sklepów da się zbudować gotową wtyczką do dodatkowych pól: opcje, dopłaty, pole na tekst personalizacji i warunki, które ukrywają niepasujące wybory. Kod dedykowany jest potrzebny dopiero wtedy, gdy cena wynika ze wzoru, wybór ma wpływ na produkcję albo magazyn, a klient musi zobaczyć efekt na żywo. Poniżej znajdziesz przykład konfiguracji krok po kroku i listę sygnałów, po których poznasz, że wtyczka już nie wystarczy.
Spis treści
Dlaczego warianty WooCommerce nie wystarczają do personalizacji?
Warianty dobrze opisują produkt, który fizycznie istnieje w kilku wersjach, na przykład koszulkę w trzech rozmiarach. Gorzej radzą sobie z dodatkami i personalizacją, bo każda kombinacja wymaga osobnego wariantu.
Według dokumentacji WooCommerce o produktach z wariantami warianty buduje się z atrybutów, a każdy wariant może mieć własną cenę, SKU i stan magazynowy. To świetne do zarządzania zapasem, ale grawer z dowolnym tekstem, opcjonalny dodatek albo wybór, który ma sens tylko przy innym wyborze, szybko zamieniają listę wariantów w tabelę, której nikt nie chce utrzymywać.
Dlatego sklepy z personalizacją zwykle łączą dwa poziomy: warianty dla tego, co jest na półce, i dodatkowe pola dla tego, co klient dopisuje do zamówienia.
Co potrafi gotowa wtyczka do pól produktu?
Dobra wtyczka do pól produktu daje sklepowi zestaw klocków: pola wyboru, listy, pola tekstowe, dopłaty i warunki między polami. Na tym budujesz większość konfiguratorów bez programisty.
Przykładem jest wtyczka Woo Product Fields Pro. Według opisu producenta działa warstwowo:
- Części to najmniejsze elementy z kolorem, etykietą, obrazem i kluczem w bazie danych; cena części może być stała albo pobierana z wybranego produktu,
- Pola mają typ select, checkbox albo pole tekstowe, format wyświetlania tekst, obraz lub kolor oraz opcję oznaczenia jako wymagane,
- opcja pola może podnosić cenę, obniżać ją albo jej nie zmieniać, może być domyślnie zaznaczona i może mieć odnośnik do opisu,
- Grupy Pól przypisujesz do konkretnych produktów,
- warunki logiczne w grupie pozwalają walidować pola albo ukrywać je w zależności od wyborów w innych polach.
Przykład konfiguracji krok po kroku: deska do krojenia z grawerem
Weźmy pracownię, która sprzedaje drewniane deski do krojenia z opcjonalnym grawerem i olejem do pielęgnacji. Olej jest też sprzedawany osobno jako zwykły produkt.
- Części. Tworzysz część „Olej”, której cena pochodzi z istniejącego produktu z olejem, oraz część „Grawer” ze stałą ceną, bo graweru nie sprzedajesz osobno.
- Pole „Rozmiar”. Select z opcjami mała, średnia i duża, wymagane, każda opcja z odpowiednią dopłatą.
- Pole „Grawer”. Checkbox z opcjami tak i nie; opcja tak ma przypisaną część „Grawer”, więc doliczy jej cenę.
- Pole „Tekst graweru”. Pole tekstowe pokazywane tylko, gdy w polu „Grawer” wybrano tak, i wtedy wymagane.
- Pole „Czcionka graweru”. Select wyświetlany jako obraz, żeby klient widział krój pisma, też tylko przy grawerze.
- Pole „Olej w zestawie”. Checkbox z częścią „Olej”, domyślnie odznaczony.
- Grupa Pól. Wszystkie pola łączysz w grupę i przypisujesz ją do produktów z deskami.
- Test. Składasz kilka zamówień testowych z różnymi kombinacjami i sprawdzasz, czy w zamówieniu w panelu widać tekst graweru i wybraną czcionkę, bo z tego będzie pracować osoba przy grawerce.
Ostatni krok bywa pomijany, a to on pokazuje, czy konfigurator działa dla firmy, a nie tylko dla klienta. Warto przy nim zajrzeć też do tekstu o tym, co musi mieć karta produktu, bo konfigurator to tylko jeden z jej elementów.
Kiedy konfigurator produktu w WooCommerce wymaga kodu dedykowanego?
Kod dedykowany jest potrzebny, gdy konfigurator przestaje być formularzem z dopłatami, a zaczyna liczyć, rysować albo sterować procesem w firmie. Typowe sygnały z projektów, które prowadzimy jako software house:
- Cena ze wzoru. Rolety, blaty czy nadruki liczone z wymiarów podanych przez klienta to inny problem niż stała dopłata za opcję. Taki kalkulator projektuje się razem z zasadami zaokrągleń, minimalnych formatów i rabatów.
- Podgląd na żywo. Wizualizacja produktu, która zmienia się przy każdym wyborze, albo podgląd tekstu na grawerze to praca frontendowa pod konkretny produkt.
- Plik dla produkcji. Gdy z zamówienia ma powstać plik dla maszyny albo karta zlecenia w określonym formacie, potrzebna jest logika poza sklepem.
- Magazyn części. Jeśli każdy dodatek ma własny stan i ma się blokować, gdy go zabraknie, trzeba zaprojektować to razem z magazynem i ERP.
- Reguły handlowe. Rabaty zależne od kombinacji, ceny dla klientów hurtowych czy limity zamówień to często temat na osobny moduł.
Czasem rozsądny jest model mieszany: gotowa wtyczka obsługuje pola i warunki, a dedykowany kod dokłada jedną rzecz, której brakuje, na przykład eksport zamówienia do produkcji. Takie dopasowania robimy przy sklepach na platformie WooCommerce. Jeśli zastanawiasz się, czy sklep nie dojrzał do większej zmiany, przeczytaj o tym, co pomija się przy wyborze e-commerce na zamówienie.
Jak nie zgubić klienta w konfiguratorze?
Konfigurator produktu w WooCommerce ma skracać decyzję klienta, a nie ją wydłużać. Każde dodatkowe pole to kolejne pytanie, na które klient musi odpowiedzieć przed dodaniem do koszyka.
- Pokazuj tylko pola, które mają sens przy dotychczasowych wyborach. Do tego służą warunki ukrywania.
- Ustaw najczęstszy wybór jako domyślny, żeby klient mógł kupić bez klikania wszystkiego.
- Pokazuj cenę po każdej zmianie, a nie dopiero w koszyku.
- Opis opcji, który wymaga dłuższego wyjaśnienia, przenieś pod odnośnik.
Niejasny konfigurator to jedna z częstych przyczyn rezygnacji przed zakupem, o czym piszemy w tekście o tym, dlaczego klienci porzucają koszyki.
Najczęstsze pytania
Czy dodatkowe pola zastąpią warianty produktu?
Nie zawsze. Warianty warto zostawić dla wersji, które mają własny stan magazynowy, na przykład rozmiary. Dodatkowe pola sprawdzają się przy personalizacji i dodatkach, które nie wymagają osobnych pozycji w magazynie.
Czy dopłata za opcję może pochodzić z innego produktu?
W Woo Product Fields Pro tak. Według opisu wtyczki cena części może być stała albo pobierana z wybranego produktu, więc dodatek sprzedawany też osobno ma jedną cenę w całym sklepie.
Ile czasu zajmuje wdrożenie konfiguratora na gotowej wtyczce?
To zależy od liczby pól i warunków. Prosty konfigurator jak w przykładzie z deską ustawia się w panelu bez programisty, a najwięcej czasu zajmuje zwykle ustalenie, jakich danych potrzebuje produkcja, i testy zamówień.
Jeśli Twój konfigurator produktu w WooCommerce to opcje, dopłaty, tekst personalizacji i warunki między polami, zacznij od gotowej wtyczki i dopiero brakujące elementy zlecaj jako kod. Strukturę części, pól, grup i warunków oraz przykład konfiguracji opisuje strona wtyczki Woo Product Fields Pro, więc przed zakupem łatwo sprawdzisz, czy pokrywa Twój produkt.
