Opencart One Page Checkout – User Manual


1.0 Wprowadzenie

Większość odwiedzających opuszcza kasę z żądanym produktem tylko dlatego, że uważają, że proces jest złożony i długotrwały. Ostatecznie prowadzi to do coraz większej liczby porzucanych wózków. Knowband zaoferował, aby kontrolować wskaźniki rezygnacji i porzucania koszykaOpenCart One Page Checkout Pro wtyczka do sklepów OpenCart. Wdrażając One Page Checkout dla swojej witryny eCommerce, możesz poprawić współczynniki konwersji, ponieważ zastępuje ona wieloetapową stronę kasy pojedynczą stroną.

Widok mobilny:

Istotne cechy rozszerzenia OpenCart One Page Checkout:

  1. Rozszerzenie oferuje funkcję Kasy gościa, dzięki której użytkownicy mogą łatwo i szybko realizować zamówienia jako klienci-goście, bez konieczności tworzenia nowego konta w sklepie internetowym.
  2. Rozszerzenie OpenCart Fast Checkout umożliwia klientom szybkie logowanie się do witryny za pomocą kont Google, Facebook i Paypal.
  3. Pola na stronie kasy mogą być łatwo dostosowywane przez administratora z zaplecza rozszerzenia OpenCart One Page Checkout Pro. Administrator sklepu może pokazać lub ukryć dowolne pola na stronie kasy lub ustawić je jako opcjonalne lub obowiązkowe dla użytkowników do wypełnienia. Administrator może również zmienić rozmieszczenie pól pozycji za pomocą funkcji przeciągania i upuszczania.
  4. Właściciel sklepu może łatwo dostosować wygląd strony kasy, w tym zmienić kolor przycisków, kolor przycisku tła, kolor tekstu itp.
  5. OpenCart One Page Supercheckout oferuje kompatybilność z wieloma sklepami i wieloma językami.
  6. Rozszerzenie OpenCart One Step Checkout obsługuje prawie wszystkie główne metody wysyłki i płatności, które zwiększają zaufanie klientów do wyboru żądanej metody ze strony kasy.
  7. Sprzedawca internetowy może zastosować dowolny układ projektu z 3 różnych układów kasy, tj. 1-kolumnowy, 2-kolumnowy lub 3-kolumnowy. Pola można łatwo przestawiać, przeciągając i upuszczając.
  8. Moduł OpenCart Quick Checkout oferuje integrację z MailChimp, Klaviyo i SendinBlue, która umożliwia automatyczną synchronizację bazy danych użytkowników z tymi kontami bez ręcznego wysiłku.
  9. Sprzedawca internetowy może również dostosować wygląd i działanie rozszerzenia za pomocą niestandardowych CSS i JS.
  10. Moduł OpenCart Responsive One Step Checkout oferuje funkcję trybu testowania, w której właściciel sklepu może sprawdzić i wyświetlić dostosowania wykonane przed wprowadzeniem dostosowań na żywo w witrynie.
  11. Moduł OpenCart Simplified Checkout oferuje funkcję Ship2Pay, za pomocą której właściciel sklepu może mapować określone metody płatności z wybranymi metodami dostawy. Ukrywa wszystkie inne metody płatności po wybraniu określonej metody dostawy i pokazuje użytkownikowi tylko te metody płatności, które są przypisane do wybranej metody dostawy.

2.0 Instrukcja instalacji z Rozszerzenie OpenCart One Page Checkout

Przed przystąpieniem do instalacji należy kupić plik Rozszerzenie OpenCart One Page Checkout ze sklepu Knowband. Po zakupie otrzymasz następujące pliki na swój zarejestrowany e-mail.

  • Kod źródłowy rozszerzenia OpenCart One Page Checkout w formacie pliku zip.
  • Instrukcja obsługi rozszerzenia OpenCart One Page Checkout.

Teraz, aby zainstalować tę jednostronicową kasę OpenCart w swoim sklepie internetowym, wykonaj następujące kroki: 1. Rozpakuj plik zip. Otrzymasz foldery, jak pokazano na poniższym obrazku


2. Skopiuj wszystkie foldery pliku zip w katalogu głównym instalacji OpenCart za pośrednictwem menedżera FTP.

