One Page Checkout firmy KnowBand uprościło sprawę: witryna CEP Sport rozkwitła w Danii

One Page Checkout to sprytny sposób na umieszczenie wszystkich pól na jednej stronie i przedstawienie ich klientowi w eleganckim i przejrzystym formacie. Przypomina pudełko przeznaczone do przechowywania akcesoriów oddzielnie, ale razem. Firma z siedzibą w Danii, CEP Sport, dodała moduł One Page Checkout do swojej witryny internetowej i skonfigurowała go w dobrze zaprojektowany sposób. Dostosowywanie układu jest dość proste, a dodanie paska postępu utrzymuje zaangażowanie użytkownika. W tym artykule opisano, jak pięknie możesz stworzyć stronę kasy za pomocą modułu One Page Checkout i wdrożyć to samo w swojej witrynie eCommerce, tak jak zrobił to CEP Sport na swojej stronie internetowej.

Co to jest CEP Sport?

CEPsport.net jest dystrybutorem niemieckiej marki CEP i jest obsługiwany przez SportSupport ApS. CEP ma najlepszą odzież sportową na rynku pod względem projektu, funkcji i kompresji. Są nawet sportowcami, którzy lubią się poruszać. Jest dobrze wspierany przez najnowocześniejsze produkty sportowe na rynku.

Wdrożenie modułu One Page Checkout w serwisie CEP Sport

Od strony produktu po stronę kasy, każdy projekt witryny eCommerce wymaga najlepszego interfejsu użytkownika i UX. Optymalizacja strony docelowej jest ważna, ale bardziej potrzebna jest strona kasy, która nie powoduje porzucenia koszyka. CEP Sport wybrał moduł One Page Checkout firmy KnowBand dla swojej strony kasy i cieszymy się, że zaufali naszemu modułowi w zakresie najlepszego rozwiązania dla strony kasy. One Page Checkout ma kilka funkcji, które sprawiają, że jest najlepszy spośród innych dostępnych opcji. -> Odwiedź sklep CEP Sports Store i zobacz sam projekt strony kasy: Kliknij tutaj

Ma układ 3-kolumnowy z niestandardowym projektem układu

Strona kasy w CEP Sport ma trójkolumnowy projekt układu, a moduł zapewnia funkcje dostosowywania układu. Jak można dostosować układ? Pozwala wybrać projekt układu (3-kolumnowy, 1-kolumnowy, 2-kolumnowy). Możesz tasować pola i zmieniać ich położenie za pomocą funkcji przeciągnij i upuść. Na poniższym obrazku widać, że strona kasy jest dostosowana do indywidualnych potrzeb, a CEP Sport zaprojektował ją zgodnie z ich wymaganiami.

Koszyk CTA

Aby przejść do kasy, ważne jest, aby mieć czytelne przyciski CTA (Call-to-action). Witryna zawiera odpowiednie wezwania do działania.

Klienci mogą przejść do strony kasy, klikając przycisk „Przejdź do płatności”, co spowoduje przekierowanie do One Page Checkout.

Logowanie, Kasa gościa, Nowa rejestracja

Gdy klient dotarł na stronę kasy, musi się zarejestrować, a jeśli się spieszy, to wtedy Kasa gości jest również dostępna. One Page Checkout ma trzy opcje:

  1. Zaloguj się przez e-mail
  2. Kasa gości
  3. Zarejestruj się jako nowy użytkownik

Zaloguj się i zarejestruj za pomocą konta w mediach społecznościowych

Rejestracja za pomocą konta w serwisie społecznościowym jak Facebook jest całkiem poręczny i nie trzeba pamiętać hasła do każdego serwisu eCommerce. Jeśli klient rejestruje się przez Facebooka, musi jedynie podać adres dostawy. I, proces realizacji transakcji jest załatwiony! Po rejestracji można się zalogować, wprowadzając adres e-mail i hasło lub może to zrobić użytkownik zaloguj się przez Facebooka konto. Wystarczy jedno kliknięcie i gotowe!

Jestem obowiązkowy* i właśnie wpisałeś niewłaściwe dane

Obowiązkowe pola można wyróżnić gwiazdką (*). Ponadto natychmiast wskazywał błędy popełnione przez użytkownika podczas wypełniania formularza, zwane walidacją inline.

Metody dostawy i płatności

Pojedyncza strona Kasa na stronie internetowej CEP Sport oferuje kilka opcji wysyłki i bramek płatności. Wraz z każdą metodą wysyłki wyświetlane są dodatkowe opłaty (jeśli mają zastosowanie). Możliwe jest również określenie konkretnej bramki płatności z określoną metodą wysyłki.

