Tag: Jednostronicowy Supercheckout OpenCart

Rozszerzenie OpenCart One Page Advanced Checkout — instrukcja obsługi

 

1.0 Wprowadzenie

Co 1 na 10 użytkowników online jest zmuszony porzucić koszyk tylko z powodu długiej i skomplikowanej kasy. Co więcej, możesz zoptymalizować kasy w witrynie do interesującego, włączając rozszerzenie OpenCart One Page Advanced Checkout z Knowband. W rzeczywistości responsywny moduł wyskakujących okienek OpenCart zmienia cały proces kasy w pojedyncze wyskakujące okienko oparte na ajax. Co więcej, co uruchamia się na ekranie, gdy klient decyduje się na zakup produktu w sklepie. W ten sposób ta One Page Checkout dla OpenCart ogranicza porzucanie koszyka, oferując cały proces zakupu w jednym wyskakującym okienku, bez ładowania następnej strony.

1.1 Funkcje One Page Checkout dla OpenCart

Włączenie One Page Checkout do sklepu OpenCart nie jest wielkim problemem, ponieważ oferuje proste dostosowywanie bez angażowania jakichkolwiek umiejętności technicznych lub istniejących modyfikacji kodu. Tak więc szybko pozwól swoim klientom na zakup produktu za pomocą jednego wyskakującego okienka, zapewniając im szybszą realizację transakcji. Co więcej, mniej zakłóceń. Dlatego poniżej wymieniono uderzające zalety tego rozszerzenia OpenCart One Page Checkout. 1. Moduł OpenCart One Page Checkout wyświetla wszystkie pola kasy w postaci responsywnego wyskakującego okienka kasy opartego na ajax na interfejsie użytkownika. Ponadto strony internetowej bez przekierowania na inny adres URL. 2. Ta jednostronicowa kasa dla OpenCart zapewnia bezproblemowy sposób na zwiększenie liczby subskrypcji biuletynów dla biznesu online. 3. Responsywne wyskakujące okienko kasy włączone przy użyciu uproszczonego modułu kasy OpenCart można łatwo włączyć lub wyłączyć za pomocą przycisku przełączania podanego na zapleczu. 4. Funkcja rejestracji gości w responsywnym okienku kasowym OpenCart automatycznie rejestruje klienta w witrynie. Ponadto wyślij im hasło logowania na ich adres e-mail. 5. Masz swobodę włączania lub wyłączania funkcji kasy gościa w module OpenCart One Page Checkout. 6. Korzystając z tego rozszerzenia kasy OpenCart Single Page, możesz dodać kod CSS do zaawansowanej strony kasy. 7. Moduł kasy OpenCart Single Page oferuje funkcję trybu testowania, która pozwala przetestować zaawansowaną funkcjonalność strony kasy na określonym adresie IP. 8. Dzięki uproszczonemu modułowi płatności OpenCart zapewnij klientom korzyści z opcji logowania społecznościowego. Na przykład Google i Facebook na stronie kasy. 9. Rozszerzenie szybkiej kasy OpenCart pozwala inaczej wyświetlać/ukrywać pola adresu płatności i adresu wysyłki dla zalogowanych i gości sklepu. 10. Niestandardowe oznaczenia pól adresowych są potrzebne lub opcjonalne przy pomocy tego modułu OpenCart One Page Supercheckout. 11. Korzystając z One Page Checkout dla witryny OpenCart, możesz zapewnić klientom wiele metod wysyłki i płatności, które można konfigurować z poziomu zaplecza. 12. Responsywny moduł popup OpenCart ułatwia ustawienie żądanego obrazu logo i tytułu dla każdej metody płatności i wysyłki wyświetlanej na stronie supercheckout. 13. Funkcja ship2pay w rozszerzeniu szybkiej kasy OpenCart automatycznie wybiera metodę płatności odpowiadającą każdej metodzie wysyłki wybranej przez klienta. 14. Responsywne rozszerzenie wyskakującego okienka OpenCart oferuje konfigurowalny koszyk, którego pola można naprawić zgodnie z potrzebami biznesowymi. 15. Moduł OpenCart One Page Checkout jest kompatybilny z wieloma sklepami i wieloma językami. 16. Rozszerzenie szybkiej kasy OpenCart oferuje klientom responsywny układ mobilny. 17. Funkcja MailChimp Integrator w kasie OpenCart Single Page automatycznie synchronizuje dane klienta z połączonym kontem MailChimp sprzedawcy.

1.2 Interfejs przedni responsywnego modułu wyskakującego kasy OpenCart

Gdy użytkownik kliknie przycisk „Dodaj do koszyka” odpowiadający produktowi, zobaczy na ekranie następujący responsywny suwak kasy.

Sekcja podsumowania koszyka w OpenCart One Page Advanced Checkout

opencart-one-page-checkout-extension-cart-summary

Co więcej, po kliknięciu przycisku „Zapłać”, mogą przeglądać i wypełniać pełny formularz zaawansowanej kasy za jednym razem, jak pokazano na poniższych obrazkach:

Sekcja logowania do konta

Jeśli klient odznaczy pole wyboru „Wysyłka na ten sam adres”, zobaczy sekcję adresu wysyłki, jak pokazano poniżej:


Sekcja metod wysyłki i płatności

2.0 Podręcznik instalacji rozszerzenia OpenCart One Page Advanced Checkout

