one page checkout

W jaki sposób wyeliminowaliśmy kluczowe wady projektu 3 w ramach One-Page Checkout w naszym rozszerzeniu?

Zaktualizowano na 31-Jan-2018

Jedna strona została sprawdzona już od bardzo dawna. Cała idea uproszczonej kasy obraca się wokół optymalizacji zakupów przez odwiedzającego sklep. Witryna zakupów prowadzi do konwersji tylko wtedy, gdy klienci mogą bez problemu wykonać transakcję.

W jaki sposób jedna strona kasy może zoptymalizować witrynę?

Kupujący online wolą dokonywać zakupów tylko wtedy, gdy sklep internetowy oferuje łatwe podejście i przy minimalnym wysiłku. Oto kilka sposobów, w jakie ta funkcja może zoptymalizować witrynę zakupową i zwiększyć wygodę użytkowników.

  • Większość e-marketerów opowiada się za włączeniem jednej strony do kasy, ponieważ jest to łatwiejsze podejście do realizacji transakcji. Kupujący online wolą korzystać z pomysłu płacenia za jedną stronę, ponieważ skraca to czas przeładowywania stron internetowych.
  • Pomysł użycia super strony kasy jest bardziej przekonujący niż tradycyjny pomysł, w którym klienci muszą być przeskakiwani ze strony na stronę, wypełniając wszystkie szczegóły. Sprzedawcy elektroniczni mogą pomóc klientowi w ukończeniu transakcji przy minimalnym wysiłku. Mimo że liczba pól pozostaje prawie taka sama, kupujący mogą zobaczyć długość pozostałego formularza do wypełnienia. Daje im to psychologiczną motywację do ukończenia transakcji.

Istnieją dziesiątki artykułów na tematy takie jak "Czy wybrać jedną stronę kasy?" "Plusy i minusy jednej strony kasy" i tak. Większość z tych artykułów skutecznie rozwiązuje te wady, ale wydaje się, że promujemy te wady, tak jak są one na zawsze i nie można ich w żaden sposób usunąć.

Spójrzmy prawdzie w oczy, każde nowe wprowadzenie ma pewne minusy na pewno. Stopniowo, wraz z rozwojem i badaniami, te zanikają na pewno.

Na tym blogu zamierzam zaadresować 3 takie minusy jednostronicowej kasy, którą wyeliminowaliśmy z naszej Magento, jedna strona do kasy oraz PrestaShop Jeden moduł kasowy strony. Większość z tych wad nigdy nie istniała w naszym rozszerzeniu kasy, ponieważ zajęliśmy się nimi podczas samej fazy programowania i testowania.

Korygowanie wad jednej strony

1. Tyle detali na jednej stronie? Będzie zatłoczone

Większość stron do kas, gdy wprowadzono je w przeszłości, miała ten problem. Naprawdę ogromne zadanie polegało na dostosowaniu wszystkiego, począwszy od wielostronicowej kasy na pojedynczej stronie.

Najbardziej problematycznym wyzwaniem było dopasowanie wszystkich elementów kasy na jednej stronie, a także zapewnienie pełnego widoku całej strony kasy. Co więcej, wszystkie elementy kasowania, takie jak login, formularz adresu dostawy, formularz adresu do faktury, opcje płatności, opcje wysyłki i przegląd koszyka, nie powinny nakładać się na siebie i nie powinny nakładać się na siebie.

Oto, co wymyśliliśmy:

Opcje logowania

Wiele HTML, CSS, JS i Ajax zostało ulepszonych przez naszych projektantów, aby pasowały do ​​wszystkich elementów na jednej stronie, a także aby zachować optymalny czas ładowania strony. Co więcej, dzięki naszym projektantom po tych wszystkich okazjach pozostało wystarczająco dużo miejsca, aby dodać Opcja logowania społecznego za pomocą Facebooka i Google+ na naszej stronie kasy.

2. Formularz na stronie jest zatłoczony, bez białych znaków i właściwego użycia etykiety

Podczas projektowania formularzy, głównymi aspektami, których szukaliśmy były:

  • Utrzymywanie formy w stanie kompaktowym
  • Wszystkie niezbędne pola powinny tam być
  • Pola powinny mieć odpowiednie białe przestrzenie
  • Etykiety nie powinny mylić użytkowników
  • Administrator powinien mieć możliwość wyboru pola formularza, które chce pokazać klientom na stronie.

Etykiety

Pojawiły się tutaj znaczące etykiety. Jeśli zachowalibyśmy etykiety obok odpowiednich pól, pozioma długość formularza dawałaby znacznie mniej miejsca dla pozostałych sekcji na stronie.

Zastanawialiśmy się również nad projektem formularza, w którym pomijamy etykiety i zamiast nich używamy symboli zastępczych. Coś takiego:

Kontakt Formularz

Ale był w tym problem. W przypadku bardzo długich formularzy, takich jak formularze rozliczeniowe i adresowe, jeśli klient raz wypełnił szczegóły, a na późniejszym etapie, jeśli chciałby je ponownie sprawdzić, byłby zmieszany z faktycznymi szczegółami. Ponieważ symbole zastępcze znikają w trakcie pisania, a także nie ma etykiety, zawsze pozostaje zamieszanie, jeśli moje dane są poprawne lub błędne.