Pasek postępu pokazuje sukces użytkownika

Pomaga to klientowi zmierzyć postęp rejestracji. Jeśli uważasz, że nie jest to konieczne, powinieneś wiedzieć, że ludzki mózg działa lepiej, jeśli wie, ile pozostało pracy.

Zaktualizuj ilość produktów na stronie kasy

Kolejną cechą, która decyduje o wyborze klienta, jest opcja aktualizacji ilościowej. One Page Checkout umożliwia klientom aktualizację ilości produktu na samej stronie kasy.

Dodaj dodatkowe pole, aby zebrać więcej informacji

Jeśli klient chce dodać komentarz do zamówienia, ma na to dodatkowe pole. Administrator może dodać niestandardowe pola na stronie kasy, aby zebrać informacje od klienta, które można wykorzystać podczas marketingu e-mailowego w celu uzyskania spersonalizowanej wiadomości e-mail.

Ponieważ wszystkie informacje są poprawnie dodawane przez klienta lub gościa gościa. Teraz może złożyć zamówienie!

Dlaczego potrzebujesz One Page Checkout w swoim sklepie internetowym?

Odbyliśmy udaną wycieczkę po One Page Checkout na stronie internetowej CEP Sport. Teraz nadszedł czas, aby zrozumieć wartość płatności na jednej stronie w porównaniu z domyślną kasą wielostronicową dostępną na platformach handlu elektronicznego. One Page Checkout wydaje się prostsze, ponieważ wyświetla wszystkie pola na jednej stronie przed wypełnieniem formularza. Kasa dla gości i opcje logowania do mediów społecznościowych to sprawdzone metody, które zwiększają liczbę rejestracji w sklepie internetowym. Ma kartę analizy statystyk, która pokazuje współczynnik konwersji i współczynnik odrzuceń strony kasy. Kilka funkcji sprawia, że Moduł kasowy na jednej stronie pierwszy wybór klienta na stronie kasy. Szczegółowy artykuł na temat Zamówienie wielostronicowe a płatność jednostronicowa może to lepiej wyjaśnić.

Demo administratoraOne Page Checkout

Wersja demonstracyjna interfejsu użytkownika One Page Supercheckout

Instrukcja obsługi

Klasy

Zespół KnowBand jest zawsze dostępny, aby pomóc Ci w rozwiązaniach eCommerce. Mamy ponad 100 modułów dostępnych dla platform eCommerce, takich jak OpenCart, PrestaShop, Magento, WooCommerce i Shopify. Odwiedzić KnowBand Przechowuj, aby odkrywać więcej. Skontaktuj się z nami pod adresem support@knowband.com i omów wymagania dotyczące witryny z naszymi ekspertami.

Jak utworzyć niestandardowy układ dla stron CMS w Magento 2?

W tym artykule dowiemy się, jak utworzyć niestandardowy układ stron CMS dla naszych stron cms. Stworzymy niestandardowy układ o nazwie Układ Knowband.

Magento zapewnia nam następujący układ: -> Opróżnij -> kolumna 1 -> kolumny 2 z lewym paskiem -> kolumny 2 z prawym paskiem -> kolumny 3 Jeśli chcesz utworzyć własny niestandardowy układ dla stron cms lub niektórych konkretnych stron, to musisz skupić się na następujących krokach:

Krok 1:

Utwórz plik <Vendor_Name> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Ten plik definiuje projekt niestandardowego układu.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : Zobacz / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - możesz zmienić uchwyt jak 2columns-left lub 3columns itp -> <referenceContainer name =" page.wrapper "> <nazwa kontenera = "header.container" as = "header_container" label = "Pojemnik nagłówka strony"

Krok 2:

Utwórz <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Ten plik zarejestruje niestandardowy układ. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Knowband Layout </label> </layout> </page_layouts>

Po utworzeniu tych dwóch plików wyczyść pamięć podręczną, a niestandardowy układ zostanie dodany do listy układów. Możesz sprawdzić swój niestandardowy układ po stronie administratora w menu Content-> Pages -> Add New Page -> Design

Dziękuję za przeczytanie tego.


Kasa jednostronicowa dla sklepów eCommerce, czy jest to kompleksowe rozwiązanie dla wszystkich Twoich problemów?

W Knowband otrzymujemy pytania od wszystkich naszych klientów, którzy chcą zwiększyć swój współczynnik konwersji przy kasie, czy powinni przejść na jednostronicową kasę?

