Bloki pól zamówienia WooCommerce

Opis

Bloki pól zamówienia WooCommerce to rozszerzenie pozwalające na dopasowanie formularza zamówienia (checkout). Wtyczka pozwala dodawać nowe pola do formularza zamówienia (checkout) w WooCommerce.

![Nowy formularz blokowy – przykładowe własne pola](/assets/screenshots/new-checkout blocks-custom-fields-example.png „Nowy formularz blokowy – przykładowe własne pola”)

Wtyczka jest darmowym edytorem formularza zamówienia (checkout) dla WooCommerce. Wymaga nowszych wersjami WooCommerce (powyżej 8.3) oraz motywu wspierającego edytor blokowy (bloki).

➡️➡️➡️ Bloki pól zamówienia WooCommerce (pobieranie) ⬅️⬅️⬅️

Jak działa wtyczka?

Wtyczka pozwala dopasować nowy formularz zamówienia (checkout) w WooCommerce korzystając z nowych pól (bloków).

Wtyczka umożliwia dodawanie nowych pól do formularza zamówienia WooCommerce. Pole (przykładowo pole tekstowe) posiada ogólne ustawienia, opcje dla listy wyboru (select), możliwość włączenia walidacji i określenia miejsc wyświetlania oraz ustawienia zaawansowane.

Jak dodać nowe pole do formularza zamówienia (checkout) w WooCommerce?

  1. Instalacja i aktywacja wtyczki. Tu możesz pobrać wtyczkę Bloki pól zamówienia WooCommerce

  2. Edytuj stronę zamówienia (więcej o blokowym formularzu w WooCommerce).

  3. Dodanie nowego pola lub pól do formularza (typy pól poniżej).

  4. Ustawienia pola (opcje poniżej) dla dopasowania formularza zamówienia (checkout).

  5. Zaktualizuj stronę.

Funkcje wtyczki

✅ Dodawanie nowych pól formularza

Można dodać akapit, obrazek lub separator (domyślne bloki WooCommerce). Natomiast wtyczka rozszerza ilość pól (wraz z opcjami) dla formularza zamówienia (checkout). Nowe pola można też znaleźć korzystając z wyszukiwarki bloków.

Nowe bloki formularza zamówienia można znaleźć wśród wszystkich bloków pod zakładką „Blokowe pola zamówienia”.

✅ Typy pól

Nowe pola można znaleźć korzystając z wyszukiwarki lub listy pól.

Wtyczka Bloki pól zamówienia WooCommerce pozwala dodawać nowe pola (typu pól) do formularza zamówienia (checkout).

  • Pole tekstowe
  • Adres e-mail
  • Liczba
  • Adres url
  • Pole wyboru (checkbox)
  • Lista wyboru (select)
  • Obszar tekstowy (textarea)

➡️➡️➡️ Bloki pól zamówienia WooCommerce (pobieranie) ⬅️⬅️⬅️

⚙️ Ustawienia dla pól blokowych formularza (checkout)

Ustawienia ogólne zależą od typu pola:

Obszar tekstowy (textarea) posiada np. następujące ustawienia:
– Nazwa pola
– Nazwa meta
– Etykieta
– Placeholder
– Tekst pomocy

☑️ Walidacja pola

Wtyczka pozwala włączyć walidację dla wartości pola (przykładowo dla pola tekstowego).

  • Wymagane (czy wypełnienie pola jest konieczne albo opcjonalne)
  • Numer telefonu
  • Adres e-mail
  • Adres url
  • Minimalna długość
  • Maksymalna długość
  • Wzorzec

🎨 Ustawienia wyświetlania dla blokowych pól formularza

Można również zdecydować gdzie pokazać nowe pola w formularzu zamówienia WooCommerce.

  • Zamówienie – potwierdzenie
  • Zamówienie – administrator
  • Zamówienie – moje konto
  • Zamówienie – e-mail

➡️➡️➡️ Bloki pól zamówienia WooCommerce (pobieranie) ⬅️⬅️⬅️

⚙️ Zaawansowane ustawienia pola

I na koniec, wtyczka pozwala na określenie klas css dla każdego pola.

🆓 Więcej darmowych wtyczek

Wtyczka Bloki pól zamówienia WooCommerce jest jedną z wielu darmowych wtyczek od WP Desk. Więcej darmowych rozszerzeń dla WordPress i WooCommerce znajdziesz pod adresem poniżej.

➡️➡️➡️ Darmowe wtyczki dla WordPress i WooCommerce ⬅️⬅️⬅️

Wsparcie

Dla darmowej wersji wtyczki można otrzymać wsparcie na oficjalnym forum wsparcia wtyczki.

