OpenCart One Page Advanced Checkout Extension – Manuale dell’utente

1.0 Introduzione

Ogni 1 degli utenti online 10 è costretto ad abbandonare il carrello solo a causa della lunga e complicata procedura di pagamento. Puoi ottimizzare il checkout del tuo sito in modo interessante incorporando OpenCart One Page Advanced Checkout Extension da Knowband. Il modulo popup di check-out reattivo di OpenCart trasforma l’intera procedura di checkout in un singolo popup basato su ajax che si attiva sullo schermo mentre il cliente sceglie di acquistare un prodotto dal negozio. Questo One Page Checkout per OpenCart riduce l’abbandono del carrello offrendo l’intero processo di acquisto su un singolo popup, senza caricare la pagina successiva.

Funzionalità 1.1 di One Page Checkout per OpenCart

Incorporare One Page Checkout per OpenCart Store non è un grosso problema in quanto offre una semplice personalizzazione senza coinvolgere competenze tecniche o modifiche al codice esistenti. Quindi, consenti rapidamente ai tuoi clienti di acquistare il prodotto attraverso un singolo popup, offrendo loro un checkout più rapido e una minore esperienza di interruzione. Di seguito sono elencati i punti salienti di questa estensione per il controllo di una pagina di OpenCart. 1. Il modulo OpenCart One Page Checkout visualizza i campi di checkout totali sotto forma di popup di check-out ajax reattivo sul frontend del sito Web senza reindirizzamento a un altro URL. 2. Questo One Page Checkout per OpenCart offre un modo semplice per aumentare gli abbonamenti alla newsletter per il business online. 3. Il popup di check-out reattivo incorporato utilizzando il modulo di checkout semplificato di OpenCart può essere facilmente abilitato o disabilitato utilizzando il pulsante di commutazione fornito nel back-end. 4. La funzionalità di registrazione ospite del popup di checkout reattivo OpenCart registra automaticamente il cliente con il sito e invia loro la password di accesso sulla sua e-mail. 5. Hai la flessibilità di abilitare o disabilitare la funzionalità di checkout del modulo OpenCart One Page Checkout. 6. Usando questa estensione per il controllo della pagina singola di OpenCart, puoi aggiungere il codice CSS alla pagina di verifica avanzata. 7. Il modulo di verifica della pagina singola di OpenCart offre funzionalità di modalità di test che consente di testare la funzionalità della pagina di verifica avanzata su un IP specifico. 8. Con il modulo di checkout semplificato di OpenCart, offri ai clienti il vantaggio delle opzioni di accesso social come Google e Facebook sulla pagina di pagamento. 9. L’estensione di checkout rapido di OpenCart consente di mostrare / nascondere i campi di indirizzo di pagamento e di spedizione in modo diverso per i clienti registrati e ospiti del negozio. 10. I campi degli indirizzi personalizzati possono essere contrassegnati come obbligatori o facoltativi con l’aiuto di questo modulo OpenCart One Page Supercheckout. 11. Usando One Page Checkout per il sito OpenCart, puoi fornire più metodi di spedizione e di pagamento ai clienti che possono essere configurati dal back-end. 12. Il modulo popup di check-out reattivo di OpenCart ti consente di impostare l’immagine e il titolo del logo desiderati per ciascuno dei metodi di pagamento e spedizione visualizzati nella pagina di supercheckout. 13. La funzione ship2pay dell’estensione quick checkout di OpenCart seleziona automaticamente il metodo di pagamento corrispondente a ciascun metodo di spedizione selezionato dal cliente. 14. L’estensione popup di check-out reattivo di OpenCart offre un carrello configurabile i cui campi possono essere corretti in base alle esigenze aziendali. 15. Il modulo OpenCart One Check è compatibile multi-store e multilingue. 16. L’estensione di checkout rapido di OpenCart offre ai clienti un layout di risposta mobile. 17. La funzione MailChimp Integrator del checkout della pagina singola di OpenCart sincronizza automaticamente i dati del cliente con l’account MailChimp collegato del venditore.

1.2 Front Interface di OpenCart Responsive Checkout Modulo popup

Quando l’utente fa clic sul pulsante “Aggiungi al carrello” corrispondente a un prodotto, vedrà il seguente dispositivo di scorrimento reattivo sullo schermo.

Sezione Riepilogo carrello di

screenshot-opencartdemo-knowband-com-2019-07-26-11_08_51-1

Inoltre, facendo clic sul pulsante “Acquista”, possono visualizzare e completare il modulo di pagamento avanzato completo in una sola volta, come mostrato nelle immagini seguenti:
Sezione di accesso all’account

