Jak dostosować pola kasy WooCommerce?

Wstęp

Prowadzisz sklep WooCommerce i nie chcesz jeszcze dostosowywać swojej kasy? Prawdopodobnie możesz tracić na sprzedaży z powodu porzucenia koszyka. Szacuje się, że jeden na pięciu kupujących porzuca koszyk z powodu złożonego procesu realizacji transakcji.

Z tego powodu dostosowanie strony kasy ma kluczowe znaczenie dla usprawnienia przetwarzania zamówień.

Domyślnie strona kasy WooCommerce ma pewne ograniczenia, które mogą zniechęcić Cię do zapewniania klientom doskonałych zakupów.

Złożony i długotrwały proces realizacji transakcji może być frustrujący dla Twoich klientów. W innych przypadkach strona kasy może żądać zbyt wielu informacji, przez co klienci niechętnie dzielą się swoimi danymi.

Sytuacja pogarsza się tylko wtedy, gdy odkryjesz, ile tracisz przychodów.

Ten post rzuci trochę światła na to, jak możesz poprawić przepływ kasy w swoim sklepie, dostosowując stronę kasy.

Przejdźmy od razu do tego przewodnika.

Powody, dla których możesz chcieć dostosować swoją stronę kasy WooCommerce

Strona kasy WooCommerce to ostatni krok, przez który przechodzą klienci przed zakupem zamówienia. Ta sekcja może jednak znacząco wpłynąć na proces zakupu zamówienia.

Oto kilka powodów, dla których warto rozważyć dostosowanie płatności WooCommerce.

1. Popraw doświadczenie użytkownika

Domyślna kasa WooCommerce obejmuje długie procedury, które mogą rozpraszać kupujących. Aby skrócić ten proces, możesz rozważyć dostosowanie swojej kasy. Automatyczne uzupełnianie szczegółów, takich jak numer telefonu, adres i dane karty, może pomóc skrócić czas potrzebny klientowi na wypełnienie tych danych. Zapewnienie takiej funkcji skróci proces realizacji transakcji, prowadząc do lepszych wrażeń zakupowych dla Twoich klientów.

2. Zwiększ współczynnik konwersji

Przyspieszenie procesu realizacji transakcji pomaga klientom w podejmowaniu szybszych decyzji. Kupujący są rozkojarzeni lub znudzeni wypełnianiem wielu stron przed złożeniem zamówienia. To z kolei skłania ich do porzucania wózków. Jednak gdy proces zamówienia jest krótki, klienci szybko złożą zamówienia i dokonają płatności, zwiększając sprzedaż.

3. Zapewnij bezpieczną kasę

Bezpieczny proces realizacji transakcji zapewnia klientom wspaniałe wrażenia z zakupów. Aby zdobyć zaufanie swoich klientów, powinieneś zaoferować bezpieczną bramkę płatności przy kasie. Zapewnia to klientom, że ich dane osobowe i informacje rozliczeniowe są bezpieczne. W konsekwencji ułatwi to lepsze relacje i zaangażowanie.

Dostosowywanie strony kasy WooCommerce

1. Używanie wtyczki do zmiany pól kasy WooCommerce

Wtyczki zapewniają szybki i prosty sposób dostosowania pola kasy zgodnie z własnymi upodobaniami. Jedną z takich wtyczek jest wtyczka Checkout Field Editor WooCommerce, która umożliwia łatwe dodawanie, edytowanie i usuwanie pól w procesie bezkodowym. Przyjrzyjmy się szybko, jak korzystać z tej wtyczki w kilku prostych krokach.

Krok 1: Instalacja

Na początek musisz pobrać plik .zip rozszerzenia ze swojego konta WooCommerce. W panelu administratora WordPress przejdź do WooCommerce > Wtyczki > Dodaj nowy. Kliknij „Prześlij wtyczkę” i prześlij właśnie pobrany plik. Po przesłaniu pliku kliknij przycisk „Zainstaluj teraz” i aktywuj rozszerzenie.

Krok 2: Konfiguracja i konfiguracja

W tym momencie musisz skonfigurować ustawienia wtyczki. Przejdź do WooCommerce > Formularz kasy.

Krok 3: Dostosowywanie pól kasy

W ustawieniach głównych znajdziesz dwie zakładki, „Pola kasy” i „Ustawienia zaawansowane”. Poniżej znajdują się trzy pola dostępne do edycji:

• Płatności: zawiera pole płatności i adres rozliczeniowy przy kasie

• Wysyłka: zawiera pole wysyłki w kasie

• Dodatkowe: jest to sekcja obok sekcji rozliczeń i wysyłki w kasie

Wybierz pole, w którym chcesz wprowadzić zmiany, aby dostosować tę sekcję i kliknij przycisk „Usuń”, „Włącz” lub „Wyłącz”.

Krok 4: Dodawanie/edycja pól niestandardowych

W lewym górnym rogu strony ustawień kliknij „+Dodaj pole”, aby dodać nowe pole. Pojawi się wyskakujący ekran z pustymi polami. Dodaj wszystkie szczegóły, które uznasz za istotne, w polu niestandardowym. Po wprowadzeniu zmian pamiętaj, aby zapisać swoją pracę, klikając przycisk „Zapisz”.

