Twórz niestandardowe pola w kasie WooCommerce i na stronach produktów

Opublikowany: 2018-08-01

Standardowy WooCommerce nie pozwala tworzyć niestandardowych pól bez pisania kodu. Są jednak sytuacje, w których potrzebujesz niestandardowych pól produktu lub kasy, aby skutecznie obsłużyć zamówienie WooCommerce! Nie martw się. 2 darmowe wtyczki pomogą Ci dodać niestandardowe pola w Twoim sklepie.

Wiesz, że może być konieczne posiadanie określonych informacji o produkcie lub zamówieniu, których WooCommerce Ci nie daje !

Uzyskaj więcej szczegółów do zamówienia, dodając niestandardowe pole w WooCommerce. Pozwól, że pokażę ci dwie darmowe wtyczki, aby to łatwo zrobić!

Spis treści

  • Czym są niestandardowe pola w WooCommerce?
  • Niestandardowe pola produktu WooCommerce
  • Niestandardowe pola WooCommerce Checkout

Czym są niestandardowe pola w WooCommerce?

Możesz myśleć o polach niestandardowych jako o dodatkowych informacjach opisujących na przykład produkt lub zamówienie. Pomogą Ci lepiej pokazać produkty i zyskać więcej szczegółów do efektywnego przetwarzania zamówień WooCommerce!

Kilka przykładów pól niestandardowych

  • pola wyboru
  • pola tekstowe
  • przyciski radiowe
  • zbieracze dat
  • zbieracze kolorów
  • itp.

Tak prezentują się w formularzu zamówienia:

Niestandardowy formularz zamówienia WooCommerce
Przyciski radiowe, pole wyboru, próbnik dat, pole tekstowe, próbnik kolorów
Oczywiście możesz ich używać do różnych rzeczy, takich jak tworzenie kreatora komputerowego, konfiguratora samochodu lub opcji pakowania prezentów bezpośrednio na stronach produktów WooCommerce.

Innym przykładem jest to, że możesz pozwolić swoim klientom na przesyłanie plików do zamówień lub wprowadzenie numeru VAT EU dla celów księgowych. Dobrze byłoby też zmienić rodzaj pól kasowych lub ukryć niektóre z nich!

Dodajmy niestandardowe pola

Prawdopodobnie będziesz chciał utworzyć dwa rodzaje pól niestandardowych w WooCommerce, np.:

  • niestandardowe pola na stronie kasy WooCommerce, aby uzyskać więcej informacji o zamówieniu,
  • oraz nowe pola do dostosowywania strony produktu WooCommerce, aby produkty miały więcej opcji.

Pokażę ci oba.

Niestandardowe pola produktu WooCommerce

Przede wszystkim potrzebujesz do tego wtyczki. Spójrz:

Pobierz to tutaj:

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

Najpierw spójrz na przykładowy zestaw nowych niestandardowych pól na stronie produktu, które możesz dodać za pomocą darmowej wtyczki Flexible Product Fields for WooCommerce :

Utwórz niestandardowe pola w WooCommerce: strona produktu
Przykładowa strona produktu WooCommerce

Jak widzisz, możesz stworzyć kompletnego kreatora. Klienci mogą w ten sposób personalizować swoje komputery. Ponadto niektóre opcje wymagają dodatkowej opłaty. Wtyczka dodaje do ceny całkowitej dodatkową opłatę (dostępna w wersji PRO). Klienci mogą składać zamówienia na spersonalizowane komputery i płacić Ci całą cenę z góry.

Wracając do wyglądu. To jest podstawowa konfiguracja. Nie użyłem żadnych stylów CSS i użyłem domyślnego motywu WooCommerce: Storefront. Oczywiście możesz dostosować wygląd pól , jak chcesz. W pluginie jest taka opcja.

Elastyczne pola produktów

Krótko mówiąc, ta wtyczka umożliwia tworzenie dodatków do produktów. Możesz dodawać nowe niestandardowe pola do produktów w swoim sklepie WooCommerce. Przykład już widzieliście.

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
Wtyczka jest dostępna za darmo! Możesz także zaktualizować wtyczkę, jeśli potrzebujesz dodatkowych opcji, takich jak logika warunkowa. Przeczytaj dokumentację wtyczki →

Rodzaje pól, które możesz dodać do swoich produktów WooCommerce

  • Tekst
  • pole tekstowe
  • Numer
  • E-mail
  • Adres URL
  • Wiele pól wyboru
  • Radio z kolorami
  • Czas
  • Kolor
  • Nagłówek
  • Ustęp
  • Obraz
  • HTML
  • Pole wyboru
  • Przycisk radiowy
  • Wybierać
  • Wielokrotny wybór
  • Radio z obrazami
  • Nagłówek
  • Data (PRO)
  • Przesyłanie plików (PRO)
Wszystkie te pola opisaliśmy w Przewodniku po opcjach personalizacji produktu WooCommerce

Powinieneś zapoznać się z tym przewodnikiem! Przekonasz się, że istnieje wiele przypadków użycia. Prowadzimy użytkowników krok po kroku przez konfigurację w celu wdrożenia:

  • Prosty system rezerwacji,
  • Funkcja pakowania prezentów,
  • Kreator diety cateringowej,
  • Kreator komputera itp.

Niestandardowe pola WooCommerce Checkout

Teraz pokażę Ci, jak dodać niestandardowe pola do zamówienia WooCommerce ze strony kasy!

Będziesz potrzebować tej wtyczki:

Pobierz to tutaj:

Elastyczne pola kasy WooCommerce

Edytuj, dodaj nowe lub ukryj niepotrzebne pola w formularzu zamówienia WooCommerce. Chodzi o konwersje i lepsze wrażenia użytkownika.

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

Zobaczmy przykład dostosowanej strony kasy z darmową wtyczką Flexible Checkout Fields for WooCommerce:

Nowe pola w formularzu kasy
Przykładowa strona kasy WooCommerce

Wtyczka pozwala dodawać, usuwać, zmieniać kolejność i skutecznie dostosowywać stronę kasy WooCommerce!

Zmień kolejność pól kasy WooCommerce
Konfiguracja niestandardowych pól zamówienia WooCommerce

Elastyczne pola kasy

Krótko mówiąc, elastyczne pola kasy umożliwiają tworzenie niestandardowych pól w kasie WooCommerce →

Dodaj nowe niestandardowe pole do strony kasy WooCommerce
Dodaj nowe niestandardowe pole do strony kasy WooCommerce

Ponadto dzięki tej wtyczce możesz edytować lub zmieniać kolejność domyślnych pól kasy WooCommerce !

Na przykład możesz wyłączyć niektóre pola adresu rozliczeniowego, aby przyspieszyć realizację transakcji.

Pokaż mniej pól kasy, aby uzyskać mniej informacji o zamówieniu WooCommerce
Pokaż mniej pól kasy, aby uzyskać mniej informacji o zamówieniu WooCommerce

Ponad 80 000 sklepów na całym świecie codziennie korzysta z tej wtyczki.

Sprawdź typy pól w darmowej wersji

  • Tekst
  • pole tekstowe
  • Numer
  • E-mail
  • Telefon
  • Adres URL
  • Pole wyboru
  • Kolor
  • Nagłówek
  • Ustęp
  • Obraz
  • HTML

Pola w wersji PRO

  • Wiele pól wyboru
  • Przycisk radiowy
  • Wybierz (rozwiń)
  • Wielokrotny wybór
  • Radio z obrazami
  • Data
  • Radio z kolorami
  • Czas
  • Udostępnianie pliku
Przeczytaj więcej o dodawaniu niestandardowych pól do kasy WooCommerce .

Pobierz to bezpłatne rozszerzenie WooCommerce, aby dostosować swoją stronę kasy.

Elastyczne pola kasy WooCommerce

Edytuj, dodaj nowe lub ukryj niepotrzebne pola w formularzu zamówienia WooCommerce. Chodzi o konwersje i lepsze wrażenia użytkownika.

Pobierz za darmo lub Przejdź do WordPress.org
Ponad 80 000 aktywnych instalacji
Ostatnia aktualizacja: 2023-03-13
Współpracuje z WooCommerce 7.1 - 7.6.x
Przeczytaj dokumentację wtyczki →

Streszczenie

Dodaj niestandardowe pola produktu i kasy w WooCommerce

W tym artykule pokazałem wtyczki, których możesz użyć do tworzenia niestandardowych pól w WooCommerce.

Istnieją dwie wtyczki, których możesz użyć do tworzenia niestandardowych pól w WooCommerce:

  • Pobierz elastyczne pola kasy →
  • Pobierz elastyczne pola produktów →

Obie wtyczki są dostępne do pobrania za darmo. Jednak darmowa wersja nie obsługuje wszystkich funkcji.

Możesz przetestować wszystkie nasze wtyczki (również ich wersje PRO) w darmowym demo !

Daj nam znać, jeśli masz jakiekolwiek pytania dotyczące wtyczek i tworzenia niestandardowych pól!

Więcej o naszych wtyczkach