screenshot-opencartdemo-knowband-com-2019-07-26-11_11_11

Indirizzo di fatturazione e spedizione

screenshot-opencartdemo-knowband-com-2019-07-26-11_13_21

Se il cliente deseleziona la casella di controllo “Spedisci allo stesso indirizzo”, vedrà la sezione dell’indirizzo di spedizione come mostrato di seguito:

screenshot-opencartdemo-knowband-com-2019-07-26-11_15_27
Sezione metodi di spedizione e pagamento

screenshot-opencartdemo-knowband-com-2019-07-26-11_21_19

Guida all’installazione di 2.0 di OpenCart One Page Advanced Checkout Extension

Prima di iniziare il processo di installazione, è necessario acquistare il modulo Checkout One Page di OpenCart dal negozio Knowband. Una volta acquistato, riceverai i seguenti file sulla tua email registrata.

  • Codice sorgente di OpenCart One Page Advanced Checkout Extension in formato di file compresso.
  • Manuale utente di OpenCart One Checkout extension.

Ora per installare questo OpenCart Advanced Checkout nel tuo negozio online, segui i passaggi indicati: 1. Decomprimere il file zip. Otterrai le cartelle come mostrato nell’immagine qui sotto

OpenCart One Page Advanced Checkout
2. Copia tutte le cartelle del file zip nella directory principale di OpenCart tramite FTP manager. Quindi, OpenCart One Page Advanced Checkout è ora installato con successo ed è pronto per l’uso nel tuo negozio. Vai al menu di amministrazione e fai clic sulle estensioni e quindi fai clic sul pulsante Configura accanto a Pagamento avanzato di una pagina.

3.0 Admin Interface di OpenCart Responsive Checkout Popup

Subito dopo l’installazione corretta del sito Web di One Page Checkout per OpenCart, è possibile configurare i campi del modulo di verifica in base alle proprie esigenze. Devi navigare le impostazioni nell’ordine specificato: Pannello di amministrazione> Estensioni> Moduli> Pagamento avanzato di una pagina

2

3

L’interfaccia di amministrazione di OpenCart per l’estempimento rapido di check-out è divisa in nove sezioni: 1.Impostazioni generali 2.Login Settings 3.Payment Address 4.Shipping Indirizzo 5.Shipping Method 6.Ship2Pay 7.Payment Method 8.Cart 9. notiziario

3.1 Impostazioni generali

4

  • Attiva / Disattiva: Questa opzione ti consente di abilitare o disabilitare la completa funzionalità di One Page Checkout per il sito Web Opencart. Se disabilitato, viene mostrato ai clienti il checkout Opencart standard.
  • Abilita l’opzione Newsletter: Utilizzando questa opzione, puoi mostrare o nascondere la casella di iscrizione alla newsletter per il tuo sito. Se il cliente controlla l’opzione della newsletter, si iscriverà agli aggiornamenti del sito (newsletter).
  • Registra Guest automaticamente: È possibile abilitare la registrazione automatica per i clienti ospiti (utenti che eseguono il checkout degli ospiti). Questa opzione invierà automaticamente una password al cliente per un ulteriore utilizzo dell’account.
  • Account registrato: Abilitando questa opzione, è possibile fornire campi password per il controllo di una singola pagina in cui l’utente può inserire la propria password per registrarsi.
  • Visualizza ospite: Questa opzione mostrerà o nasconderà l’opzione ospite nella sezione login del checkout. Utilizzando questa opzione, gli utenti possono eseguire il checkout degli ospiti per il loro articolo.
  • Aggiungi stile personalizzato: Questa opzione ti consente di includere uno stile personalizzato aggiuntivo (codice CSS), visualizzato nella parte anteriore del loro sito web.
  • Modalità di prova: È possibile abilitare questa opzione per testare la funzionalità del modulo di verifica di una pagina prima di renderla attiva per i clienti.
  • Aggiungi IP: Questa opzione consente di inserire l’indirizzo IP specifico in cui si desidera testare le funzioni avanzate di supercheckout.

Impostazioni di accesso 3.2

5

  • Abilita accesso Facebook: Questa opzione abilita o disabilita l’opzione di accesso a Facebook visualizzata sul modulo di pagamento di una pagina.
  • ID app Facebook: Questa opzione ti consente di impostare l’ID app Facebook necessario per connettersi con l’account Facebook.
  • Facebook App Secret: Questa opzione imposterà la chiave segreta dell’app Facebook. Nota: è possibile ottenere l’ID app Facebook e la chiave segreta da https://developers.facebook.com/ che è stato discusso nella sezione 3.2.1
  • Abilita accesso Google: Questa opzione abilita o disabilita l’opzione di accesso di Google visualizzata sul modulo di verifica di una pagina.
  • ID app Google: Questa opzione ti consente di impostare l’ID app Google necessario per connettersi con l’account Google.
  • ID cliente di Google: Questa opzione ti consente di impostare l’ID cliente di Google.
  • GoogleQuesto