Ich cel w tym pytaniu jest prosty; chcą uzyskać więcej konwersji na stronie płatności, mniej porzuceń koszyka i większa sprzedaż. Odpowiadamy zawsze mówiąc: „To zależy”. Czasami ta odpowiedź jest dla większości klientów zaskoczeniem. Ponieważ sprzedajemy a jednostronicowe rozszerzenie kasyi nadal nie oferuje im sprzedaży. Może oczekują odpowiedzi typu „Tak, to jest najlepsze. Warto skorzystać z naszej jednostronicowej kasy”. Chciałbym, żeby to było takie łatwe. Nie prezentujemy naszego rozwiązania opaską na oczy, zamiast tego zalecamy im coś, co pomoże im zrozumieć, czy ich problem można rozwiązać, po prostu instalując jednostronicowy moduł kasy. Zróbmy sobie przerwę i przyjrzyjmy się zaletom i wadom jednoetapowej płatności, a następnie zdecydujmy, czy jednostronicowa płatność jest po prostu kompleksowym rozwiązaniem wszystkich problemów?

Niezrozumiana część jednostronicowego rozwiązania kasowego

Więc który z nich należy wziąć pod uwagę, Zamówienie jednostronicowe lub Zamówienie wielostronicowe? Szczera odpowiedź byłaby jedna i druga. Jednostronicowa kasa może być naprawdę skuteczna w odpowiednich warunkach i przy prawidłowej realizacji. Musisz upewnić się, że rozwiązuje typowe problemy z jednostronicową kasą i skutecznie je obsługuje. Warunki, które należy spełnić, aby wybrać właściwy proces realizacji transakcji dla Twojej firmy, mogą zależeć od takich aspektów, jak:

  • Nisza
  • Klienci
  • Punkt cenowy
  • Rodzaj produktu
  • Punkty bólu i
  • Rozwiązania

Na przykład, jeśli tak sprzedaż luksusowych przedmiotów które już otrzymują mniej sprzedaży ze względu na wysoką cenę i masz lojalną bazę starych klientów, lepszym wyborem jest tutaj wielostronicowa płatność. Poprowadzi użytkowników przez proces płatności i zapewni lepszą konwersję. Z drugiej strony, jeśli sprzedajesz niedrogie przedmioty, w których jest więcej sprzedaży, i ty też oferując bezpłatną wysyłkę opcje, wtedy bardziej efektywne byłoby tutaj jednostronicowe rozwiązanie kasowe. Będzie to szybkie, umożliwiając szybsze przeglądanie produktów w koszyku, od razu pokazując opcję bezpłatnej wysyłki i umożliwiając kupującemu dokonanie płatności bezpośrednio na tej samej stronie.

Przeprowadź testy A / B, aby uzyskać najlepsze rozwiązanie dla strony kasy

To tylko przykład dwóch prostych przypadków. Jednak najlepszym sposobem sprawdzenia, która opcja działa najlepiej, jest testowanie, analizowanie, testowanie i iteracja. Testy A / B mogą być bardzo pomocne, gdy możesz przetestować oba rodzaje płatności (tj. Kasowanie jednostronicowe i kasowanie wieloetapowe) jednocześnie i zobaczyć, który z nich bardziej zadowoli klientów. Zachowaj ostrożność podczas testowania, ponieważ tutaj zmierzysz się z najlepszymi z najlepszymi. Nie uzyskasz właściwych wyników, porównując dobrze zoptymalizowaną jednostronicową kasę z zagraconą i niezorganizowaną, wieloetapową kasą. Dlatego zawsze testuj jabłko innym jabłkiem. Prostą rekomendacją byłoby, aby najpierw zoptymalizować bieżącą wielostronicową kasę, tak dalece jak to możliwe. Kiedyś w pełni zoptymalizowałeś wieloetapową kasę, a następnie porównaj ją z dobrze zoptymalizowaną kasą, testując ją. Daje to spore szanse na wielostronicową kasę, w przeciwnym razie jednostronicowe rozwiązanie kasowe zawsze ją przyćmiewa.

Jednostronicowe kasy nadal mają domyślnie pewne korzyści

  • Kasa na jednej stronie jest szybka, ponieważ wszystko znajduje się na jednej stronie.
  • Klienci muszą wykonać tylko kilka kroków na jednostronicowym rozwiązaniu do realizacji transakcji.
  • Dobrze zoptymalizowane kasy zapewniają opcję przeglądu koszyka na tej samej stronie.
  • Wybór opcji wysyłki jest dostępny na tej samej stronie w jednostronicowym module kasy.
  • Jednostronicowa płatność oferuje opcje płatności na tej samej stronie.
  • Niektóre zaawansowane kasy oferują również opcje logowania społecznościowego.

