Więcej niż tylko wtyczka projektanta koszulek dla WooCommerce

Opublikowany: 2018-07-26

Chcesz oferować w swoim sklepie bardziej atrakcyjne i spersonalizowane produkty? Pozwól, że pokażę Ci potężną wtyczkę WooCommerce do dodawania niestandardowych pól i używania jej również jako świetnego projektanta koszulek. Postępuj zgodnie z moim przewodnikiem krok po kroku i dowiedz się, jak pomyślnie dostosować swoje produkty WooCommerce!

Czy kiedykolwiek brakowało Ci możliwości przygotowania solidniejszych produktów WooCommerce z większą liczbą funkcji, niestandardowymi polami i konfigurowalnymi opcjami?

Dzisiaj pokażę Ci wtyczkę do łatwego dostosowywania strony produktu WooCommerce!

Spis treści

  • Niestandardowa wtyczka projektanta koszulek WooCommerce
  • Jak dodać niestandardowe pola do produktów?
  • Stwórzmy personalizowaną koszulkę w WooCommerce!

Niestandardowa wtyczka projektanta koszulek WooCommerce

Najpierw spójrzmy na stronę produktu (skonfigurujemy taki produkt w dalszej części tego artykułu).

Te dodatkowe pola zostały dodane wraz z elastycznymi polami produktów :

Projektant koszulek WooCommerce
Sklep z koszulkami WooCommerce: Strona produktu

Klienci mogą więc wybrać lepszą jakość (100% bawełna) lub opakowanie na prezent. Skonfigurowałem te opcje jako dodatkowe pola . Klienci muszą uiścić za nie dodatkową opłatę.

Możesz dopłacić za pola korzystając z wersji PRO wtyczki.

Elastyczne pola produktów PRO WooCommerce 59 $

Utwórz kreatora produktów, aby sprzedawać grawerunki, opakowania na prezenty, wiadomości na prezenty, wizytówki, znaczki i opcjonalnie pobierać za to opłaty (stałe lub procentowe).

Dodaj do koszyka lub Wyświetl szczegóły
Ponad 10 000 aktywnych instalacji
Ostatnia aktualizacja: 2023-03-15
Współpracuje z WooCommerce 7.1 - 7.5.x
Możesz także rozpocząć dostosowywanie produktów WooCommerce za pomocą tej wersji !

Gdy wybiorą dodatkowe pole, zobaczą podsumowanie przed dodaniem go do koszyka:

Niestandardowa wtyczka projektanta koszulek WooCommerce obliczająca całkowitą cenę
Dodano dodatkowe ceny z elastycznymi polami produktów
Sprawdź ten produkt → w naszym sklepie demonstracyjnym. Możesz także stworzyć swój sklep demonstracyjny → gdzie znajdziesz ten produkt, który wcześniej skonfigurowaliśmy.

Oczywiście wszystkie wybrane opcje pojawiają się w koszyku:

Podsumowanie koszyka projektanta koszulek WooCommerce
Dodano dodatkowe pola z elastycznymi polami produktów — podsumowanie koszyka

W panelu administracyjnym zobaczysz też, co wybierają klienci:

Zaprojektowana koszulka z FPF
Elastyczne pola produktów — edytuj zamówienie

Jak dodać niestandardowe pola do produktów?

Najpierw będziesz potrzebować darmowej wtyczki Flexible Product Fields . Wykorzystamy go do skonfigurowania wszystkich opcji dla produktów WooCommerce, na przykład w Twoim sklepie z koszulkami. Jest to lekki i łatwy w użyciu projektant stron produktów .

Dzięki wersji PRO wtyczki możesz dodać aż 20 bezpłatnych dodatkowych niestandardowych pól do strony produktu WooCommerce. Idealne, jeśli szukasz elastycznej wtyczki WooCommerce do tworzenia niestandardowych produktów i samego projektanta koszulek!

Darmowa wersja umożliwia dodanie następujących 18 dodatkowych pól

  • Tekst
  • pole tekstowe
  • Numer
  • E-mail
  • Adres URL
  • Pole wyboru
  • Radio
  • Wiele pól wyboru
  • Wybierać
  • Wielokrotny wybór
  • Radio z obrazami
  • Radio z kolorami
  • Czas
  • Kolor
  • Nagłówek
  • Ustęp
  • Obraz
  • HTML
Dodatkowo wersja PRO pozwala dodać logikę warunkową i wycenę do dodatkowych pól.

Elastyczne pola produktów WooCommerce

