Walidacja kasy WooCommerce dla pól (przykład adresu e-mail)

Opublikowany: 2018-04-12

W tym artykule pokażę Ci (prawdopodobnie) najlepszy sposób na dodanie walidacji formularza zamówienia WooCommerce (dla pola adresu e-mail) za pomocą darmowej wtyczki! Dzięki temu dowiesz się, jak sprawdzać poprawność pól kasy WooCommerce – zarówno domyślnych, jak i niestandardowych z komunikatami o błędach.

Czy kiedykolwiek chciałeś samodzielnie wdrożyć walidację pól kasowych w WooCommerce, aby uniknąć dodatkowych kosztów programowania ?

Ponadto, czy nie byłoby wspaniale dostosować pola płatności WooCommerce, sprawdzanie poprawności, w tym komunikaty o błędach za darmo? Zobaczmy, jak użyć darmowej wtyczki, aby to zrobić!

Spis treści

  1. WooCommerce Wtyczka walidacji kasy
  2. Walidacja WooCommerce Checkout (przykład adresu e-mail)
  3. Niestandardowe reguły sprawdzania poprawności dla programistów
  4. Więcej funkcji dostosowywania

WooCommerce Wtyczka walidacji kasy

Przede wszystkim potrzebujesz wtyczki, aby dostosować pola kasy, ponieważ WooCommerce nie ma tej kluczowej funkcji! Taka wtyczka powinna dać ci możliwość:

  • zmienić nazwy pól,
  • zmienić kolejność pól,
  • tworzyć nowe niestandardowe pola lub edytować istniejące,
  • ukryć pola, uczynić wymagane pola opcjonalnymi,
  • dodaj sprawdzanie poprawności pola kasy dla pól adresu, adresu e-mail lub telefonu .

Dlatego stworzyliśmy wtyczkę, która ma wszystkie funkcje, które wymieniłem powyżej. Co więcej, możesz go pobrać za darmo.

Obejrzyj ten film, aby zobaczyć, co ta wtyczka oferuje w darmowej wersji:

Możesz pobrać wtyczkę tutaj:

Walidacja kasy WooCommerce za pomocą elastycznych pól kasy

Użyj wbudowanej weryfikacji adresu WooCommerce dla pól kasy lub stwórz własne reguły. Zarządzaj polami płatności i przyspiesz WooCommerce!

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

Ponadto ponad 80 000 sklepów na całym świecie codziennie korzysta z wtyczki Flexible Checkout Fields! Taka spójrz na niektóre recenzje:

Elastyczne recenzje pól kasy
Użytkownicy doceniają naszą wtyczkę do sprawdzania poprawności adresu WooCommerce!

To brzmi jak dobry kawałek kodu, prawda?

Nasza wtyczka Flexible Checkout Fields ma wbudowane funkcje weryfikacji kasy WooCommerce.

Chcieliśmy, aby nasza wtyczka była jak najprostsza. Postanowiliśmy więc uczynić go jak najbardziej w stylu WordPress .

Skonfigurujesz swoje pola kasowe w sekundę, ponieważ projekt nie przeszkadza, ale pomaga płynnie osiągać cele .

wtyczka edytora kasy z walidacją
Elastyczne pola płatności — wtyczka do sprawdzania poprawności adresu
Jak widzisz, Flexible Checkout Fields to nie tylko wtyczka do weryfikacji kasy WooCommerce, ale także potężna wtyczka do dostosowywania kasy (zobacz więcej funkcji).

Walidacja WooCommerce Checkout (przykład adresu e-mail)

Przede wszystkim musisz wiedzieć, że WooCommerce ma wbudowaną walidację pól. Może zweryfikować adres e-mail, numer telefonu lub kod pocztowy.

Elastyczne pola realizacji zakupu umożliwiają korzystanie z tych domyślnych reguł sprawdzania poprawności w niestandardowych polach realizacji zakupu.

Ponadto możesz użyć własnej walidacji . Możesz więc używać elastycznych pól kasy jako wydajnej wtyczki do sprawdzania poprawności kasy WooCommerce!

