WooCommerce

proces realizacji zakupu jest jednym z najważniejszych kroków w podróży kupującego — to ostatnia szansa, aby przekonać kupujących do dokonania zakupu. Ale aż 63,23% koszyków handlowych eCommerce zostało porzuconych. To dużo kupujących online, którzy decydują się na zakup produktu, ale zmieniają zdanie w ostatniej chwili.

istnieje wiele czynników, które wpływają na porzucone Wózki (takie jak koszty wysyłki i opcje płatności), ale sama strona kasy również odgrywa rolę. Jeśli jest to zbyt skomplikowane, zbyt długie lub wymaga zbyt osobistych informacji, klienci mogą odejść i kupić podobny produkt w innym miejscu.

jednym ze sposobów na optymalizację strony kasy? Dostosowane pola realizacji transakcji w oparciu o potrzeby biznesowe i grupę docelową. Na przykład: jeśli zazwyczaj nie sprzedajesz firmom, Usuń pole Nazwa firmy. Jeśli wysyłasz klientom niespodzianki urodzinowe, Dołącz pole Data urodzenia. Jeśli sprzedajesz produkty dla zwierząt domowych, warto poprosić o rodzaj zwierzęcia.

w tym artykule omówimy, jak dostosować stronę kasy do potrzeb zarówno grupy docelowej, jak i firmy.

modyfikacje pól kasy

WooCommerce udostępnia wszystkie niezbędne pola dla strony kasy. Domyślnie prosi klientów o:

• dane do faktury
• Imię
• nazwisko
• Nazwa firmy
• kraj
• adres
• miasto/miejscowość
• Powiat
• kod pocztowy/ZIP
• telefon
• adres e-mail
• uwagi do zamówienia

istnieje wiele sposobów dostosowania strony, w tym:

• edycja projektu
• Zmiana tekstu na przycisku „Złóż zamówienie”
• usunięcie pola
• utworzenie pola wymaganego (lub niewymaganego)
• Zmiana etykiet pól wejściowych i tekstu zastępczego
• zbieranie numerów kont klientów
• sprawdzanie preferencji dostawy
• umożliwienie klientom zażądania daty lub terminu dostawy
• ustawianie preferowanej metody kontaktu

to tylko niektóre z możliwych modyfikacji; WooCommerce zapewnia niemal nieskończoną elastyczność na każdym poziomie doświadczenia. Jeśli edytujesz Kod, możesz go dostosować za pomocą urywków kodu. Jeśli wolisz trochę więcej struktury, istnieje wiele rozszerzeń i wtyczek do edycji pól kasy.

Dostosuj pola realizacji zakupu za pomocą fragmentów kodu

Uwaga: Jeśli nie znasz kodu i nie znasz rozwiązania potencjalnych konfliktów, wybierz WooExpert lub programistę, aby uzyskać pomoc. Nie jesteśmy w stanie zapewnić wsparcia dla dostosowań zgodnie z naszymi zasadami wsparcia.

fragmenty kodu to elastyczne sposoby dostosowywania pól realizacji transakcji WooCommerce przez programistów i właścicieli sklepów. Oto lista podstawowych znaczników, w tym klas i identyfikatorów, których możesz użyć do dostosowania wyglądu strony realizacji zakupu. Dodaj niestandardowy CSS do motywu podrzędnego lub dostosowywania WordPress.

aby zobaczyć wszystkie klasy i selektory, użyj Inspektora przeglądarki na swojej stronie internetowej, aby znaleźć dokładny obszar, który chcesz dostosować.

na przykład, jeśli chcesz zmienić kolor tła pól wprowadzania tekstu i nadać im zaokrąglone rogi, dodasz:

input { border-radius: 10px !important; background-color: #222 !important;}

Usuń pole kasy:

jest to dość proste, ale uważaj, ponieważ ta zmiana może powodować konflikty z innymi rozszerzeniami i wtyczkami.

Dodaj następujący kod do pliku motywu podrzędnego functions.php. Pamiętaj, że wklejenie całego kodu spowoduje usunięcie wszystkich pól ze strony kasy, więc pamiętaj, aby uwzględnić tylko pola, które chcesz usunąć.

Uwaga: pole kraj jest wymagane. Jeśli go usuniesz, zamówienia nie mogą zostać zrealizowane, a w formularzu zamówienia pojawi się następujący błąd: „wprowadź adres, aby kontynuować.”

Pole wymagane nie jest wymagane:

w poniższym przykładzie edytujemy pole Billing Phone. Dodaj ten kod do pliku motywu podrzędnego functions.php.

alternatywnie, jeśli chcesz, aby pole było wymagane, Zmień tekst „false” na ” true.

Zmień etykiety pól wejściowych i symbole zastępcze:

Dodaj następujący kod do pliku motywu podrzędnego functions.php i dostosuj go do swoich potrzeb.

Dostosuj pola kasy za pomocą wtyczek

WooCommerce oferuje kilka doskonałych rozszerzeń do edycji pól kasy bez dotykania linii kodu.

edytor pól kasy

rozszerzenie edytora pól kasy pozwala dodawać i usuwać pola Kasy lub aktualizować Typ, etykietę i wartość zastępczą za pomocą kilku kliknięć. Możesz również oznaczyć każde pole kasy jako” wymagane „lub” nie wymagane.”

podczas dodawania nowego pola możesz wybrać jeden z następujących typów:

• Text – standardowe wprowadzanie tekstu
• Password – wprowadzanie tekstu hasła
• Textarea – pole obszaru tekstowego
• Select – a rozwijane/wybierz pole
• Multi-select – a multi-select box
• Radio – zestaw wejść radiowych
• checkbox – pole checkbox
• date picker – pole tekstowe z dołączonym selektorem daty
• Heading – Nagłówek, służący do organizowania dłuższej strony

jeśli twoje produkty są zwykle dostarczane jako prezenty, możesz zaoferować kilka opcji pakowania. Możesz użyć przycisków radiowych, aby umożliwić klientom wybór między zwykłym opakowaniem, opakowaniem o tematyce urodzinowej lub opakowaniem o tematyce rocznicowej. Możesz ustawić to pole wymagane, ustawić etykietę na „Wybierz typ pakietu” i ustawić symbol zastępczy na ” zwykły.”

aby pomóc w zaawansowanych dostosowaniach, edytor pól kasy zapewnia pomocną dokumentację.

WooCommerce checkOut Add-Ons

rozszerzenie WooCommerce Checkout Add-ons zapewnia elastyczność oferowania bezpłatnych lub płatnych dodatków przy kasie, takich jak realizacja zamówień w trybie pilnym, pakowanie prezentów lub upsells, takie jak naklejki lub ubezpieczenie. Na stronie realizacji zakupu można dodać kilka typów pól, w tym pola tekstowe, obszary tekstowe, listy rozwijane, wielokrotne wybory, przyciski opcji, pola wyboru, pola wyboru wielokrotnego i przesyłanie plików.

na pulpicie nawigacyjnym możesz również sortować i filtrować zamówienia na podstawie utworzonych opcji. Może to być pomocne, jeśli chcesz priorytetyzować zamówienia według daty dostawy lub pokazywać tylko zamówienia z przyspieszonym przetwarzaniem. Możesz też zapakować w prezencie wszystkie zamówienia w tym samym czasie.

WooCommerce One Page Checkout

chcesz jeszcze bardziej uprościć proces realizacji transakcji? Rozszerzenie WooCommerce One Page Checkout zamienia dowolną stronę w stronę kasy.

według badań Instytutu Baymarda, jeden na czterech kupujących porzucił koszyk w ostatnim kwartale z powodu długiego lub skomplikowanego procesu kasowania. WooCommerce One Page Checkout zwalcza to, umożliwiając klientom dodawanie produktów do koszyka i przesyłanie płatności na tej samej stronie.

możesz nawet dodać pola kasy do stron docelowych, co jest szczególnie przydatne, jeśli prowadzisz działalność opartą na usługach.

Logowanie społecznościowe WooCommerce

zmuszenie klienta do założenia konta w Twojej witrynie to potencjalna bariera do zakupu. Umożliwienie im korzystania z istniejących profili w mediach społecznościowych w celu utworzenia konta pomaga przełamać tę barierę.

rozszerzenie logowania społecznościowego WooCommerce sprawia, że ten proces jest tak łatwy i bezpieczny, jak to tylko możliwe. Facebook, Instagram, Twitter, Google, Amazon, LinkedIn, PayPal, Instagram, Disqus, Yahoo lub Vk, zamiast tworzyć nowe dane logowania.

Rozpocznij dostosowywanie

proces realizacji transakcji może mieć znaczący wpływ na Współczynnik konwersji, dlatego należy ostrożnie wprowadzać zmiany, mając na uwadze konkretny cel.

na szczęście WooCommerce daje Ci elastyczność w dostosowywaniu procesu realizacji transakcji, aby jak najlepiej obsługiwać klientów online. Niezależnie od tego, czy chcesz wprowadzić zmiany wizualne, czy dodawać i usuwać pola realizacji zakupu, masz wiele rozwiązań do wyboru.