WP Desk Care - zadbaj o swój biznes online!

Sprawdzona opieka techniczna dla Twojego sklepu.

Jak dodać nowe pole do blokowego formularza zamówienia WooCommerce?

Blokowy formularz zamówienia WooCommerce - jak dodać do niego nowe pole

WooCommerce w wersji 8.3 pozwala na wyświetlanie blokowego formularza zamówienia. W artykule o tym, jak wygląda blokowy formularz WooCommerce. A także jak dodać nowe pole z darmową wtyczką dla WooCommerce.

Cel: Formularz z dodatkowymi polami.

Przykładowy widok w formularzu zamówienia

Wtyczka: Bloki pól zamówienia WooCommerce (darmowa)

Pobierz za darmo lub Zobacz w WordPress.org

Blokowy formularz zamówienia WooCommerce – nowy wygląd

Od wersji 8.3 WooCommerce można wybrać rodzaj formularza (checkout) w edycji strony.

Klasyczny oraz blokowy formularz zamówienia WooCommerce - edycja strony

W momencie pisania artykułu nowy formularz można uzupełnić trzema blokami: akapitem, obrazkiem lub separatorem.

Domyślne dodatkowe bloki dla formularza WooCommerce

Można też dodać klasę css, ukryć niektóre pola, oznaczyć je jako wymagane lub wymagać akceptacji regulaminu.

Nie ma na razie innych rodzajów pól.

Nowe bloki formularza zamówienia

Bloki pól zamówienia WooCommerce to darmowa wtyczka WP Desk, która pozwala dodać nowe rodzaje bloków do formularza. Bez konieczności pisania własnego kodu.

Rozszerzenie wprowadza następujące typy pól:

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

Blokowy checkout w WooCommerce – jak dodać nowe pole?

  1. Bloki pól zamówienia WooCommerce (darmowa wtyczka)

    Na początku będzie potrzebna instalacja i aktywacja nowej wtyczki.

    Pobierz za darmo

    Rozszerzenie można też znaleźć w menu Wtyczki w WordPress korzystając z wyszukiwarki.

  2. Edycja strony z formularzem zamówienia

    Następnie w menu Strony edytować stronę z blokowym formularzem WooCommerce (lub dodać nową).

    Klasyczny oraz blokowy formularz zamówienia WooCommerce - edycja strony

    Można też sprawdzić, czy strona jest oznaczona jako strona z formularzem (checkout) w WooCommerce → Ustawienia → Zaawansowane.

    Strony zamówienia WooCommerce

  3. Nowe blokowe pole

    Po aktywacji wtyczki Bloki pól zamówienia WooCommerce w edycji blokowego formularza pojawią się nowe typy pól (oczywiście poza domyślnymi).

    Blokowe pola zamówienia dla formularza - wtyczka Bloki pól zamówienia WooCommerce

  4. Dopasowanie nowego pola/ bloku

    Każde pole/ blok posiada też ustawienia, np.:

    Ustawienia ogólne np.:

    • Nazwę pola
    • Nazwę meta
    • Etykietę
    • Placeholder
    • Tekst pomocy

     
    Walidacja pola

    • Wymagane (czy wypełnienie pola jest konieczne albo opcjonalne)
    • Numer telefonu
    • Adres e-mail
    • Adres url
    • Minimum znaków
    • Maksimum znaków
    • Wzorzec

     
    Opcje wyświetlania

    Można także wybrać miejsce, gdzie dane danego pola mają się wyświetlać, np. w potwierdzeniu zamówienia, administracji, stronie moje konto lub w wiadomościach.


 

Podsumowanie

Jak widać, we wpisie opisałem nowy blokowy formularz zamówienia WooCommerce oraz to jak dodać do niego nowe pole z darmową wtyczką. Bloki pól zamówienia WooCommerce to brak konieczności pisania własnego kodu aby dodać pole do blokowego formularza zamówienia. Jeśli posiadasz klasyczny formularz WooCommerce, możesz sprawdzić wtyczkę Flexible Checkout Fields.

Pobierz za darmo lub Zobacz w WordPress.org

Zobacz inne artykuły

Dołącz do ponad 10 000 czytelników

Poradniki WooCommerce i nowości –
wprost na Twój e-mail.

Preferencje plików cookies

Inne

Inne niekategoryzowane pliki cookie to te, które są analizowane i nie zostały jeszcze przypisane do żadnej z kategorii.

Niezbędne

Niezbędne
Niezbędne pliki cookie są absolutnie niezbędne do prawidłowego funkcjonowania strony. Te pliki cookie zapewniają działanie podstawowych funkcji i zabezpieczeń witryny. Anonimowo.

Reklamowe

Reklamowe pliki cookie są stosowane, by wyświetlać użytkownikom odpowiednie reklamy i kampanie marketingowe. Te pliki śledzą użytkowników na stronach i zbierają informacje w celu dostarczania dostosowanych reklam.

Analityczne

Analityczne pliki cookie są stosowane, by zrozumieć, w jaki sposób odwiedzający wchodzą w interakcję ze stroną internetową. Te pliki pomagają zbierać informacje o wskaźnikach dot. liczby odwiedzających, współczynniku odrzuceń, źródle ruchu itp.

Funkcjonalne

Funkcjonalne pliki cookie wspierają niektóre funkcje tj. udostępnianie zawartości strony w mediach społecznościowych, zbieranie informacji zwrotnych i inne funkcjonalności podmiotów trzecich.

Wydajnościowe

Wydajnościowe pliki cookie pomagają zrozumieć i analizować kluczowe wskaźniki wydajności strony, co pomaga zapewnić lepsze wrażenia dla użytkowników.