Utwórz kreatora produktów, aby sprzedawać grawerunki, opakowania na prezenty, wiadomości na prezenty, wizytówki, znaczki i opcjonalnie pobierać za to opłaty (stałe lub procentowe).

Pobierz za darmo lub Przejdź do WordPress.org
Ponad 10 000 aktywnych instalacji
Ostatnia aktualizacja: 2023-03-13
Współpracuje z WooCommerce 7.1 - 7.5.x

Kliknij przycisk powyżej, aby pobrać go za darmo.

Możesz również pobrać go bezpłatnie z WordPress.org lub zainstalować bezpośrednio z sekcji wtyczek swojego sklepu, wyszukując elastyczne pola produktów :

Wtyczka projektanta koszulek WooCommerce
Dodaj elastyczne pola produktów, wykonując następujące czynności

Możesz sprawdzić wtyczkę jako konfigurator produktów WooCommerce, na przykład projektant niestandardowych koszulek.

Stwórz personalizowaną koszulkę w WooCommerce!

Ok, zobaczmy teraz , jak skonfigurować taki spersonalizowany produkt t-shirt w swoim WooCommerce .

  1. Utwórz niestandardowe pola dla produktu WooCommerce

    Najpierw będziemy musieli dodać nową grupę pól.

    Wybierz Produkty → Pola produktów w menu WordPress. Następnie musisz dodać nową grupę pól:

    Dodaj nową grupę pól w elastycznych polach produktów

    Następnie przypisz tę grupę do produktu , kategorii lub wszystkich produktów w Twoim sklepie.

    Tak powinna wyglądać grupa pól:

    Dodanie dodatkowych pól do zaprojektowania koszulki
    Projektant koszulek WooCommerce z elastycznymi polami produktów
  2. Dostosuj niestandardowe pola koszulki

    Teraz kliknij na przykład pierwsze pole (Sex - Radio Field) , aby je skonfigurować:

    Tworzenie projektu koszulki WooCommerce
    Dodatkowa personalizacja pól produktów

    Jak widać, mamy tutaj typ pola radiowego .

    Postanowiłem, że to pole będzie wymagane . Istnieją również pola Opcje .

    Wtyczka zapisze wartość w zamówieniu WooCommerce. Etykieta jest tym, co klient widzi na stronie produktu.

    Możesz także ustawić swoją klasę CSS dla pól niestandardowych .

    Następnie pole Grammage . Wygląda bardzo znajomo i podobnie do poprzedniego:

    Edycja pola radiowego gramatury za pomocą wtyczki projektanta koszulek WooCommerce
    Pole gramatury

    Jeszcze inne pole radiowe tutaj:

    Projektowanie strony produktowej koszulki WooCommerce
    Skład: kolejne dodatkowe pole

    Teraz mamy coś nowego. To jest typ pola tekstowego .

    Ustawiłem Limit znaków na 30 znaków i stałą cenę (dostępna w wersji PRO).

    Dodanie limitu znaków i ustalonej ceny
    Nadruk: Pole tekstowe

    Ostatnim polem jest Pakowanie prezentów . To jest typ pola wyboru . Tutaj dodałem również dodatkowe ceny w polu Cennik:

    Konfigurowalny produkt WooCommerce - niestandardowe pola na stronie produktu

  3. Efekt końcowy

    To wszystko! Pomyślnie skonfigurowaliśmy sklep z koszulkami WooCommerce.

    A teraz spójrz na efekt końcowy!

    Potrzebujesz innych pól na swoje koszulki? Sprawdź nasz przewodnik, w którym wyjaśniliśmy wszystkie pola → z Flexible Product Fields.

Czy uważasz, że tę wtyczkę można nazwać projektantem niestandardowych koszulek WooCommerce?

Streszczenie

W tym artykule nauczyłeś się, jak skonfigurować sklep z koszulkami WooCommerce za pomocą wtyczki.

Co więcej, widziałeś niestandardową stronę z koszulkami utworzoną za pomocą wtyczki/projektanta . Pamiętaj jednak, że opcje wtyczek są bardzo elastyczne , więc możesz sprzedawać rezerwacje, usługi i bardziej spersonalizowane produkty w swoim WooCommerce ! Mam nadzieję, że dobrze wykorzystasz darmową wersję!

Oczywiście, jeśli masz jakiekolwiek pytania dotyczące niestandardowych pól i dostosowywania produktów WooCommerce, daj nam znać! Możesz przesłać swoją opinię w sekcji komentarzy poniżej.