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

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.