Kroki instalacji pliku OCMOD
  • Po rozpakowaniu folderu znajdziesz plik supercheckout_pro.ocmod.xml, jak pokazano poniżej:
  • Teraz w panelu administracyjnym kliknij Rozszerzenia w menu po lewej stronie. Następnie kliknij Instalator rozszerzeń ( Strona główna-> rozszerzenie).

  • Teraz prześlij plik supercheckout_pro.ocmod.xml. Komunikat o powodzeniu jest wyświetlany po przesłaniu pliku.
  • Po załadowaniu pliku goto Strona główna-> Modyfikacja
  • Znajdujemy plik o nazwie Supercheckout Pro v2.8 (oznacza to, że ocmod został pomyślnie zainstalowany). Kliknij odpowiednią ikonę „+”, aby ją włączyć. Zielona ikona zmieni kolor na czerwony, jak pokazano poniżej.
  • Na koniec kliknij przycisk odświeżania (jest to obowiązkowe).

A więc OpenCart One Page Checkout Pro został pomyślnie zainstalowany i jest gotowy do użycia w Twoim sklepie. Przejdź do menu administratora i kliknij Rozszerzenia, a następnie Moduły. Kliknij przycisk konfiguracji obok Knowband Supercheckout.

3.0 Interfejs administratora z Responsywny, jednoetapowy moduł kasy OpenCart

Zaraz po pomyślnej instalacji One Page Checkout dla witryny OpenCart możesz skonfigurować pola formularza kasy zgodnie ze swoimi wymaganiami. Musisz poruszać się po ustawieniach w podanej kolejności: Panel administratora > rozszerzenia > Moduły > Knowband Supercheckout

Prosty do zrozumienia interfejs administratoraOpenCart One Page Checkout Pro jest podzielony na dziesięć sekcji, a mianowicie: 1. Ustawienia ogólne 2. Dostosowywanie 3. Ustawienia logowania 4. Adres płatności 5. Adres wysyłki 6. Metoda wysyłki 7. Ship2Pay 8. Metoda płatności 9. Koszyk 10. Projekt 11. Biuletyn Każda z tych sekcji zostało omówione poniżej:

Ustawienia ogólne 3.1

  • Włącz / Wyłącz: Korzystając z tej opcji, możesz włączyć lub wyłączyć pełną funkcjonalność programu OpenCart One Page Checkout Prowtyczka z WYŁ. na WŁ.
  • Włącz opcję newslettera: Możesz włączyć lub wyłączyć opcję “ Newsletter ” na stronie Supercheckout. Po włączeniu tego przycisku będą następujące przypadki: a.) Opcja Newsletter będzie widoczna dla klienta wykupującego Gość, tylko jeśli włączyłeś opcję Zarejestruj gościa automatycznie. b.) Opcja newslettera będzie zawsze widoczna dla klienta podczas tworzenia nowego konta. c.) Opcja newslettera nigdy nie będzie widoczna dla zalogowanych klientów.
  • Zarejestruj gościa automatycznie: Możesz włączyć tę opcję, aby automatycznie rejestrować klientów-gości w swoim sklepie. Włączając tę ​​opcję, możesz zarejestrować swoich klientów w sklepie i wysłać im wygenerowane hasło na ich e-mail.
  • Zarejestruj Konto: Włączając to pole, możesz wyświetlić pole hasła na stronie supercheckout, aby nowi użytkownicy mogli łatwo ustawić żądane hasło dla swojego konta.
  • Wybierz opcję domyślną przy kasie: Dzięki tej opcji możesz ustawić domyślną opcję w sekcji logowania swojego OpenCart„One Page Supercheckout”Strona z opcji jako Gość, Zaloguj się i Zarejestruj się.
  • Wyłącz gościa: Możesz włączyć lub wyłączyć funkcję gościa dla użytkowników w sekcji logowania One Page Checkout.
  • Dodaj styl niestandardowy:Dzięki tej opcji możesz dodać lub dołączyć własny styl do strony Supercheckout. Aby zastosować niestandardowy CSS na stronie Supercheckout, możesz wpisać ten CSS w polu tekstowym, które znajduje się po prawej stronie etykiety Dodaj niestandardowy styl. Na przykład: Możesz zmienić kolor przycisków na stronie Supercheckout.
  • Dodaj minimalną kwotę, aby wyświetlać baner bezpłatnej wysyłki: Z tej zakładki administrator może dodać minimalną wymaganą kwotę, po której klienci będą mogli otrzymać bezpłatną wysyłkę swojego zamówienia.
  • Włącz automatyczne wykrywanie kraju: Po włączeniu tej funkcji rozszerzenie automatycznie wykryje i wypełni kraj użytkownika w sekcji kraju.
  • Weryfikacja w tekście: Dzięki tej funkcji rozszerzenie wyświetla błąd za każdym razem, gdy użytkownik nie wypełni obowiązkowego pola na stronie kasy.
  • Włącz automatyczne wypełnianie adresu Google: Gdy tylko użytkownik zacznie wpisywać swój adres, rozszerzenie sugeruje jego adres, jeśli ta funkcja jest włączona.
  • Tryb testowania: Ta opcja pomaga włączyć lub wyłączyć funkcję trybu testowego w tym trybie Rozszerzenie OpenCart One Page Checkout.
  • Testowy adres URL: Po włączeniu trybu testowego możesz ustawić adres URL supercheckout, w którym możesz przetestować funkcjonalność płatności na jednej stronie.