Przed rozpoczęciem procesu instalacji musisz kupić moduł OpenCart One Page Checkout ze sklepu Knowband. Ponadto po zakupie otrzymasz następujące pliki w zarejestrowanej wiadomości e-mail.

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

Teraz, aby zainstalować ten OpenCart Advanced Checkout w swoim sklepie internetowym, wykonaj następujące kroki: 1. Rozpakuj plik zip. Otrzymasz foldery, jak pokazano na obrazku poniżej


2. Skopiuj wszystkie foldery pliku zip w katalogu głównym instalacji OpenCart za pomocą menedżera FTP. Tak więc OpenCart One Page Advanced Checkout jest teraz pomyślnie zainstalowany. Ponadto jest gotowy do użycia w Twoim sklepie. Następnie przejdź do menu administratora. Ponadto kliknij rozszerzenia, a tym samym kliknij przycisk konfiguracji obok One Page Advanced Checkout.

Interfejs administratora 3.0 responsywnego wyskakującego okienka kasy OpenCart

Zaraz po udanej instalacji One Page Checkout dla witryny OpenCart możesz skonfigurować pola formularza kasy zgodnie z własnymi wymaganiami. Ponadto musisz poruszać się po ustawieniach w podanej kolejności: Panel administratora > Rozszerzenia > Moduły > Zaawansowana kasa na jednej stronie

Prosty do zrozumienia interfejs administratora rozszerzenia szybkiej kasy OpenCart jest podzielony na dziewięć sekcji, a mianowicie:

  1. Ustawienia ogólne
  2. Ustawienia logowania
  3. Adres do płatności
  4. Adres do wysyłki
  5. Sposób wysyłki
  6. Wysyłka2Pay
  7. Metoda płatności
  8. Koszyk
  9. Newsletter

Ustawienia ogólne 3.1

  • Włącz / Wyłącz: Ta opcja pozwala włączyć lub wyłączyć pełną funkcjonalność usługi One Page Checkout dla witryny Opencart. Jeśli opcja ta jest wyłączona, klientom wyświetlana jest standardowa realizacja transakcji Opencart.
  • Włącz opcję biuletynu: Korzystając z tej opcji, możesz pokazać lub ukryć okno subskrypcji biuletynu dla swojej witryny. Jeśli klient zaznaczy opcję newslettera, zasubskrybuje aktualizacje strony (newsletter).
  • Zarejestruj gościa automatycznie: Możesz włączyć automatyczną rejestrację dla klientów-gości (użytkowników, którzy dokonują płatności jako gość). Opcja ta spowoduje automatyczne przesłanie Klientowi hasła umożliwiającego dalsze korzystanie z konta.
  • Zarejestruj Konto: Włączając tę opcję, możesz podać pola hasła na jednej stronie kasy, w których użytkownik może wprowadzić swoje hasło, aby się zarejestrować.
  • Pokaż gościa: Ta opcja pokaże lub ukryje opcję gościa w sekcji logowania w kasie. Korzystając z tej opcji, użytkownicy mogą realizować transakcje gościnne dla swoich przedmiotów.
  • Dodaj niestandardowy styl: Ta opcja pozwala na dołączenie dodatkowego niestandardowego stylu (kod CSS), wyświetlanego na froncie ich witryny.
  • Tryb testowania: Możesz włączyć tę opcję, aby przetestować funkcjonalność modułu kasy na jednej stronie przed udostępnieniem go klientom.
  • Dodaj adres IP: Ta opcja umożliwia wprowadzenie konkretnego adresu IP, pod którym chcesz przetestować zaawansowane funkcje supercheckout.

3.2 Ustawienia logowania

  • Włącz logowanie do Facebooka: Ta opcja włącza lub wyłącza opcję logowania do Facebooka wyświetlaną na pierwszej stronie formularza kasy.
  • Identyfikator aplikacji na Facebooku: Ta opcja umożliwia ustawienie identyfikatora aplikacji Facebook wymaganego do połączenia z kontem na Facebooku.
  • Sekret aplikacji Facebooka: Ta opcja ustawi tajny klucz aplikacji Facebooka. Uwaga: Identyfikator aplikacji Facebook i tajny klucz można uzyskać z https://developers.facebook.com/, co zostało omówione w sekcji 3.2.1
  • Włącz logowanie Google: Ta opcja włącza lub wyłącza opcję logowania Google wyświetlaną na pierwszej stronie formularza płatności na jednej stronie.
  • Identyfikator aplikacji Google: Ta opcja umożliwia ustawienie identyfikatora aplikacji Google wymaganego do połączenia z kontem Google.
  • Identyfikator klienta Google: Ta opcja umożliwia ustawienie identyfikatora klienta Google.
  • W końcu, Google�App�Tajemnica:�Ta opcja�ustawi�klucz�Google�App�Secret�Klucz.

Uwaga: identyfikator aplikacji Google, identyfikator klienta i tajny klucz można uzyskać z https://code.google.com/apis/console, co zostało omówione w sekcji 3.2.2

3.2.1 Jak skonfigurować logowanie do Facebooka

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


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

7: Kliknij kartę „Ustawienia”.

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

14: Teraz kliknij „+ Dodaj platformę”.


15: I wybierz Witryna jako Platforma


16: Teraz wprowadź adres URL swojej witryny.


17 i 18: Kliknij „Produkty+” i wybierz opcję logowania do Facebooka.


19: Wybierz sieć jako platformę dla aplikacji.


20: Teraz kliknij Zapisz.


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