Krok 5: Konfiguracja ustawień zaawansowanych

Obok „Pola kasy” znajdziesz zakładkę „Ustawienia zaawansowane”. Możesz dostosować ustawienia zastępowania ustawień regionalnych, włączając/wyłączając pola wyboru. Po zakończeniu kliknij „Zapisz zmiany”.

Krok 6: Resetowanie pól kasy

Aby zastosować oryginalne ustawienia do swoich pól, przejdź do WooCommerce > Status > Narzędzia. Przejdź do „Pola kasy” i wybierz przycisk „Resetuj pola kasy”. Wszystkie pola powrócą do swoich pierwotnych ustawień.

Zanim przejdziesz dalej, oto inna metoda konfiguracji strony kasy WooCommerce z Divi.

2. Używanie kodu do dostosowywania pól kasy WooCommerce

Kodowanie niestandardowe to inna metoda, która umożliwia dostosowanie płatności WooCommerce. Ta metoda jest lepsza niż korzystanie z wtyczki innej firmy, ponieważ masz większą kontrolę nad dostosowywaniem.

Możesz także użyć pliku functions.php i filtrów swojej witryny, aby edytować stronę kasy. Niektóre z filtrów obejmują:

• woocommerce_checkout_fields

• woocommerce_billing_fields

• Woocommerce_shipping_fields

Dzięki działaniom i filtrom WooCommerce możesz manipulować polami kasy w dowolny sposób. Możesz dodawać, edytować, usuwać, a nawet zmieniać tekst wyświetlany na stronie kasy.

Łączenie produktów bezpośrednio ze stroną kasy WooCommerce

Użyjemy metody ręcznej, aby bezpośrednio połączyć nasze produkty z kasą WooCommerce. Wykonaj poniższe kroki:

Krok 1: Znajdź identyfikator produktu

Aby znaleźć swój identyfikator produktu na pulpicie administratora WP, przejdź do Produkty> Wszystkie produkty. Tutaj znajdziesz różne produkty z ich numerami identyfikacyjnymi tuż pod nimi.

Krok 2: Utwórz link

Zacznijmy od krótkiej ilustracji. Weź przypadek, w którym masz ten adres URL: www. twojadomena.com//checkout/?add-to-cart=ID

Musisz zastąpić słowa „twojadomena” i „ID” odpowiednio nazwą domeny i konkretnym identyfikatorem produktu, który chcesz połączyć.

Krok 3: Skopiuj i wklej

Ponieważ znaleźliśmy już nasz identyfikator produktu, dodamy adres URL naszego produktu w postaci tej www. twojadomena.com//checkout/?add-to-cart=1127

Gdy skończysz, możesz umieścić ten link w dowolnym miejscu na swojej stronie WooCommerce.

Stosowanie bezpłatnej wysyłki na produkt w WooCommerce

Oferowanie bezpłatnej wysyłki to doskonały sposób na zachęcenie klientów do zakupów w Twoim sklepie. Co więcej, możesz dostosować ustawienia wysyłki, aby zastosować je tylko do określonych zamówień, w których kupujący osiągają wstępnie zdefiniowaną kwotę docelową.

Na przykład, oto kroki, które należy wykonać, aby uruchomić bezpłatną wysyłkę dla zamówień powyżej 100 USD.

Przejdź do WooCommerce > Ustawienia > Wysyłka. Następnie przejdź do strefy wysyłki, w której zamierzasz zastosować zmiany i kliknij link „Edytuj”.

Kliknij przycisk „Dodaj strefę wysyłki”, jeśli nie chcesz jeszcze dodawać żadnych stref. W przeciwnym razie kliknij przycisk „Dodaj metodę wysyłki”. W tej sekcji znajdziesz listę metod wysyłki.

Kliknij przycisk „Edytuj” w obszarze Bezpłatna wysyłka.

Otworzy się panel „Ustawienia bezpłatnej wysyłki”, w którym jako preferowaną opcję wybierzesz „Minimalna kwota zamówienia”. Na koniec kliknij „Zapisz zmiany”, aby zastosować swoje ustawienia.

Wniosek

Czy chcesz przenieść swój biznes WooCommerce na wyższy poziom? Dodanie zmian na stronie kasy może znacząco wpłynąć na Twoją witrynę. Od zwiększania współczynników konwersji po oferowanie klientom najlepszych możliwych doświadczeń zakupowych.

W tym artykule omówiliśmy, jak dostosować stronę kasy za pomocą wtyczki Checkout Field Editor i przez kodowanie. Podczas konfigurowania strony kasy złożone procedury kasy, elementy rozpraszające uwagę i niepotrzebne pola to tylko kilka rzeczy, na które należy zwrócić uwagę.

Co więcej, najlepiej byłoby, gdybyś rozważył połączenie swoich produktów bezpośrednio z kasą, dodanie niestandardowych pól i uruchomienie bezpłatnej wysyłki, aby zmniejszyć porzucanie koszyka. Czy czujesz się zadowolony ze swojej obecnej strony kasy?

W tej dziedzinie jest jeszcze wiele do odkrycia. Mam jednak nadzieję, że widziałeś, jak łatwo jest modyfikować różne komponenty kasy. Czy ten post był pomocny? Dlaczego nie udostępnić go w swojej sieci?