Jak sprzedawać pieczątki w WooCommerce?

Jak sprzedawać pieczątki w WooCommerce

W tym artykule pokażę Ci, jak skonfigurować sklep WooCommerce z pieczątkami. Przeprowadzę Cię krok po kroku przez proces konfiguracji.

Zanim zaczniemy, chciałbym pokazać Ci efekt końcowy. Zobacz, jak może wyglądać Twój sklep WooCommerce z pieczątkami.

Skonfigurowałem kilka opcji do wyboru przez klienta:

Pieczątka Modico - sklep WooCommerce z pieczątkami

Nie korzystałem tu ze stylów CSS. To domyślny wygląd pól. Użyłem też domyślnego motywu WooCommerce: Storefront. Jeśli chcesz, możesz oczywiście edytować wygląd pól.

Przy konfiguracji sklepu WooCommerce z pieczątkami zastosowałem zasady logiki warunkowej. Chcę dać użytkownikowi możliwość wyboru całkowicie różnych opcji.

Logika warunkowa sprawdza się tu bardzo dobrze. Spójrz:

Logika warunkowa

Gdy klienci wybierają kolor obudowy, pojawia się nowe pole (Wybierz kolor obudowy). Mogą wówczas wybrać żądany kolor. Dlaczego logika warunkowa? Nie chcę pokazywać selektora koloru obudowy użytkownikom, dla których kolor nie jest istotny.

Wybór koloru obudowy

Im mniej opcji, tym lepiej :)

Skorzystałem z zasad logiki warunkowej także dla Wyboru rozmiaru:

Wybór rozmiaru

Klienci zobaczą liczbę wierszy dostępnych dla konkretnego modelu pieczątki Modico. Na poniższym przykładzie wybrałem model Modico 5 (8 wierszy). Mamy zatem 8 linii na stronie produktowej.

Gdy klienci wybiorą dla pieczątek w sklepie WooCommerce dodatkowe opcje, pojawi się okienko z podsumowaniem kalkulacji:

Podsumowanie ceny produktu

Klienci zobaczą całkowity koszt pieczątki przed dodaniem jej do koszyka.

Jak wyglądają pieczątki w koszyku sklepu WooCommerce?

Po dodaniu do koszyka pieczątek ze sklepu WooCommerce, klienci widzą wszystkie wybrane przez nich opcje:

Koszyk - sklep WooCommerce z pieczątkami

Jako manager sklepu też masz do nich wgląd:

Podgląd zamówienia - sklep WooCommerce z pieczątkami

OK, teraz skonfigurujemy Twój sklep WooCommerce z pieczątkami. Przeprowadzę Cię przez konfigurację krok po kroku. Zaczynamy!

Sklep WooCommerce z pieczątkami – wtyczka

Najpierw musisz doinstalować do swojego sklepu oraz aktywować niewielką, darmową wtyczkę Flexible Product Add-Ons. Możesz pobrać ją za darmo → z witryny WordPress.org lub zainstalować prosto z sekcji z wtyczkami w Twoim sklepie:

Instalacja wtyczki

Następnie wybierz Produkty → Pola produktów w menu swojej platformy WordPress.

Flexible Product Fields w menu - Pola produktów

Dodaj nową grupę pól.

Konfiguracja grupy pól

Spójrz na ekran konfiguracji:

Grupa pól - Pieczątki

Przypisałem grupę pól do produktu: Pieczątka Modico.

W darmowej wersji oprogramowania Flexible Product Fields trzeba przypisywać produkty pojedynczo. W wersji płatnej istnieje możliwość zaznaczenia wszystkich produktów z danej kategorii lub wszystkich produktów dostępnych w sklepie.

Jeśli chcesz obciążać klientów opłatą za usługi określone w wybranych polach, musisz się również zaopatrzyć w wersję płatną. Niemniej jednak, wersja bezpłatna także pozwala na utworzenie i konfigurację pieczątek w sklepie WooCommerce. Nie będziesz jedynie mógł obciążać klientów płatnością za dodatkowe opcje.