23 i 24: Kliknij „Przegląd aplikacji”. I zaznacz opcję „Upublicznij nazwę swojej aplikacji” na Tak.


Ostatni krok: skopiuj identyfikator aplikacji i klucz tajny aplikacji i wklej je w polach dostępnych w module.

3.2.2 Jak skonfigurować logowanie Google

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

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


4. Przejdź do API Manager, kliknij Create Credentials i wybierz opcję ID klienta OAuth.

5. Kliknij w przycisk „Konfiguruj ekran zgody”.

6. Wprowadź „Identyfikator e-maila”, „Nazwę produktu”, a następnie kliknij przycisk „Zapisz”.


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


Użyj następującego adresu URL przekierowania

https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout

8. Skopiuj identyfikator klienta i klucz tajny klienta.

9. Wklej identyfikator klienta i klucz tajny klienta w polu tekstowym pokazanym poniżej w panelu administracyjnym jednostronicowego modułu kasy Prestashop.

Jak wygenerować klucz Google API:

1) Przejdź do Menedżera API, kliknij menu po lewej stronie, kliknij API i usługi, a następnie kliknij Poświadczenia.

2) Kliknij Utwórz dane uwierzytelniające, a następnie wybierz klucz API.

3) Skopiuj klucz API i wprowadź go w polu Identyfikator aplikacji Google na stronie logowania modułu końcowego administratora

3.3 Adres płatności

OpenCart One Page Checkout pozwala pokazać lub ukryć dowolne pole adresu płatności. Pola mogą być oddzielnie włączane lub wyłączane dla klientów zalogowanych i wylogowanych. Możesz zaznaczyć dowolne pole według potrzeb, inaczej dla zalogowanych i wylogowanych klientów sklepu. Dodatkowo możesz zmienić kolejność pól adresu za pomocą prostej czynności przeciągnij i upuść.

3.4 Adres wysyłki

 

Responsywny moduł popup OpenCart pozwala pokazać lub ukryć dowolne pole adresu wysyłki. Pola mogą być oddzielnie włączane lub wyłączane dla klientów zalogowanych i wylogowanych. Korzystając z OpenCart One Page Advanced Checkout, możesz zaznaczyć dowolne pole zgodnie z wymaganiami, inaczej dla zalogowanych i wylogowanych klientów sklepu. Dodatkowo możesz zmienić kolejność pól adresu za pomocą prostej czynności przeciągnij i upuść. Uwaga: Aby uwzględnić i wyświetlić więcej niestandardowych pól w sekcji Adres płatności, Adres wysyłki, koszyk lub sekcja konta w kasie, zapoznaj się z sekcją 3.10

Metoda wysyłki 3.5

  • Wyświetl metody wysyłki: Ta opcja pokaże/ukryje pełną listę metod wysyłki podanych na zaawansowanej stronie kasy.
  • Styl wyświetlania: Dzięki tej opcji możesz wybrać styl wyświetlania dla metod wysyłki. Może to być tylko obraz logo, tylko tekst lub jedno i drugie.
  • Wyświetl tytuł metody wysyłki: Ta opcja włącza lub wyłącza tytuł dla określonej metody wysyłki.
  • Wybierz domyślną metodę wysyłki: Dzięki tej opcji możesz wybrać dowolną metodę wysyłki jako metodę domyślną.
  • Tytuł: Ta opcja ustawia żądany tytuł dla metody wysyłki.
  • Logo: Ta opcja ustawia obraz logo dla metody wysyłki.

Podobnie, możesz zmodyfikować tytuł i obraz logo dla wszystkich metod wysyłki za pomocą tego modułu OpenCart One Page Advanced Checkout.

3.6 Ship2Pay

3.7 Metoda płatności

  • Wyświetl metody płatności: Ta opcja pokaże/ukryje pełną listę metod płatności dostępnych na stronie zaawansowanej kasy.
  • Styl wyświetlania: Dzięki tej opcji możesz wybrać styl wyświetlania metod płatności. Może to być tylko obraz logo, tylko tekst lub jedno i drugie.
  • Wybierz domyślną metodę płatności: Dzięki tej opcji możesz wybrać dowolną metodę płatności jako metodę domyślną.
  • Tytuł: Ta opcja ustawia żądany tytuł dla metody płatności.
  • Logo: Ta opcja ustawia obraz logo dla metody płatności.

Podobnie, możesz zmodyfikować tytuł i obraz logo dla wszystkich metod płatności za pomocą jednej strony supercheckout.

3.8 Koszyk

W tej sekcji OpenCart One Page Supercheckout możesz dostosować koszyk i wyświetlić go tak, jak chcesz w swoim sklepie. Rozmiar obrazu elementów koszyka można łatwo modyfikować, ustawiając wysokość i szerokość obrazu.

  • Rozmiar obrazu produktu: Ta opcja umożliwia ustawienie rozmiaru obrazu dla produktów wyświetlanych w sekcji koszyka na jednej stronie kasy. Ponadto możesz pokazać lub ukryć różne pola koszyka, aby zalogować się i wylogować klientów sklepu. Pola takie jak „Zgadzam się na warunki”. Ponadto zamów komentarze oznaczone jako opcjonalne lub opcjonalne zgodnie z wymaganiami Twojej witryny.