Jak skonfigurować sprawdzanie poprawności pól kasy WooCommerce

Walidację możesz skonfigurować bezpośrednio w ustawieniach pola:

Walidacja kasy WooCommerce dla adresu e-mail z komunikatami o błędach
Pola walidacji — karta Zaawansowane

Istnieje pole wyboru, dzięki czemu możesz po prostu wybrać żądaną opcję (lub w ogóle nie używać walidacji).

Wyłącz sprawdzanie poprawności pola kasy

Brak — jest to opcja domyślna dla nowych pól, więc w tym przypadku nie będzie działać sprawdzanie poprawności pól.

Walidacja domyślna

W wyniku tej opcji pole będzie miało włączoną domyślną weryfikację. Domyślna walidacja działa z:

  • Pole e-mail
  • Pole telefonu
  • Pole kodu pocztowego
Domyślna walidacja pól kasy w WooCommerce
Walidacja adresu WooCommerce – przykład

Zobaczmy przykład nieprawidłowego adresu e-mail na stronie kasy:

Nieprawidłowy adres e-mail w kasie
Pole adresu e-mail w kasie

W związku z tym zobaczysz jeden z komunikatów o błędach realizacji transakcji WooCommerce:

Komunikaty o błędach w kasie WooCommerce: Nieprawidłowy adres e-mail
Komunikaty o błędach w kasie WooCommerce – przykład

Adres e-mail, telefon lub kod pocztowy

Możesz więc użyć tej weryfikacji również dla niestandardowych pól kasy WooCommerce.

Dlatego - spróbujmy! Utwórz jednowierszowe pole tekstowe i dodaj do niego walidację. Walidacja e-maila może?

wtyczka woocommerce do sprawdzania poprawności wiadomości e-mail
Weryfikacja adresu e-mail: krok po kroku
Walidacja kasy WooCommerce - ustawienia pola
Walidacja adresu WooCommerce - Krok 3

Następnie wpisujemy nieprawidłowy adres e-mail.

Nieprawidłowy adres e-mail w polu niestandardowym
Komunikaty o błędach w kasie WooCommerce — przykład

W wyniku walidacji kasy WooCommerce otrzymujemy komunikaty o błędach:

Komunikaty o błędach w kasie WooCommerce: Nieprawidłowe adresy e-mail
Komunikaty o błędach walidacji - wynik końcowy w formularzu kasy

Oczywiście możesz również użyć walidacji pola telefonu i kodu pocztowego dla niestandardowych pól kasy WooCommerce.

Niestandardowe reguły sprawdzania poprawności dla programistów

Możesz także dodać własną niestandardową weryfikację do elastycznych pól realizacji transakcji. Jeśli jesteś programistą lub znasz hooki i edytujesz kod PHP, będzie to bardzo proste.

Dowiedz się, jak dodać niestandardowe sprawdzanie poprawności dla pól kasy WooCommerce →

Walidacja pola kasy i więcej funkcji dostosowywania

Dzisiaj nauczyłeś się, jak skonfigurować weryfikację adresu e-mail za pomocą wtyczki Flexible Checkout Fields. To bardzo potężne narzędzie.

Jednak Flexible Checkout Fields to nie tylko wtyczka do weryfikacji kasy WooCommerce. Możesz go używać do zarządzania wszystkimi polami kasy w WooCommerce (w tym etykietami, symbolami zastępczymi lub klasami CSS), zmieniać ich kolejność lub dodawać nowe niestandardowe pola!

Ta playlista zawiera wszystkie samouczki wideo dotyczące wtyczki Flexible Checkout Fields. Pamiętaj, aby zachować to na później!

Mam nadzieję, że ta wiedza pomoże Ci dostosować i przyspieszyć realizację transakcji WooCommerce!

Jeśli masz jakieś pytania, po prostu skorzystaj z sekcji komentarzy poniżej.

PS. Może nasz przewodnik krok po kroku dotyczący realizacji transakcji WooCommerce będzie dla Ciebie interesujący!