Twórz niestandardowe pola w kasie WooCommerce i na stronach produktów
Opublikowany: 2018-08-01Standardowy 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:
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.orgNajpierw 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 :
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.orgRodzaje pól, które możesz dodać do swoich produktów WooCommerce
- Tekst
- pole tekstowe
- Numer
- 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)
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.orgZobaczmy przykład dostosowanej strony kasy z darmową wtyczką Flexible Checkout Fields for WooCommerce:
Wtyczka pozwala dodawać, usuwać, zmieniać kolejność i skutecznie dostosowywać stronę kasy WooCommerce!
Elastyczne pola kasy
Krótko mówiąc, elastyczne pola kasy umożliwiają tworzenie niestandardowych pól w kasie 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.
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
- 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
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.orgStreszczenie
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.
Daj nam znać, jeśli masz jakiekolwiek pytania dotyczące wtyczek i tworzenia niestandardowych pól!