Nota: puoi ottenere l’ID app Google, l’ID cliente e la chiave segreta da https://code.google.com/apis/console che è stato discusso nella sezione 3.2.2

3.2.1 Come configurare Facebook Login

L’app di Facebook può essere creata seguendo i seguenti passaggi: – Passo 1: Vai a URL specificato: https://developers.facebook.com/apps/ Passo 2: Fai clic sul pulsante “Aggiungi una nuova app”. Passo 3 e 4: inserisci il nome dell’app e l’ID e-mail, quindi fai clic sul pulsante “Crea ID app”.

6
Passo 5 e 6: Dopo aver fatto clic su Crea ID app, dovrai passare attraverso un controllo di sicurezza come mostrato:

7

Passo 7: fare clic sulla scheda “Impostazioni”.

8

Passo 8-13: Due opzioni saranno disponibili nel menu a tendina, Base e Avanzate, fare clic su “Base”. Quindi inserisci “Dominio app”, “Email contatto”, “URL privacy”, “URL Termini e condizioni”, “Aggiungi logo”, “Seleziona categoria” e fai clic sul pulsante “Salva modifiche”. App Domains: yourdomain.com è corretto yourdomain.com/store è errato www.domain.com non è corretto

9

Passo 14: Ora fai clic su “+ Aggiungi piattaforma”.

10
Passo 15: e seleziona Sito web come piattaforma

11
Passo 16: Ora inserisci l’URL del tuo sito.

12
Passo 17 e 18: fare clic su “Prodotti +” e selezionare Accesso Facebook.

13
Passo 19: Seleziona il Web come piattaforma per l’app.

14
Passo 20: ora fai clic su Salva.

15
Passo 21 e 22: fai clic su Impostazioni e aggiungi un URI di reindirizzamento OAuth valido. URI di reindirizzamento OAuth validi: https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout&fblogin=1

16
Passo 23 e 24: fai clic su “App review”. E contrassegna “Crea” il nome della tua app “Pubblico” su Sì.

17
Passaggio finale: copia l’ID app e il segreto dell’app e incollalo nei campi forniti nel modulo.

18

3.2.2 Come configurare Google Login

Segui i passaggi seguenti per ottenere l’ID client e il segreto del client. 1.Per collegare “https://console.developers.google.com/project”. 2. Fare clic sull’opzione a discesa evidenziata nel pulsante “2” e quindi fare clic su “Crea un progetto”.

19

3. Inserire il nome del progetto desiderato e fare clic su “Crea”.

20
4. Vai a Gestione API, fai clic su Crea credenziali e seleziona l’opzione ID client OAuth.

21

5. Fai clic sul pulsante “Configura schermata di consenso”.

22

6. Inserire “Email Id”, “Nome prodotto” e quindi fare clic sul pulsante “Salva”.

23
7. Seleziona “Applicazione Web”, inserisci “Nome”, “URI reindirizzati autorizzati” come indicato di seguito e fai clic sul pulsante “Crea”,

24
Usa il seguente URL di reindirizzamento http: //your_store_url/index.php? Fc = module & module = supercheckout e controller = supercheckout e login_type = google 8. Copia Client ID e Client Secret.

25

9. Incolla l’ID del client e il segreto del client nel campo di testo mostrato di seguito nel pannello di amministrazione del modulo di pagamento di una pagina Prestashop.

26

Indirizzo di pagamento 3.3

27

OpenCart One Page Checkout consente di mostrare o nascondere qualsiasi campo per l’indirizzo di pagamento. I campi possono essere abilitati o disabilitati separatamente per i clienti registrati e disconnessi. È possibile contrassegnare qualsiasi campo come richiesto, in modo diverso per i clienti registrati e disconnessi del negozio. Inoltre, è possibile riordinare i campi dell’indirizzo mediante semplice trascinamento.

Indirizzo di spedizione 3.4

28

Il modulo popup di checkout reattivo OpenCart ti consente di mostrare o nascondere qualsiasi campo per l’indirizzo di spedizione. I campi possono essere abilitati o disabilitati separatamente per i clienti connessi e disconnessi. Utilizzando OpenCart One Page Advanced Checkout, puoi contrassegnare qualsiasi campo come richiesto, in modo diverso per i clienti che hanno effettuato l’accesso e disconnesso dal negozio. Inoltre, è possibile riordinare i campi degli indirizzi utilizzando la semplice azione di trascinamento della selezione. Nota: per includere e mostrare più campi personalizzati in Indirizzo di pagamento, Indirizzo di spedizione, sezione carrello o sezione account del pagamento, è possibile fare riferimento alla sezione 3.10

Metodo di spedizione 3.5

29

  • Visualizza metodi di spedizione: Questa opzione mostra / nasconde l’elenco completo dei metodi di spedizione forniti nella pagina di pagamento avanzata.
  • Stile di visualizzazione: Con questa opzione, è possibile selezionare lo stile di visualizzazione per i metodi di spedizione. Può essere solo l’immagine del logo, solo il testo o entrambi.
  • Mostra il metodo di spedizione Titolo: Questa opzione abilita o disabilita il titolo per il particolare metodo di spedizione.
  • Seleziona il metodo di spedizione predefinito: Con questa opzione, è possibile selezionare qualsiasi metodo di spedizione come metodo predefinito.
  • Titolo: Questa opzione imposta il titolo desiderato per il metodo di spedizione.
  • Logo: Questa opzione imposta l’immagine del logo per il metodo di spedizione.

Allo stesso modo, puoi modificare il titolo e l’immagine del logo per tutti i metodi di spedizione usando questo

3.6 Ship2Pay

30

Metodo di pagamento 3.7

31

  • Visualizza i metodi di pagamento: Questa opzione mostrerà / nasconderà l’elenco completo dei metodi di pagamento forniti nella pagina di pagamento avanzata.
  • Stile di visualizzazione: Con questa opzione, è possibile selezionare lo stile di visualizzazione per i metodi di pagamento. Può essere solo l’immagine del logo, solo il testo o entrambi.
  • Seleziona il metodo di pagamento predefinito: Con questa opzione, puoi selezionare qualsiasi metodo di pagamento come metodo predefinito.
  • Titolo: Questa opzione imposta il titolo desiderato per il metodo di pagamento.
  • Logo: Questa opzione imposta l’immagine del logo per il metodo di pagamento.

Allo stesso modo, puoi modificare il titolo e l’immagine del logo per tutti i metodi di pagamento con l’aiuto di

3.8 Carrello

In questa sezione del Supercheckout di OpenCart One Page, puoi personalizzare il carrello e visualizzarlo come desideri nel tuo negozio. La dimensione dell’immagine degli articoli del carrello può essere facilmente modificata impostando l’altezza e la larghezza dell’immagine.

32

  • Dimensione dell’immagine del prodotto: Questa opzione ti consente di impostare la dimensione dell’immagine per i prodotti mostrati nella sezione carrello del controllo di una pagina. Inoltre, puoi mostrare o nascondere i vari campi del carrello ai clienti registrati e disconnessi del negozio. Campi come “Accetto le condizioni” e il commento dell’ordine possono essere contrassegnati come facoltativi o opzionali secondo i requisiti del sito.

Newsletter 3.9

33

  • Abilita MailChimp: Questa opzione del supercheckout di una pagina Opencart ti consente di abilitare o disabilitare la funzionalità di integrazione MailChimp per il tuo negozio.
  • Chiave API MailChimp: Con questa opzione, puoi impostare la chiave API MailChimp che collegherà il tuo sito all’account MailChimp del venditore.
  • Elenco MailChimp: Usando questa opzione, puoi recuperare e selezionare l’elenco particolare collegato all’account MailChimp.

3.9.1 Come configurare MailChimp

1.Login al tuo account Mail Chimp. 2.Fare clic sulla scheda nell’angolo destro> Scegli profilo> Extra> Chiavi API. 3.Here Admin può creare una chiave API facendo clic sul pulsante “Crea una chiave”. 4.Copy la chiave API. 5.Admin può anche creare un elenco diverso per ogni cliente di accesso social facendo clic su “Elenco” nella barra dei menu principale. 6.Ora Incolla la chiave API nella sezione Chiave API chimp fornita e fai clic sul pulsante “Ottieni lista”. 7.Seleziona l’elenco dal menu a discesa.

3.10 Come aggiungere modificare o eliminare campi personalizzati alla pagina Supercheckout

Per aggiungere campi personalizzati a qualsiasi sezione di One Page Checkout, puoi andare all’opzione “Campi personalizzati” nella scheda “Clienti” nella sezione laterale sinistra dell’interfaccia di amministrazione.

34


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 *