Spójrz na wszystkie pola, które utworzyłem:

Pola grupy Pieczątki

Jest ich sporo, co może nieco dezorientować. Nie martw się, pokażę Ci wszystko krok po kroku.

Konfiguracja krok po kroku

Najpierw konfigurujemy pole Wybierz rozmiar. Jest to pole w postaci listy rozwijanej.

Ustawiłem to pole jako Wymagane.

W Opcjach wprowadziłem rozmiary, z których klienci mogą wybierać:

Pole wybierz rozmiar

Wtyczka zapisuje Wartość odpowiednią dla danego zamówienia. Etykieta to nazwa opcji, którą klient widzi na stronie produktowej.

Kolejnym polem jest pole Koloru obudowy. Jest to również pole w postaci listy rozwijanej.

Wybierz kolor obudowy

Pole Wybierz kolor obudowy jest polem wyboru typu radio. Jego konfiguracja wygląda podobnie:

Pole wybierz kolor obudowy

Nowym rozwiązaniem jest tutaj Logika warunkowa. Odpowiednia konfiguracja pozwala na pojawienie się kolejnego pola.

Kolor tuszu – kolejne pole wyboru typu radio:

Pole wybierz kolor tuszu

Ustawienia pola dla niestandardowych projektów

OK. Skonfigurowaliśmy już blisko połowę pól. Kolejne będą w dużym stopniu wymagały wykorzystania logiki warunkowej.

Pamiętasz jak działa logika warunkowa w przypadku Niestandardowych projektów?

Spójrz na pole wyboru ponownie:

Logika warunkowa

Gdy klienci wybiorą Tak, pojawią się pola tekstowe dla każdego wiersza. Ilość wierszy zależy od rozmiaru pieczątki.

Klientom, którzy zaznaczyli Nie, pojawi się pole tekstowe Opisz swój projekt.

Pole dedykowany projekt

W polu Niestandardowego projektu nie konfigurujemy Logiki warunkowej. Niemniej jednak, każde następne pole wymaga użycia logiki warunkowej.

Pokażę Ci wszystkie pola. Ogólne zasady konfiguracji dla każdego pola są prawie takie same. Różnią się jedynie ustawienia w poleceniach Logiki warunkowej.

Pole tekstowe pierwszego wiersza:

Pole pierwsza linia

Następnie pole tekstowe drugiego wiersza:

Pole druga linia

Konfiguracja pola tekstowego trzeciego wiersza wygląda następująco:

Pole trzecia linia

Następnie pole tekstowe czwartego wiersza:

Pole czwarta linia

Pole tekstowe piątego wiersza:

Pole piąta linia

Pole tekstowe szóstego wiersza:

Pole szósta linia

Pole tekstowe siódmego wiersza:

Pole siódma linia

Pole tekstowe ósmego wiersza:

Pole ósma linia

Pole tekstowe dziewiątego wiersza:

Pole dziewiąta linia

Pole tekstowe dziesiątego wiersza:

Tenth line field

Ostatnia rzecz: opisz pole tekstowe Twojego projektu:

Pole opisz swój projekt

To wszystko! Właśnie przeprowadziliśmy pomyślną konfigurację sklepu WooCommerce z pieczątkami.

Podsumowanie

W niniejszym artykule dowiedziałeś się, jak skonfigurować sklep WooCommerce z pieczątkami. Będziemy wdzięczni, jeśli zechcesz podzielić się z nami swoją opinią w komentarzach poniżej.

Być może zainteresuje Cię nasz poradnik, jak sprzedawać niestandardowe produkty →

Ekskluzywne porady, triki i trendy bezpośrednio na Twoją skrzynkę odbiorczą. Adres e-mail

[shopmagic_form id="3782" name=false labels=false doubleOptin]

Ekskluzywne porady, triki i trendy bezpośrednio na Twoją skrzynkę odbiorczą. Adres e-mail

[shopmagic_form id="3782" name=false labels=false doubleOptin]