Funkcje, na które należy zwrócić uwagę przy wyborze rozwiązania do realizacji transakcji jednostronicowych

Optymalizacja to jedna z rzeczy, która odróżnia stronę kasy od innego rozwiązania kasowego. Niezależnie od tego, czy mówisz o wieloetapowej kasie, czy jednostronicowej kasie, musi być dobrze zoptymalizowana. Nie będziesz w stanie rozwiązać wszystkich problemów ze stroną kasy, po prostu scalając ją na jednej stronie; nadal musisz go zoptymalizować problemy z porzuceniem koszyka. Prawdziwie jednostronicowe kasy opracowane w celu ograniczenia porzucania stron kasy musi rozwiązać następujące problemy:

Długość- Długość procesu składania zamówienia zależy nie tylko od liczby stron, ale także od liczby szczegółów, które klient musi podać, aby go ukończyć. Upewnij się, że Twoja jednostronicowa kasa nie wymaga od klientów podania niepotrzebnych i zbędnych danych. Możesz oddzielić pola obowiązkowe i opcjonalne. Na przykład możesz zmniejszyć rozmiar formularza z adresem rozliczeniowym lub wysyłkowym, usuwając niepotrzebne pola, takie jak numer faksu, kogokolwiek z numeru telefonu lub telefonu komórkowego itp.

Przegląd i aktualizacja koszyka-To, czego brakuje większości jednostronicowych rozwiązań kasowych, to opcja umożliwiająca klientom przeglądanie koszyka i aktualizowanie ilości produktów na stronie kasy. Jednak są Zaawansowane jednostronicowe rozwiązania kasowe które zapewniają przegląd koszyka i opcje aktualizacji. Dlatego upewnij się, że Twoja jednoetapowa płatność zapewnia tę funkcję.

Zamówienie dla gości:Kasa dla gości to ważna funkcja. W przypadku obu kas (tj. Kasowanie jednoetapowe lub kasowanie wielostronicowe), jeśli przegapisz opcję kasy gościa, możesz stracić część transakcji. Dlatego upewnij się, że niezależnie od wybranej opcji płatności, powinieneś zaoferować płatność gościowi.

Logowanie społecznościowe: Opcja logowania społecznościowego to bardziej przewaga konkurencyjna niż optymalizacja. Jeśli nie wymagasz od klientów, aby koniecznie założyli konto i oferowali płatność jako gość, jest to optymalizacja. Jeśli jednak pozwalasz im zarejestrować się lub zalogować za pomocą konta Facebook lub Google, jest to przewaga konkurencyjna. Nasze jednostronicowe kasy PrestaShop oferują logowanie społecznościowe za pośrednictwem Facebooka i Google, aby pomóc Ci uzyskać jak najwięcej z procesu płatności.

Konstrukcja bez bałaganu:To, co prześladuje większość kupców podczas przechodzenia na jednostronicowe kasy, to problem z projektem. Jednostronicowa kasa obejmująca cały proces płatności na jednej stronie jest bardziej prawdopodobna, że ​​będzie wyglądać na zatłoczoną i zagraconą. Dlatego musisz upewnić się, że strona kasy nie tylko pasuje do Twojego projektu motywu, ale także powinna mieć wystarczającą liczbę białych znaków, aby posegregować każdy element i sekcję. Na przykład nie byłoby ładnie, gdyby sekcja wysyłki nakładała się na sekcję płatności lub jakąkolwiek inną sekcję strony.

Zrobiliśmy co w naszej mocy

Dołożyliśmy wszelkich starań, aby zoptymalizować nasze jednostronicowe moduły kasy dla Magento, OpenCart, PrestaShop w najlepszy możliwy sposób. Zawarliśmy wszystkie opcje, o których była mowa w poprzednim punkcie. Co więcej, staraliśmy się również, aby miał jak najlepszy projekt bez bałaganu.

Twój koszyk jak wyeliminowaliśmy wszystkie jednostronicowe problemy związane z kasą w naszych modułach płatności.

Nie twierdzimy, że jednostronicowa płatność jest kompleksowym rozwiązaniem wszystkich problemów ze stroną płatności. Jednak dobrze zoptymalizowana jednoetapowa płatność zawsze może zapewnić przewagę. Zoptymalizuj swoją wieloetapową kasę w najlepszym możliwym stopniu, a następnie przetestuj ją za pomocą jednostronicowego rozwiązania kasowego, a wyniki zapewnią najlepszą kasę, niezależnie od tego, czy jest to jedna strona, czy wiele stron. Zawsze wybieraj to, co najlepsze dla Twojej marki.

Lubiłem to? You Like Like Te Too