Customizer

Na karcie Customizer można dostosować kolor tła przycisku, podgląd koloru ramki przycisku, kolor tekstu przycisku, kolor dolnej krawędzi przycisku, kolor tła przycisku mojego konta, kolor tła przycisku logowania, kolor tła przycisku logowania, kolor tła przycisku wylogowania, kupon Kolor tła przycisku kodu, Kolor tła przycisku kodu kuponu itp.

  • Kolor tła paska bezpłatnej wysyłki: Ta sekcja umożliwia zmianę koloru tła paska bezpłatnej wysyłki na stronie kasy.
  • Niestandardowe CSS i JS: Ta sekcja umożliwia dostosowanie wyglądu i stylu strony kasy za pomocą niestandardowego CSS i JS.

3.2 Logowanie

Na tej karcie znajdziesz opcje konfiguracji opcji logowania do Facebooka, Google i Paypal, jak pokazano poniżej.

  • Włącz logowanie na Facebooku: Dzięki tej opcji możesz włączyć / wyłączyć opcję logowania na Facebooku w One Page Checkout.
  • Identyfikator aplikacji Facebook: Ta opcja pozwala ustawić identyfikator aplikacji Facebook, który można wygenerować za pomocą konta Facebook Developera.
  • Sekret aplikacji Facebooka: Korzystając z tej opcji, ustaw tajny klucz wygenerowany przy użyciu konta Facebook Developera.
  • Włącz logowanie Google:Dzięki tej opcji możesz włączyć / wyłączyć opcję logowania Google w One Page Checkout.
  • Identyfikator aplikacji Google:Ta opcja pozwala ustawić identyfikator GoogleApp.
  • Identyfikator klienta Google: To pole umożliwia ustawienie identyfikatora klienta Google utworzonego w konsoli Google.
  • Google App Secret:Korzystając z tej opcji, możesz ustawić tajny klucz aplikacji wygenerowany za pomocą konsoli Google.
  • Włącz logowanie PayPal: Dzięki tej opcji możesz pozwolić swoim klientom logować się za pośrednictwem swoich kont Paypal.
  • Identyfikator klienta Paypal: Ta opcja umożliwia dodanie identyfikatora klienta Paypal.
  • Sekret klienta Paypal: Ta opcja umożliwia dodanie tajnego identyfikatora klienta Paypal.

Aby uzyskać szczegółowe instrukcje dotyczące generowania identyfikatora aplikacji, klucza tajnego aplikacji i identyfikatora klienta, przejdź do następnej sekcji.

3.2.1 Jak skonfigurować logowanie na Facebooku

Aplikację Facebook można utworzyć, wykonując poniższe czynności: – Krok 1: Przejdź do podanego adresu URL: https://developers.facebook.com/apps/ Krok 2: Kliknij przycisk „Dodaj nową aplikację”. Krok 3 i 4: Wprowadź nazwę aplikacji i identyfikator e-mail, a następnie kliknij przycisk „Utwórz identyfikator aplikacji”.

6
Krok 5 i 6: Po kliknięciu Utwórz identyfikator aplikacji będziesz musiał przejść przez kontrolę bezpieczeństwa, jak pokazano:

7

Krok 7: Kliknij kartę „Ustawienia”.

8

Krok 8-13: W menu rozwijanym dostępne będą dwie opcje: Podstawowa i Zaawansowana, kliknij „Podstawowe”. Następnie wprowadź „Domenę aplikacji”, „Kontaktowy adres e-mail”, „Adres URL prywatności”, „Adres URL warunków umowy”, „Dodaj logo”, „Wybierz kategorię” i kliknij przycisk „Zapisz zmiany”. Domeny aplikacji: twoja_domena.com jest poprawna twojadomena.com/store jest nieprawidłowa www.domain.com jest nieprawidłowa

9

Krok 14: Teraz kliknij „+ Dodaj platformę”.

10
Krok 15: I wybierz witrynę internetową jako platformę

11
Krok 16: Teraz wprowadź adres URL swojej witryny.

12
Krok 17 i 18: Kliknij „Produkty +” i wybierz login Facebook.

13
Krok 19: Wybierz internet jako platformę dla aplikacji.

14
Krok 20: Teraz kliknij Zapisz.

15
Krok 21 i 22: Kliknij Ustawienia i dodaj prawidłowe identyfikatory URI przekierowania OAuth. Prawidłowe identyfikatory URI przekierowania OAuth: https: //your_store_url/index.php? Route = kbstepcheckout / kbstepcheckout & fblogin = 1

16
Krok 23 i 24: Kliknij „Recenzja aplikacji”. I zaznacz „Ustaw” nazwę swojej aplikacji jako „Publiczna” na Tak.

17
Ostatni krok: skopiuj identyfikator aplikacji i klucz tajny aplikacji i wklej je w polach udostępnionych w module.

18

3.2.2 Jak skonfigurować logowanie Google

Wykonaj poniższe czynności, aby uzyskać identyfikator klienta i klucz tajny. 1. Przejdź do linku „https://console.developers.google.com/project”. 2. Kliknij rozwijaną opcję podświetloną w przycisku „2”, a następnie kliknij „Utwórz projekt”.

19

3. Wprowadź żądaną nazwę projektu i kliknij „Utwórz”.

20
4. Przejdź do Menedżera API, kliknij Utwórz poświadczenia i wybierz opcję Identyfikator klienta OAuth.

21

5. Kliknij przycisk „Konfiguruj ekran zgody”.

22

6. Wpisz „Identyfikator e-mail”, „Nazwa produktu”, a następnie kliknij przycisk „Zapisz”.

23
7. Wybierz „Aplikacja internetowa”, wpisz „Nazwa”, „Autoryzowane przekierowane URI”, jak wspomniano poniżej, i kliknij przycisk „Utwórz”,

24
Użyj następującego adresu URL przekierowania http: //your_store_url/index.php? Fc = module & module = supercheckout & controller = supercheckout & login_type = google 8. Skopiuj identyfikator klienta i klucz tajny.

25

9. Wklej identyfikator klienta i tajny klucz klienta w polu tekstowym pokazanym poniżej w panelu administracyjnym modułu transakcji wstępnej jednej strony.

26

3.3 Adres płatności

Ta karta zawiera ustawienia pól, które mają być wyświetlane w sekcji Adres płatności lub fakturowania na stronie kasy, jak pokazano poniżej.

  1. Składa się z dwóch części. To po lewej stronie jest dla klientów-gości, a po prawej dla klientów zalogowanych.
  2. Aby pole było wyświetlane / ukrywane na stronie kasy, zaznacz pole wyboru po lewej stronie Pokaż etykietę.
  3. Aby ustawić pole jako obowiązkowe (pole wymagane), zaznacz pole wyboru po lewej stronie Wymagaj etykiety.
  4. Pola można również uporządkować zgodnie z wymaganiami. Aby zmienić rozmieszczenie, po prostu przesuń kursor na ikonę przeciągania i przeciągnij i upuść pole tam, gdzie jest to wymagane, jak pokazano poniżej.
  5. Po zapisaniu pola zostaną uporządkowane zgodnie ze zmianami.

3.4 Adres do wysyłki

Ta karta zawiera ustawienia pól, które mają być wyświetlane w sekcji Adres wysyłki na stronie kasy, jak pokazano poniżej.

  1. Składa się z dwóch części. Ten po lewej stronie dla Klientów Gości, a prawy dla Klientów zarejestrowanych.
  2. Aby pole było wyświetlane / ukrywane na stronie kasy, zaznacz pole wyboru po lewej stronie Pokaż etykietę.
  3. Aby ustawić pole jako obowiązkowe (pole wymagane), zaznacz pole wyboru po lewej stronie Wymagaj etykiety.
  4. Pola można również uporządkować zgodnie z wymaganiami. Aby zmienić rozmieszczenie, po prostu przesuń kursor na ikonę przeciągania i przeciągnij i upuść pole tam, gdzie jest to wymagane, jak pokazano poniżej.
  5. Po zapisaniu pola zostaną uporządkowane zgodnie ze zmianami.

Metoda wysyłki 3.5

Ta karta zawiera ustawienia metody wysyłki, które są wyświetlane na stronie kasy. Zasadniczo zawiera ustawienia włączania / wyłączania i ustawiania domyślnej metody wysyłki, jak pokazano poniżej:

  • Wyświetl metody wysyłki: Dzięki tej opcji możesz pokazać / ukryć metody wysyłki na stronie kasy. W tym celu należy przełączyć przycisk z ON na OFF lub odwrotnie.
  • Styl wyświetlania: Ta opcja umożliwia wybranie stylu wyświetlania dla metod wysyłki dodanych do Twojej witryny. Możesz wybrać dowolny styl spośród trzech opcji: Tylko tekst, Tylko obraz lub Tekst z obrazami.
  • Wyświetl tytuł metody wysyłki: Dzięki tej opcji możesz włączyć lub wyłączyć tytuł dla metod wysyłki wyświetlanych na stronie kasy.
  • Wybierz domyślną metodę wysyłki: Ta opcja pomoże Ci wybrać dowolną metodę jako domyślną metodę wysyłki w Twoim sklepie.
  • Tytuł: Dzięki tej opcji możesz ustawić tytuły odpowiadające każdej z dodanych i skonfigurowanych w Twoim sklepie metod wysyłki. Możesz ustawić tytuł w języku angielskim lub francuskim.
  • Logo: Ta opcja pozwala ustawić żądane logo odpowiadające każdej z metod wysyłki skonfigurowanej dla Twojego sklepu.

3.6 Ship2Pay

Funkcja ship2pay oferowana przez moduł OpenCart Supercheckout automatycznie wyłącza metody płatności w oparciu o metodę wysyłki wybraną przez klienta. Oznacza to, że administrator może mapować niektóre określone opcje płatności z niektórymi konkretnymi opcjami wysyłki w sklepie.

3.7 Metoda płatności

Ta karta zawiera ustawienia metod płatności pokazanych na stronie kasy, takie jak włączanie / wyłączanie lub wybór metody domyślnej.

  • Wyświetl metody płatności:Dzięki tej opcji możesz pokazać / ukryć metody płatności na stronie kasy. W tym celu należy przełączyć przycisk z ON na OFF lub odwrotnie.
  • Styl wyświetlania:Ta opcja umożliwia wybranie stylu wyświetlania dla metod płatności dodanych do Twojej witryny. Możesz wybrać dowolny styl spośród trzech opcji: Tylko tekst, Tylko obraz lub Tekst z obrazami.
  • Wybierz domyślną metodę płatności:Ta opcja pomoże Ci wybrać dowolną metodę jako domyślną metodę płatności w Twoim sklepie.
  • Tytuł:Dzięki tej opcji możesz ustawić tytuły odpowiadające każdej z dodanych i skonfigurowanych w Twoim sklepie metod płatności. Możesz ustawić tytuł w języku angielskim lub francuskim.
  • Logo:Ta opcja pozwala ustawić żądane logo, odpowiadające każdej z metod płatności skonfigurowanych dla Twojego sklepu.

3.8 Koszyk

W tej sekcji znajdziesz pola koszyka podzielone na dwie sekcje, lewa jest dla klientów-gości, a prawa dla klientów zarejestrowanych lub zalogowanych.

  1. Aby wyświetlić / ukryć koszyk na stronie kasy, odznacz pole wyboru znajdujące się przed etykietą Wyświetl koszyk.
  2. Aby włączyć / wyłączyć dowolną kolumnę w koszyku, zaznacz / odznacz pole wyboru przed odpowiednią kolumną.
  3. Aby włączyć / wyłączyć wyskakujące obrazy dla produktu, zaznacz / usuń zaznaczenie pola wyboru przed odpowiednią kolumną.
  4. Aby zmienić rozmiar wyskakującego okienka, wprowadź szerokość i wysokość wyskakującego okienka w polu tekstowym przed etykietą Rozmiar obrazu produktu.
  5. Opcje kuponów, punktów premiowych i kuponów można również wyłączyć lub włączyć, zaznaczając / odznaczając pole wyboru przed odpowiednim polem. Prosimy pamiętać, że pole tekstowe punktów nagród będzie widoczne na stronie Supercheckout dopiero po spełnieniu trzech warunków. a.) Klient musi być zalogowany. b.) Musi mieć co najmniej 1 punkt nagrody na swoim koncie. c.) Musi mieć w koszyku produkt, który można kupić za punkty nagrody.

Potwierdzać:

  1. Ta zakładka jest ponownie podzielona na dwie sekcje, lewa jest dla klientów-gości, a prawa dla klientów zarejestrowanych lub zalogowanych.
  2. Aby włączyć pole komentarza dla zamówienia według klienta, zaznacz pole wyboru przed tym. Zostaw komentarz do etykiety zamówienia i wyłącz, odznacz to samo pole wyboru.
  3. Aby zezwolić na wyrażenie zgody na termin lub inne informacje zapisane w panelu administracyjnym sklepu, zaznacz / odznacz pole wyboru przed etykietą Zgadzam się z warunkami.

3.9 Zakładka Projekt

Ta karta zawiera ustawienia dotyczące projektu OpenCart One Page Checkout Pro, jak pokazano poniżej:

1-kolumna

2-kolumna

3-kolumna

Możesz łatwo zmienić szerokość dowolnej kolumny, dostosowując suwak znajdujący się u góry, jak pokazano poniżej.

 

Możesz także zmienić położenie różnych bloków strony kasy za pomocą prostej akcji przeciągnij i upuść. Po zapisaniu blok zostanie zmieniony na stronie kasy zgodnie ze zmianami.

Newsletter 3.10

Klikając w zakładkę Newsletter w Responsywny, jednoetapowy moduł kasy OpenCart, możesz skonfigurować ustawienia MailChimp, SendinBlue i Klaviyo Integrator, jak pokazano poniżej:

  • Włącz MailChimp: Możesz włączyć lub wyłączyć funkcję MailChimp Integrator dla swojego sklepu. Możesz włączyć tę opcję, jeśli chcesz zwiększyć subskrypcję newslettera dla swojego sklepu.
  • Klucz API MailChimp: Ta opcja pomaga ustawić klucz API Mailchimp do przechwytywania e-maili klientów.
  • Lista MailChimp: Po skonfigurowaniu klucza w ten sposób Rozszerzenie do szybkiego kasy OpenCart, możesz pobrać i wybrać listę MailChimp.

To samo można zrobić dla SendinBlue i Klaviyo.

4.0 Przedni interfejs zRozszerzenie OpenCart One Step Checkout

Gdy użytkownik kliknie przycisk „Dodaj do koszyka” odpowiadający produktowi i dokona jego kasy, na ekranie pojawi się następująca superkasa.

Rozszerzenie OpenCart One Page Checkout: https://www.knowband.com/opencart-one-supercheckout-pro

Demo administratora OpenCart One Page Checkout: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=admin&lang=en

OpenCart One Page Checkout Front Demo: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=front&lang=en

OpenCart One Page Checkout z oficjalnego OpenCart Marketplace: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=15353

To również Cię zainteresuje:

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 *