Nie chcemy, aby Twoi klienci wpadli w taki zamęt i zapomnieli o głównym celu, jakim jest dokonanie zakupu, dlatego odrzucamy ten pomysł. W przeciwnym razie może również zaoszczędzić dużo miejsca.

W końcu zdecydowaliśmy się nie iść na kompromis z doświadczeniem użytkownika i przyjęliśmy umieszczenie etykiety nad polami, jak pokazano na tym obrazku:

Pole adresu rozliczeniowego

Oszczędziło to przestrzeni poziomej, której potrzebowaliśmy w przypadku innych elementów, a także pomogło w realizacji jednej z funkcji omówionej poniżej.

Niezbędne pola

Po zajmowaniu się umieszczaniem etykiet, ostatnią rzeczą w formularzach, które dały nam koszmar, było uwzględnienie wszystkich niezbędnych pól w formularzu. Problem polega na tym, że termin "niezbędny" jest tutaj względny. Pole formularza, które jest niezbędne dla jednego właściciela sklepu, może nie być użyteczne dla drugiego.

Na przykład numer VAT i nazwa firmy są niezbędnym polem właściciela sklepu, który prowadzi działalność handlową B2B. Wszyscy twoi europejscy klienci biznesowi również potrzebowaliby tego pola do robienia zakupów w twoim sklepie. Z drugiej strony właściciel sklepu, który sprzedaje bezpośrednio konsumentom indywidualnym, nie będzie korzystał z pól takich jak numer VAT i nazwa firmy.

Jak sobie z tym poradziliśmy?

Był to czas, aby nieco otworzyć nasze rozszerzenie płatności i dać właścicielom sklepu łatwy, ale kluczowy dostęp do aplikacji. Dodajemy funkcję do naszego modułu, za pomocą której administrator może łatwo włączyć, wyłączyć, dodać i usunąć pole z formularza kasowego. To też, bez edytowania kodu. Wszystko to można zrobić z samego zaplecza.

Super Zamówienie

Tak więc, jeśli którekolwiek z pól nie jest użyteczne dla właściciela sklepu, może po prostu ukryć je za pomocą jednego kliknięcia i zapisać. Nie ma potrzeby przechodzenia przez skomplikowane kody Magento lub PrestaShop, aby zrobić to teraz.

3. Częste przeładowywanie strony przy aktualizacji koszyka

Te wielostronicowe kasy mają dedykowaną stronę do edycji koszyków. Było to dla nas wyzwaniem, aby umieścić koszyk na zakupy na stronie kasy. Klienci często aktualizują koszyk, zwiększając lub zmniejszając liczbę produktów, usuwając produkt z koszyka i tak dalej.

Wszystkie te żądania wymagały ponownego załadowania strony, aby zaktualizować wszystkie szczegóły dotyczące kas i informacje zgodnie z najnowszym stanem koszyka. Jeśli produkt został usunięty z koszyka, musimy zaktualizować całkowity koszt, liczbę produktów koszyka, metody wysyłki i tak dalej.

Byłoby to tak irytujące dla klientów, gdyby strona doładowania przeładowywała się co jakiś czas. Przed tym wyzwaniem stoi każda pojedyncza strona kasy. Jednak udało nam się go naprawić za pomocą koszyka na zakupy w formacie Ajax i żądania aktualizacji formularza.

Potwierdź pole zamówienia

Teraz, dzięki koszykowi Ajax i aktualizacjom, jeśli klient zmieni cokolwiek w koszyku, wszystkie szczegóły zależne zostaną automatycznie zaktualizowane bez ponownego ładowania całej strony kasy. Nawet klient może zastosować kod kuponu do koszyka, a strona może zweryfikować kupon bez przeładowania.

W ten sposób rozwiązaliśmy te problemy w naszym rozszerzeniu płatności. Możesz mieć bezpłatną wersję demonstracyjną, aby zobaczyć wszystkie te funkcje rozszerzenia. Darmowa prezentacja jednej strony Magento i PrestaShop i OpenCart.

Funkcję tę można dodać do witryny Prestashop za pomocą dodatku SuperStare do Prestashop. Te same rozszerzenia są dostępne również dla Magento, OpenCart i innych platform eCommerce. Niezależnie od tego, czy wybierzesz dodatek Prestashop, rozszerzenie Magento czy też wtyczkę OpenCart, umożliwi to klientom dokonanie transakcji i dokonanie zakupu produktu na tej samej stronie. Jest to jedna z najlepszych funkcji zmniejszania współczynnika wyjścia na stronie kasy. Klienci są zirytowani, jeśli zostaną przekierowani do długiego procesu realizacji transakcji w celu dokończenia zakupów. W ten sposób jednostronicowa realizacja transakcji gwarantuje, że klienci mogą dokonać zakupu, składając wszystkie niezbędne dane na jednej stronie i zapewniając klientom łatwe podejście do zakupu.

Zobacz także:

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *