Jak spersonalizować sekcję adresu wysyłki i rozliczeń w WooCommerce?

Sekcja adresu wysyłki i fakturowania WooCommerce jest najważniejszą sekcją w kasie. Domyślnie działa dobrze. Czasami potrzebujesz czegoś więcej. Nie możesz zmienić sposobu, w jaki to działa i wygląda, czy… prawda? W tym artykule nauczę Cię, jak dostosować te sekcje tak, jak chcesz!

Sekcja adresu wysyłkowego i rozliczeniowego WooCommerce

Twoi klienci muszą podać swoje dane rozliczeniowe podczas składania zamówienia. Istnieje możliwość ustawienia innego adresu wysyłki. Klient musi zaznaczyć pole wyboru na stronie kasy.

Domyślnie działa bardzo dobrze. W większości przypadków nie ma potrzeby zmiany tej strony. Chyba jesteś tutaj, bo potrzebujesz czegoś więcej :)

Możesz spersonalizować stronę kasy tak, jak chcesz:

• ustaw niektóre pola jako niewymagane
• wyłącz dowolne pola (np. dla towarów cyfrowych)
• zmienić kolejność pól
• i dodaj własne pola niestandardowe.

Potrzebujesz do tego prostej wtyczki: Flexible Checkout Fields . Codziennie korzysta z niego ponad 70 000 sklepów WooCommerce .

Obejrzyj ten film i przekonaj się sam, co ta wtyczka może Ci zaoferować w darmowej wersji:

Po zainstalowaniu możesz skonfigurować sekcje adresu wysyłkowego i rozliczeniowego WooCommerce. Przejdź do WooCommerce → Pola kasy . Możesz przełączać się między nimi za pomocą zakładek u góry ekranu ( Rozliczenia i Wysyłka ):

Jak widzisz, możesz łatwo dodać nowe pole lub edytować sekcję . Masz takie opcje jak:

• Włącz pole
• Pole wymagane
• Etykieta
• Walidacja

W zakładkach Wygląd, Włącz wyświetlanie i Zaawansowane znajduje się wiele innych funkcji. Możesz sam je sprawdzić. Jeśli chcesz przeczytać o nich więcej, kontynuuj ten artykuł.

Konfiguracja pól kasy

Przyjrzyjmy się opcjom konfiguracyjnym.

Wymagane pola

Niektóre pola w sekcjach Adres wysyłki i Adres rozliczeniowy są wymagane. Możesz to łatwo zmienić. Patrzeć:

Jak widać, te pola są opcjonalne . Możesz także tworzyć nowe pola niestandardowe i ustawiać je zgodnie z wymaganiami:

Jak? Wystarczy zaznaczyć lub odznaczyć opcję Pola wymagane :

Dowiedz się więcej o wymaganych polach WooCommerce Checkout

Walidacja

Możesz użyć domyślnej walidacji WooCommerce lub niestandardowej.

Walidacja jest bardzo przydatna:

Jeśli chcesz dodać walidację do sekcji adresu wysyłki i rozliczeniowego, skorzystaj z naszego Przewodnika sprawdzania poprawności transakcji WooCommerce →

Wyświetlacz włączony

Możesz skonfigurować, gdzie ma być wyświetlane pole. Domyślnie wtyczka wyświetla pole we wszystkich lokalizacjach:

• Strona z podziękowaniami
• Strona Moje konto - sekcja adresowa
• Strona Moje konto - sekcja zamówienia
• w e-mailach

Możesz to zmienić. Sprawdź nasz przewodnik o WooCommerce Moje Konto Pola Niestandardowe →

Wygląd zewnętrzny

Zmień wygląd swoich pól z sekcji wysyłki i rozliczeń WooCommerce.

Ustaw własną niestandardową klasę dla pola:

W ten sposób możesz zmienić dowolne pole z tego:

W to (lub cokolwiek chcesz):

Przeczytaj więcej w naszym przewodniku na temat stylizacji niestandardowych pól za pomocą CSS →

Logika warunkowa

Możesz zaimplementować logikę warunkową w sekcjach adresu wysyłkowego i rozliczeniowego. Chcesz przykładu? Patrzeć:

Klient musi zaznaczyć pole wyboru Chcę fakturę . Po tej akcji pojawią się nowe pola.

Istnieje wiele scenariuszy, w których można użyć logiki warunkowej. Możesz skonfigurować logikę warunkową dla pól...

...produkty/kategoria...

...lub wybraną metodę wysyłki.

Jak widzisz, musisz przejść do zakładki Zaawansowane . Znajdziesz tam wszystkie opcje.

Dowiedz się więcej o polach warunkowych WooCommerce Checkout →

Inne ustawienia

Wtyczka Flexible Checkout Fields umożliwia dodawanie niestandardowych pól do innych sekcji, takich jak:

• Uwagi dotyczące zamówień
• Szczegóły klienta
• lub formularz rejestracyjny

Wykorzystaj to! Przeczytaj nasz artykuł na temat dostosowywania strony kasy →

Edytor pól kasy WooCommerce

Jak widać, wtyczka Flexible Checkout Fields jest bardzo potężna. Dla nas (twórców) ta wtyczka jest najlepsza na rynku :)

Ale nie wierz nam na słowo, ponad 70 000 sklepów WooCommerce na całym świecie używa go na co dzień.

Często dodajemy nowe funkcje lub naprawiamy błędy w tej wtyczce. Ludzie naprawdę to doceniają!

Ta wtyczka wykorzystuje również wygląd i działanie WordPressa i jest bardzo łatwa w użyciu dzięki przejrzystemu interfejsowi.

Ludzie doceniają to, co stworzyliśmy:

Możesz znaleźć o wiele więcej pozytywnych recenzji, takich jak ta powyżej! Jednak nie musisz mi wierzyć na słowo. Możesz pobrać tę wtyczkę za darmo i sam to sprawdzić!

Pobierz elastyczne pola kasy →

Dostosuj sekcję Adres wysyłkowy i rozliczeniowy w wiadomościach e-mail WooCommerce

Aby dostosować sekcję wysyłki i rozliczeń w szablonach e-mail Woo, będziesz potrzebować wtyczki innej firmy o nazwie YayMail. Możesz pobrać go za darmo i zaprojektować wiadomości e-mail w kreatorze wiadomości e-mail typu „przeciągnij i upuść”.

Wersja premium tego narzędzia do dostosowywania poczty e-mail WooCommerce obsługuje elastyczne pola kasy. Pomaga wyświetlić dodane pola niestandardowe w szablonach wiadomości e-mail z zamówieniami i zlokalizować sekcję według własnych upodobań.

Wbudowane opcje projektowania ułatwiające upiększanie wiadomości e-mail, w tym:

• Tytuł płatności
• Tytuł wysyłki
• Rodzina czcionek
• Kolor tła/obramowania pola/tekstu

Streszczenie

W tym krótkim artykule przedstawiłem prostotę dostosowywania sekcji wysyłki i adresu rozliczeniowego WooCommerce. Jak ci się podoba? Daj mi znać w sekcji komentarzy poniżej.

Gdy już tu będziesz, możesz potrzebować przewodnika po konfiguracji kasy WooCommerce. Stworzyliśmy już niesamowity przewodnik po ustawieniach kasy WooCommerce →

Sprawdź też: Elastyczna lista życzeń - Analityka i e-maile