Możesz pomóc przetłumaczyć wtyczkę.

Zrzuty ekranu

  • Dodawanie nowego pola do blokowego formularza zamówienia (checkout) w WooCommerce.
  • Nowe bloki dla formularza zamówienia (checkout) w WooCommerce – przykładowe pola.
  • Wtyczka Bloki pól zamówienia WooCommerce.
  • Edycja pola tekstowego.
  • Ustawienia ogólne dla obszaru tekstowego (textarea).
  • Opcje walidacji dla pola tekstowego.
  • Opcja wyświetlania nowych pól formularza.
  • Ustawienia zaawansowane.

Instalacja

Wtyczkę zainstalujesz w taki sam sposób jak każdą wtyczkę w WordPress.
1. Pobierz i rozpakuj najnowszą wersję wtyczki.
2. Prześlij cały katalog wtyczki do katalogu /wp-content/plugins/.
3. Aktywuj wtyczkę poprzez menu Wtyczki po zalogowaniu do panelu administratora WordPress.

Możesz również użyć opcji bezpośredniego zuploadowania wtyczki na serwer wybierając z paska bocznego Wtyczki -> Dodaj nową -> Wyślij wtyczkę na serwer, a następnie przechodząc do instrukcji z punktu 3.

Najczęściej zadawane pytania

Jak działa wtyczka?

Wtyczka pozwala dodawać nowe pola do formularza zamówienia WooCommerce. Nowe rodzaje pól posiadają dodatkowe ustawienia, np. walidację pola. Wtyczka jest edytorem strony zamówienia (checkout) w WooCommerce (od wersji 8.3) dla motywu wspierającego edytor blokowy (bloki).

Czy wtyczka wymaga określonej wersji WooCommerce?

Wtyczka jest kompatybilna z nowszymi wersjami WooCommerce (powyżej 8.3). Wymaga też motywu wspierającego bloki.

Co jeśli na strona używa klasycznego formularza zamówienia WooCommerce?

Aby dopasować klasyczną stronę formularza zamówienia w WooCommerce można skorzystać z wtyczki Flexible Checkout Fields for WooCommerce – Edytor formularza zamówienia.

Czy macie więcej darmowych wtyczek dla WooCommerce?

Tak. Możesz zobaczyć darmowe wtyczki dla WooCommerce od WP Desk →

Recenzje

2025-03-31 1 odpowiedź
Thanks for this great plugin! After struggling to figure out how to customize the new block-based WooCommerce checkout and cart templates, I came across this plugin—and it does exactly what we needed. It works smoothly and is easy to use. Works perfectly in Twenty Twenty-Four Wordpress theme.
2025-01-03 1 odpowiedź
I needed to add a checkout field and wanted to use the new block editor experience, so none of the old methods worked. But the thought of having to figure out how to do all this from scratch was so overwhelming. I came across this plugin, it gives me a choice of what type of field, so easy to use, an absolute lifesaver. I’d 100% pay for a pro version of this that lets me have some advanced functionality like only showing the field if they have a certain product category in their order or loading a value based on a user meta field. THANK YOU FOR MAKING THIS PLUGIN!
2024-12-19 1 odpowiedź
This plugin allowed me to easily add fields in the WordPress block editor to the WooCommerce Checkout page with the Checkout block. Nice and clean and straightforward functionality. Important options allowed for validation requirements and for the field to be displayed on the order confirmation page and emails. Very nice!
2024-12-17 1 odpowiedź
The functionality is VERY limited at the moment. You can only add new fields. You can’t add a new field to the „Billing Address” or the „Shipping Address” group. It can simply be a stand-alone new field. You also can’t edit existing (default) fields inside the Checkout Block. P.S. The WC Checkout block sucks and this plugin makes it just a little bit better.
Przeczytaj 7 recenzji

Kontrybutorzy i deweloperzy

„Bloki pól zamówienia WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka „Bloki pól zamówienia WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Bloki pól zamówienia WooCommerce” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

1.0.6 – 2025-07-01

  • Added support for WooCommerce 10.0

1.0.5 – 2025-05-12

  • Dodano wsparcie dla WordPress 6.8

1.0.4 – 2025-03-07

  • Dodano wsparcie dla WooCommerce 9.8

1.0.3 – 2025-02-10

  • Dodano wsparcie dla WooCommerce 9.7

1.0.2 – 2024-12-16

  • Dodano wsparcie dla WordPress 6.7
  • Dodano wsparcie dla WooCommerce 9.5

1.0.1- 2024-10-15

  • Dodano baner i ikonę dla wtyczki

1.0.0 – 2024-10-10

  • Pierwsza wersja