Newsletter 3.9

  • Włącz MailChimp: Ta opcja jednostronicowego supercheckoutu Opencart umożliwia włączanie lub wyłączanie funkcji integracji MailChimp dla Twojego sklepu.
  • Klucz API MailChimp: Dzięki tej opcji możesz ustawić klucz API MailChimp, który połączy Twoją witrynę z kontem MailChimp sprzedawcy.
  • Lista MailChimp: Korzystając z tej opcji, możesz pobrać i wybrać konkretną listę połączoną z kontem MailChimp.

3.9.1 Jak skonfigurować MailChimp

  1. Zaloguj się do swojego konta Mail Chimp.
  2. Kliknij kartę w prawym rogu > Wybierz Profil > Dodatki > Klucze API.
  3. Tutaj administrator może utworzyć klucz API, klikając przycisk „Utwórz klucz”.
  4. Skopiuj klucz API.
  5. Administrator może również utworzyć inną listę dla każdego klienta logowania społecznościowego, klikając „Lista” na górnym pasku menu.
  6. Teraz wklej klucz API w sekcji Dostarczony klucz API szympansa pocztowego i kliknij przycisk „Pobierz listę”.
  7. Wybierz listę z menu rozwijanego.

3.10 Jak dodać edycję lub usunąć niestandardowe pola na stronie Supercheckout

Aby dodać niestandardowe pola do dowolnej sekcji One Page Checkout, możesz przejść do opcji „Pola niestandardowe” w zakładce „Klienci” w sekcji po lewej stronie interfejsu administratora.

 

Opencart One Page Checkout – User Manual

1.0 Wprowadzenie

Większość odwiedzających opuszcza koszyk, aby kupić pożądany produkt, tylko dlatego, że proces ten wydaje im się skomplikowany i długotrwały. Ostatecznie prowadzi to do coraz większej liczby porzuconych koszyków. Aby kontrolować wskaźniki porzuceń i wyjść z koszyka, Knowband zaoferował… OpenCart One Page Checkout Pro Wtyczka do sklepów OpenCart. Co więcej, wdrażając One Page Checkout w swojej witrynie eCommerce, możesz poprawić wskaźniki konwersji, zastępując wieloetapową stronę płatności jednostronicową.

Widok mobilny:

Najważniejsze cechy rozszerzenia OpenCart One Page Checkout:

  1. Rozszerzenie oferuje funkcję realizacji zamówień jako gość, dzięki której użytkownicy mogą łatwo i szybko składać zamówienia jako goście, bez konieczności zakładania nowego konta w sklepie internetowym.
  2. Rozszerzenie OpenCart Fast Checkout umożliwia klientom szybkie logowanie się na stronie internetowej przy użyciu kont Google, Facebook i Paypal.
  3. Pola na stronie płatności mogą być łatwo dostosowywane przez administratora z poziomu zaplecza rozszerzenia OpenCart One Page Checkout Pro. Administrator sklepu może wyświetlać lub ukrywać dowolne pola na stronie płatności, a także ustawić je jako opcjonalne lub obowiązkowe do wypełnienia przez użytkowników. Administrator może również zmieniać układ pól za pomocą funkcji „przeciągnij i upuść”.
  4. Właściciel sklepu może z łatwością dostosować wygląd strony płatności, m.in. zmienić kolor przycisków, kolor tła przycisków, 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 niemal wszystkie główne metody wysyłki i płatności, co zwiększa zaufanie klientów i pozwala im wybrać preferowaną metodę płatności na stronie płatności.
  7. Sprzedawca internetowy może zastosować dowolny z trzech dostępnych układów płatności: 1-kolumnowy, 2-kolumnowy lub 3-kolumnowy. Układ pól można łatwo zmieniać, przeciągając i upuszczając.
  8. Moduł OpenCart Quick Checkout oferuje integrację z MailChimp, Klaviyo i SendinBlue, dzięki czemu możesz automatycznie synchronizować bazę danych swoich użytkowników z tymi kontami bez konieczności ręcznego wykonywania czynności.
  9. Sprzedawca internetowy może również dostosować wygląd rozszerzenia za pomocą własnych stylów CSS i JS.
  10. Moduł OpenCart Responsive One Step Checkout oferuje funkcję trybu testowego, dzięki której właściciel sklepu może sprawdzić i wyświetlić wprowadzone zmiany przed ich wprowadzeniem na żywo na stronie internetowej.
  11. Moduł OpenCart Simplified Checkout oferuje funkcję Ship2Pay, dzięki której właściciel sklepu może powiązać określone metody płatności z wybranymi metodami dostawy. Funkcja ta ukrywa wszystkie pozostałe metody płatności po wybraniu konkretnej metody dostawy i wyświetla użytkownikowi tylko te metody płatności, które są powiązane z wybraną metodą dostawy.

2.0 Przewodnik instalacji Rozszerzenie OpenCart One Page Checkout

Przed rozpoczęciem procesu instalacji należy zakupić Rozszerzenie OpenCart One Page Checkout ze sklepu Knowband. Po zakupie otrzymasz następujące pliki na swój zarejestrowany adres e-mail.

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

Aby zainstalować OpenCart Single Page Checkout w swoim sklepie internetowym, wykonaj następujące kroki: 1. Rozpakuj plik ZIP. Otrzymasz foldery pokazane na poniższym obrazku.


2. Skopiuj wszystkie foldery z pliku zip do katalogu głównego instalatora OpenCart za pomocą 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. Po przesłaniu pliku pojawi się komunikat o pomyślnym przesłaniu.
  • Po przesłaniu pliku przejdź do  Strona główna->Modyfikacja
  • Znajdziesz plik o nazwie Supercheckout Pro v2.8 (oznacza to, że ocmod został pomyślnie zainstalowany). Kliknij odpowiednią ikonę „+”, aby go włączyć. Zielona ikona zmieni kolor na czerwony, jak pokazano poniżej.
  • Na koniec kliknij przycisk odśwież (jest to obowiązkowe).

Więc, OpenCart One Page Checkout Pro Aplikacja została pomyślnie zainstalowana i jest gotowa do użycia w Twoim sklepie. Przejdź do menu administratora i kliknij „Rozszerzenia”, a następnie „Moduły”. Kliknij przycisk „Konfiguruj” obok Knowband Supercheckout.

3.0 Interfejs administratora Moduł OpenCart responsywny, jednoetapowy do realizacji transakcji

Zaraz po pomyślnej instalacji One Page Checkout dla witryny OpenCart możesz skonfigurować pola formularza zamówienia zgodnie ze swoimi wymaganiami. Musisz przejść przez ustawienia w podanej kolejności: Panel administratora > Rozszerzenia > Moduły > Knowband Supercheckout

Łatwy w obsłudze interfejs administratora OpenCart One Page Checkout Pro jest podzielony na dziesięć sekcji, mianowicie: 1. Ustawienia ogólne 2. Personalizacja 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ła omówiona poniżej:

Ustawienia ogólne 3.1

  • Włącz / Wyłącz: Za pomocą tej opcji możesz włączyć lub wyłączyć pełną funkcjonalność OpenCart One Page Checkout Pro wtyczkę z WYŁĄCZONEJ na WŁĄCZONĄ.
  • Włącz opcję newslettera: Możesz włączyć lub wyłączyć opcję Newslettera na stronie Supercheckout. Po włączeniu tego przycisku: a.) Opcja Newslettera będzie widoczna dla klientów dokonujących zakupów jako Goście, tylko jeśli włączono opcję Automatycznej Rejestracji Gości. b.) Opcja Newslettera będzie zawsze widoczna dla klientów tworzących nowe konto. 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ć gości w Twoim sklepie. Włączając tę ​​opcję, możesz zarejestrować swoich klientów w sklepie i wysłać im wygenerowane hasło na adres e-mail.
  • Zarejestruj Konto: Zaznaczając to pole, możesz wyświetlić pole hasła na stronie supercheckout, dzięki czemu nowi użytkownicy będą mogli łatwo ustawić żądane hasło dla swojego konta.
  • Wybierz opcję domyślną podczas realizacji transakcji: Dzięki tej opcji możesz ustawić domyślną opcję w sekcji logowania w swoim OpenCart Jednostronicowa supercheckout wyjdź z opcji Gość, Zaloguj się i Zarejestruj.
  • Wyłącz gościa: Funkcję gościa można włączać i wyłączać dla użytkowników w sekcji logowania One Page Checkout.
  • Dodaj niestandardowy styl: Dzięki tej opcji możesz dodać lub uwzględnić niestandardowy styl na stronie Supercheckout. Aby zastosować niestandardowy kod CSS na stronie Supercheckout, wpisz go w polu tekstowym po prawej stronie etykiety „Dodaj niestandardowy styl”. Na przykład: Możesz zmienić kolor przycisków na stronie Supercheckout.
  • Dodaj minimalną kwotę, aby wyświetlić baner z bezpłatną wysyłką: Na tej karcie administrator może określić minimalną kwotę, po przekroczeniu której klienci będą uprawnieni do bezpłatnej dostawy swojego zamówienia.
  • Włącz automatyczne wykrywanie kraju: Po włączeniu tej funkcji rozszerzenie automatycznie wykryje i uzupełni pole kraju użytkownika w sekcji dotyczącej kraju.
  • Walidacja inline: Dzięki tej funkcji rozszerzenie wyświetla błąd za każdym razem, gdy użytkownik nie wypełni obowiązkowego pola na stronie realizacji zamówienia.
  • Włącz automatyczny adres Google, aby wypełnić: Gdy tylko użytkownik zacznie wpisywać swój adres, rozszerzenie podpowie mu adres, jeżeli ta funkcja jest włączona.
  • Włącz lub wyłącz nowy szablon: Dzięki rozszerzeniu OpenCart One Page Checkout właściciel sklepu może zastosować nowy lub stary szablon realizacji zamówienia według własnych potrzeb w ustawieniach ogólnych.
  • Tryb testowy: Ta opcja umożliwia włączenie lub wyłączenie funkcji trybu testowego tego urządzenia. Rozszerzenie OpenCart One Page Checkout.
  • Testowanie adresu URL: Po włączeniu trybu testowego możesz ustawić adres URL supercheckout, pod którym możesz przetestować funkcjonalność płatności na jednej stronie.

Customizer

Na karcie Dostosowywanie możesz dostosować kolor tła przycisku, kolor obramowania przycisku, podgląd przycisku, kolor tekstu przycisku, kolor dolnej krawędzi przycisku, kolor tła przycisku Moje konto, kolor tła przycisku Zaloguj się, kolor tła przycisku Zaloguj się, kolor tła przycisku Wyloguj, kolor tła przycisku Kod kuponu, kolor tła przycisku Kod kuponu itd.

  • Kolor tła paska darmowej wysyłki: Ta sekcja umożliwia zmianę koloru tła paska darmowej wysyłki na stronie płatności.
  • Niestandardowy CSS i JS: Ta sekcja umożliwia dostosowanie wyglądu strony płatności za pomocą niestandardowych stylów CSS i JS.

3.2 Logowanie

Na tej karcie znajdziesz opcje konfiguracji logowania do serwisów Facebook, Google i Paypal, jak pokazano poniżej.

  • Włącz logowanie przez Facebooka: Za pomocą tej opcji możesz włączyć/wyłączyć opcję logowania przez Facebooka w ramach płatności One Page Checkout.
  • Identyfikator aplikacji Facebook: Ta opcja umożliwia ustawienie identyfikatora aplikacji Facebook, który można wygenerować przy użyciu konta programisty Facebooka.
  • Sekret aplikacji Facebooka: Korzystając z tej opcji, ustaw klucz tajny wygenerowany przy użyciu konta Facebook Developer.
  • Włącz logowanie przez Google: Za pomocą tej opcji możesz włączyć/wyłączyć opcję logowania Google w usłudze One Page Checkout.
  • Identyfikator aplikacji Google: Ta opcja umożliwia ustawienie identyfikatora GoogleApp.
  • Identyfikator klienta Google: To pole umożliwia ustawienie identyfikatora klienta Google utworzonego w konsoli Google.
  • Tajny klucz aplikacji Google: Korzystając z tej opcji, możesz ustawić tajny klucz aplikacji wygenerowany za pomocą konsoli Google.
  • Włącz logowanie przez PayPal: Dzięki tej opcji możesz pozwolić swoim klientom logować się za pośrednictwem ich kont PayPal.
  • Identyfikator klienta PayPal: Ta opcja umożliwia dodanie identyfikatora klienta PayPal.
  • Tajemnica klienta PayPal: Ta opcja umożliwia dodanie tajnego identyfikatora klienta PayPal.

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

3.2.1 Jak skonfigurować logowanie przez Facebooka?

Aplikację na Facebooku można utworzyć, wykonując poniższe kroki:

1: Przejdź do podanego adresu URL: https://developers.facebook.com/apps/

2: Kliknij przycisk „Utwórz aplikację”.

3 i 4: Wybierz „Tworzenie powiązanych doświadczeń” opcję i kliknij przycisk „Kontynuuj”.

5 i 6: Dodaj „Nazwę wyświetlaną aplikacji”, „Adres e-mail kontaktowy aplikacji” i wybierz opcję „Czy masz konto w Menedżerze firmy?”, a następnie kliknij przycisk „Utwórz aplikację”.

7 i 8: Po kliknięciu opcji Utwórz identyfikator aplikacji konieczne będzie przejście kontroli bezpieczeństwa, jak pokazano poniżej:

9: Kliknij zakładkę „Ustawienia”.

Uprzejmie dodaj usuń adres URL wywołania zwrotnego. Opis adresu URL wywołania zwrotnego usuwania można sprawdzić tutaj – https://developers.facebook.com/docs/development/create-an-app/app-dashboard/data-deletion-callback/

-10 15: W menu rozwijanym dostępne będą dwie opcje: Podstawowa i Zaawansowana. Kliknij „Podstawowa”. Następnie wprowadź „Domenę aplikacji”, „Adres URL polityki prywatności”, „Adres URL warunków korzystania z usługi”, „Dodaj ikonę”, „Wybierz kategorię” i kliknij przycisk „Zapisz zmiany”.

Domeny aplikacji:

twojadomena.com jest skorygowania

twojadomena.com/sklep jest nieprawidłowy

www.domena.com jest nieprawidłowy

16: Teraz kliknij „+Dodaj platformę”.

17: Następnie wybierz opcję Witryna jako platformę.

18 i 19: Teraz wprowadź adres URL swojej witryny.

20 i 21: Kliknij na „Produkty+” i kliknij przycisk Ustawienia na karcie logowania na Facebooku.

22: Wybierz sieć jako platformę dla aplikacji.

23: Dodaj adres URL witryny i kliknij Zapisz.

-24 26: Kliknij Ustawienia i dodaj prawidłowe przekierowania URI OAuth.

Prawidłowe przekierowania URI OAuth:

https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout&fblogin=1

27: Wybierz „W trakcie rozwoju” opcja.

28 i 29: Wybierz kategorię z listy rozwijanej i kliknij przycisk „Przełącz tryb”.

30: Skopiuj identyfikator aplikacji i sekret aplikacji, a następnie wklej je w polach przeznaczonych do tego celu w module.

Ostatni krok:

1. Zaloguj się za pomocą pakietu JavaScript SDK.

Ustaw to pole na Tak.

2. Dozwolone domeny dla pakietu JavaScript SDK

Ustaw domenę sklepu.

Uwaga: – tutaj domenę należy wpisać w poniższym typie.

https://octest.knowband.com

3.2.2 Jak skonfigurować logowanie Google?

Aby uzyskać identyfikator klienta i klucz tajny klienta, wykonaj poniższe kroki. 1. Przejdź do łącza „ https://console.developers.google.com/project 2. Kliknij „Utwórz projekt”.

3. Wprowadź żądaną nazwę projektu i nazwę organizacji, a następnie kliknij „Utwórz”.


4. Przejdź do Menedżera API, kliknij menu po lewej stronie, kliknij API i usługi, a następnie kliknij Utwórz dane uwierzytelniające.


5. Wybierz opcję Identyfikator klienta OAuth.

6. Kliknij przycisk „Konfiguruj ekran zgody”. Wprowadź „Identyfikator e-mail”, „Nazwę produktu”, a następnie kliknij przycisk „Zapisz”.


7. Wybierz opcję Zewnętrzna i kliknij przycisk „Utwórz”,


Użyj następującego adresu URL przekierowania: https://your_store_url/index.php?route=supercheckout/supercheckout 8. Dodaj nazwę aplikacji i adres e-mail pomocy technicznej użytkownika.

9. Kliknij Dodaj domenę i dodaj autoryzowaną domenę, a następnie kliknij Zapisz i kontynuuj.

10. Kliknij przycisk Zapisz i kontynuuj.

Kliknij +Dodaj użytkowników.

11. Dodaj nazwę użytkownika i kliknij przycisk Dodaj.

12. Dodany użytkownik będzie widoczny. Kliknij przycisk Zapisz i kontynuuj.

13. Kliknij ekran zawartości przysięgi, a następnie kliknij przycisk Publikuj Dodaj.

14. Kliknij opcję Dane uwierzytelniające, a następnie przycisk +Utwórz dane uwierzytelniające i wybierz opcję Identyfikator klienta Oath.

15. Dodaj typ aplikacji i nazwę, a następnie kliknij przycisk Dodaj.

16. Dodaj adresy URL i kliknij przycisk Utwórz.

17. Skopiuj i wklej identyfikator klienta i tajny klucz klienta w polu tekstowym pokazanym poniżej w module płatności jednostronicowej Prestashop

Jak wygenerować klucz API Google:

1) Przejdź do Menedżera API, kliknij menu po lewej stronie, kliknij API i usługi, a następnie kliknij Dane uwierzytelniające.

2) Kliknij Utwórz dane uwierzytelniające i wybierz klucz API.

3) Skopiuj klucz API i wprowadź go w polu Identyfikator aplikacji Google na stronie logowania modułu administracyjnego.

3.3 Adres płatności

Ta zakładka zawiera ustawienia pól, które mają być wyświetlane w sekcji Adres płatności lub Adres rozliczeniowy na stronie realizacji transakcji, jak pokazano poniżej.

  1. Składa się z dwóch sekcji. Lewa jest przeznaczona dla klientów gościnnych, a prawa dla klientów zalogowanych.
  2. Aby wyświetlić/ukryć pole na stronie płatności, zaznacz pole wyboru po lewej stronie etykiety Pokaż.
  3. Aby oznaczyć pole jako obowiązkowe (pole wymagane), zaznacz pole wyboru po lewej stronie opcji Wymagaj etykiety.
  4. Pola można również zmienić kolejność zgodnie z wymaganiami. Aby zmienić kolejność, wystarczy przesunąć kursor na ikonę przeciągania i przeciągnąć pole w odpowiednie miejsce, jak pokazano poniżej.
  5. Po zapisaniu pola zostaną uporządkowane zgodnie ze zmianami.

3.4 Adres wysyłki

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

  1. Składa się z dwóch sekcji. Lewa część przeznaczona jest dla klientów gościnnych, a prawa dla klientów zarejestrowanych.
  2. Aby wyświetlić/ukryć pole na stronie płatności, zaznacz pole wyboru po lewej stronie etykiety Pokaż.
  3. Aby oznaczyć pole jako obowiązkowe (pole wymagane), zaznacz pole wyboru po lewej stronie opcji Wymagaj etykiety.
  4. Pola można również zmienić kolejność zgodnie z wymaganiami. Aby zmienić kolejność, wystarczy przesunąć kursor na ikonę przeciągania i przeciągnąć pole w odpowiednie miejsce, jak pokazano poniżej.
  5. Po zapisaniu pola zostaną uporządkowane zgodnie ze zmianami.

3.5 Metoda wysyłki

Ta zakładka zawiera ustawienia metody wysyłki widocznej na stronie płatności. Zawiera ustawienia umożliwiające włączanie/wyłączanie oraz ustawianie 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 płatności. W tym celu należy przełączyć przycisk z pozycji WŁ. na WYŁ. lub odwrotnie.
  • Styl wyświetlania: Ta opcja pozwala wybrać styl wyświetlania metod wysyłki dodanych do witryny. Możesz wybrać dowolny styl spośród trzech opcji: Tylko tekst, Tylko obraz lub Tekst z obrazami.
  • Wyświetl metodę wysyłki Tytuł: Za pomocą tej opcji możesz włączyć lub wyłączyć tytuł metody wysyłki wyświetlany na stronie płatności.
  • Wybierz domyślną metodę wysyłki: Ta opcja umożliwia wybranie dowolnej metody wysyłki jako domyślnej dla Twojego sklepu.
  • Tytuł: Dzięki tej opcji możesz ustawić tytuły odpowiadające każdej metodzie wysyłki dodanej i skonfigurowanej w Twoim sklepie. Tytuł może być w języku angielskim lub francuskim.
  • Logo: Opcja ta umożliwia ustawienie pożądanego logo odpowiadającego każdej metodzie wysyłki skonfigurowanej w Twoim sklepie.

3.6 Wysyłka2Pay

Funkcja ship2pay oferowana przez moduł OpenCart Supercheckout automatycznie wyłącza metody płatności na podstawie wybranej przez klienta metody wysyłki. Oznacza to, że administrator może powiązać określone opcje płatności z konkretnymi opcjami wysyłki w sklepie.

3.7 Metoda płatności

Na tej karcie znajdują się ustawienia metod płatności wyświetlanych na stronie realizacji transakcji, takie jak włączanie/wyłączanie lub wybór domyślnej metody.

  • Wyświetl metody płatności: Dzięki tej opcji możesz pokazać/ukryć metody płatności na stronie płatności. W tym celu należy przełączyć przycisk z pozycji WŁ. na WYŁ. lub odwrotnie.
  • Styl wyświetlania: Ta opcja pozwala wybrać styl wyświetlania metod płatności dodanych do 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 metodzie płatności dodanej i skonfigurowanej w Twoim sklepie. Możesz ustawić tytuł w języku angielskim lub francuskim.
  • Logo: Opcja ta umożliwia ustawienie pożądanego logo odpowiadającego każdej z metod płatności skonfigurowanych w Twoim sklepie.

3.8 Koszyk

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

  1. Aby wyświetlić/ukryć koszyk na stronie płatności, zaznacz 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/odznacz pole wyboru przed odpowiednią kolumną.
  4. Aby zmienić rozmiar wyskakującego okienka z obrazem, wpisz szerokość i wysokość wyskakującego okienka w polu tekstowym przed etykietą Rozmiar obrazu produktu.
  5. Opcje kuponów, punktów lojalnościowych i voucherów można również wyłączyć lub włączyć, zaznaczając/odznaczając pole wyboru przed danym polem. Uwaga: pole tekstowe punktów lojalnościowych 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 lojalnościowy na swoim koncie. c) Musi mieć w koszyku produkt, który można kupić za punkty lojalnościowe.

Potwierdzać:

  1. Ta zakładka jest ponownie podzielona na dwie sekcje: lewa przeznaczona jest dla klientów gościnnych, a prawa dla klientów zarejestrowanych lub zalogowanych.
  2. Aby włączyć pole komentarza dla zamówienia klienta, zaznacz pole wyboru przed etykietą „Pozostaw komentarz dla zamówienia”, a aby wyłączyć tę opcję, odznacz to samo pole wyboru.
  3. Aby wyrazić zgodę na warunki lub inne informacje zapisane w panelu administracyjnym sklepu, zaznacz/odznacz pole wyboru przed etykietą Zgadzam się z warunkami.

3.9 Karta Projekt

Ta zakładka zawiera ustawienia dotyczące projektowania OpenCart One Page Checkout Pro, jak pokazano poniżej:

1-kolumnowy

2-kolumnowy

3-kolumnowy

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

 

Możesz również zmieniać położenie poszczególnych bloków na stronie płatności za pomocą prostej funkcji „przeciągnij i upuść”. Po zapisaniu, blok zostanie przearanżowany na stronie płatności zgodnie ze zmianami.

Newsletter 3.10

Klikając na zakładkę Biuletyn Moduł OpenCart responsywny, jednoetapowy do realizacji transakcjiMożesz skonfigurować ustawienia MailChimp, SendinBlue i Klaviyo Integrator, jak pokazano poniżej:

  • Włącz MailChimp: Możesz włączyć lub wyłączyć funkcję Integratora MailChimp dla swojego sklepu. Możesz włączyć tę opcję, jeśli chcesz zwiększyć liczbę subskrypcji newslettera w swoim sklepie.
  • Klucz API MailChimp: Ta opcja pomoże Ci ustawić klucz API Mailchimp służący do przechwytywania adresów e-mail klientów.
  • Lista MailChimp: Po skonfigurowaniu klucza za pomocą tego Rozszerzenie do szybkiej realizacji transakcji w OpenCart umożliwia pobranie i wybranie listy MailChimp.

To samo można zrobić w przypadku SendinBlue i Klaviyo.

4.0 Interfejs przedni Rozszerzenie OpenCart One Step Checkout

Gdy użytkownik kliknie przycisk „Dodaj do koszyka” odpowiadający danemu produktowi i dokona zakupu, na ekranie wyświetli się okno superzakupów.

5.0 Samouczek Opencart One Page Checkout Pro od Knowband

Aby proces instalacji, konfiguracji i konfiguracji był całkowicie bezproblemowy, stworzyliśmy szczegółowy i łatwy w zrozumieniu samouczek dotyczący modułu OpenCart One Page Checkout Pro firmy Knowband. Ten przewodnik krok po kroku przeprowadzi Cię przez cały proces – od pobrania i instalacji modułu po konfigurację wszystkich jego zaawansowanych funkcji, aby zapewnić szybsze, płynniejsze i bardziej przyjazne dla użytkownika finalizowanie transakcji. Niezależnie od tego, czy dopiero zaczynasz przygodę z OpenCart, czy jesteś doświadczonym użytkownikiem, samouczek pozwoli Ci bezproblemowo dostosowywać pola, zarządzać opcjami logowania społecznościowego, włączać opcję płatności jako gość, konfigurować metody płatności i wysyłki oraz optymalizować ogólny wygląd bez żadnych problemów. Obejrzyj cały samouczek tutaj, aby zapewnić sobie bezproblemową instalację i sprawne działanie rozszerzenia One Page Checkout Pro.

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

Demo panelu administracyjnego płatności OpenCart One Page: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=admin&lang=en

Demo interfejsu płatności OpenCart One Page: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=front&lang=en

Płatność jednostronicowa OpenCart z oficjalnego OpenCart Marketplace: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=15353