Opencart One Page Checkout – User Manual


1.0 Introduzione

La maggior parte dei visitatori lascia la cassa per il prodotto desiderato solo perché trova il processo complesso e lungo da completare. Questo alla fine porta a un numero sempre maggiore di carrelli abbandonati. Per controllare i tassi di uscita e di abbandono del carrello, Knowband ha offertoOpenCart One Page Checkout Pro plugin per negozi OpenCart. Implementando One Page Checkout per il tuo sito eCommerce, puoi migliorare i tassi di conversione poiché sostituisce la pagina di checkout in più passaggi con un checkout a pagina singola.

Visualizzazione mobile:

Caratteristiche salienti dell’estensione OpenCart One Page Checkout:

  1. L’estensione offre la funzionalità di checkout degli ospiti grazie alla quale gli utenti possono completare facilmente e rapidamente i loro ordini come clienti ospiti senza creare un nuovo account nel negozio online.
  2. L’estensione OpenCart Fast Checkout consente ai clienti di accedere rapidamente al sito Web utilizzando i propri account Google, Facebook e Paypal.
  3. I campi nella pagina di pagamento possono essere facilmente personalizzati dall’amministratore dal back-end dell’estensione OpenCart One Page Checkout Pro. L’amministratore del negozio può mostrare o nascondere qualsiasi campo dalla pagina di pagamento o può renderlo facoltativo o obbligatorio per gli utenti da riempire. L’amministratore può anche riorganizzare i campi di posizione con la funzionalità di trascinamento della selezione.
  4. Il proprietario del negozio può personalizzare facilmente l’aspetto della pagina di pagamento, inclusa la modifica del colore dei pulsanti, del colore del pulsante di sfondo, del colore del testo, ecc.
  5. OpenCart One Page Supercheckout offre compatibilità multi-store e multilingue.
  6. L’estensione OpenCart One Step Checkout supporta quasi tutti i principali metodi di spedizione e pagamento che aumentano la fiducia dei clienti nella scelta del metodo desiderato dalla pagina di pagamento.
  7. L’e-merchant può applicare uno qualsiasi dei layout di progettazione da 3 diversi layout di checkout, ad esempio 1 colonna, 2 colonne o 3 colonne. I campi possono essere facilmente riorganizzati trascinandoli e rilasciandoli.
  8. Il modulo OpenCart Quick Checkout offre l’integrazione con MailChimp, Klaviyo e SendinBlue che ti consente di sincronizzare automaticamente il database dei tuoi utenti con questi account senza alcuno sforzo manuale.
  9. L’e-merchant può anche personalizzare l’aspetto dell’estensione tramite CSS e JS personalizzati.
  10. Il modulo OpenCart Responsive One Step Checkout offre la funzionalità della modalità Test con cui il proprietario del negozio può controllare e visualizzare le personalizzazioni effettuate prima di renderle attive sul sito web.
  11. Il modulo OpenCart Simplified Checkout offre la funzione Ship2Pay grazie alla quale il proprietario del negozio può mappare particolari metodi di pagamento con metodi di consegna selezionati. Nasconde tutti gli altri metodi di pagamento selezionando un particolare metodo di consegna e mostra all’utente solo quei metodi di pagamento che sono mappati al metodo di consegna selezionato.

2.0 Guida all’installazione di Estensione OpenCart One Page Checkout

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

  • Codice sorgente dell’estensione OpenCart One Page Checkout in formato file zippato.
  • Manuale utente dell’estensione OpenCart One Page Checkout.

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


2. Copiare tutte le cartelle del file zip nella directory principale dell’installazione di OpenCart tramite FTP manager.

Passaggi per installare il file OCMOD
  • Dopo aver decompresso la cartella, troverai un file supercheckout_pro.ocmod.xml come mostrato di seguito:
  • Ora nel pannello di amministrazione, fai clic su Estensioni nel menu a sinistra. Quindi fare clic su Extension Installer ( Home-> estensione).

  • Ora carica il file supercheckout_pro.ocmod.xml. Una volta caricato il file, viene visualizzato un messaggio di successo.
  • Dopo che il file è stato caricato, vai a Home-> Modifica
  • Troviamo un file con nome Supercheckout Pro v2.8 (questo significa che il tuo ocmod è stato installato con successo). Fare clic sull’icona “+” corrispondente per abilitarlo. L’icona verde diventa rossa come mostrato di seguito.
  • Infine, fai clic sul pulsante di aggiornamento (questo è obbligatorio).

Quindi, OpenCart One Page Checkout Pro è ora installato con successo ed è pronto per l’uso nel tuo negozio. Vai al menu di amministrazione e fai clic su Estensioni e poi su Moduli. Fare clic sul pulsante di configurazione accanto a Knowband Supercheckout.

3.0 Interfaccia di amministrazione di Modulo reattivo per il checkout in un passaggio OpenCart

Subito dopo la corretta installazione del sito Web One Page Checkout per OpenCart, è possibile configurare i campi del modulo di checkout secondo le proprie esigenze. Devi navigare nelle impostazioni nell’ordine dato: Pannello di Amministrazione > estensioni > moduli > Knowband Supercheckout

L’interfaccia di amministrazione semplice da comprendere di OpenCart One Page Checkout Pro è diviso in dieci sezioni, ovvero: 1. Impostazioni generali 2. Personalizzatore 3. Impostazioni di accesso 4. Indirizzo di pagamento 5. Indirizzo di spedizione 6. Metodo di spedizione 7. Ship2Pay 8. Metodo di pagamento 9. Carrello 10. Design 11. Newsletter Ciascuna di queste sezioni è stato discusso di seguito:

3.1 Impostazioni generali

  • Attiva / Disattiva: Utilizzando questa opzione, è possibile abilitare o disabilitare la funzionalità completa di OpenCart One Page Checkout Pro plugin da OFF a ON.
  • Abilita opzione newsletter: È possibile abilitare o disabilitare l’opzione Newsletter nella pagina Supercheckout. Dopo aver abilitato questo pulsante, i seguenti saranno i casi: a.) L’opzione Newsletter sarà visibile al cliente di checkout Guest, solo se hai abilitato l’opzione Register Guest Automatically. b.) L’opzione Newsletter sarà sempre visibile al cliente se sta creando un nuovo account. c.) L’opzione Newsletter non sarà mai visibile ai clienti che hanno effettuato l’accesso.
  • Registra guest automaticamente: Puoi abilitare questa opzione per registrare automaticamente i clienti ospiti nel tuo negozio. Abilitando questa opzione, puoi registrare i tuoi clienti nel negozio e inviare loro una password generata sulla loro e-mail.
  • Account di registrazione: Abilitando questo campo, puoi mostrare un campo password nella pagina di supercheckout in modo che i nuovi utenti possano facilmente impostare la password desiderata per il loro account.
  • Seleziona l’opzione predefinita al momento del pagamento: Con questa opzione, puoi impostare un’opzione predefinita nella sezione di accesso del tuo OpenCart“One Page Supercheckout”pagina fuori dalle opzioni come Ospite, Accedi e Registrati.
  • Disabilita ospite: È possibile abilitare o disabilitare la funzionalità ospite per gli utenti nella sezione di accesso di One Page Checkout.
  • Aggiungi stile personalizzato:Con questa opzione, puoi aggiungere o includere uno stile personalizzato nella pagina Supercheckout. Per applicare alcuni CSS personalizzati sulla pagina Supercheckout, puoi scrivere quel CSS nella casella di testo che si trova appena a destra dell’etichetta Aggiungi stile personalizzato. Ad esempio: puoi cambiare il colore dei pulsanti nella pagina Supercheckout.
  • Aggiungi importo minimo per mostrare il banner di spedizione gratuita: Da questa scheda, l’amministratore può aggiungere un importo minimo richiesto, dopodiché i clienti potranno ottenere la spedizione gratuita del suo ordine.
  • Abilita rilevamento automatico paese: Dopo aver abilitato questa funzione, l’estensione rileverà e riempirà automaticamente il Paese dell’utente nella sezione Paese.
  • Convalida in linea: Con questa funzione, l’estensione visualizza un errore ogni volta che l’utente manca di riempire un campo obbligatorio nella pagina di pagamento.
  • Abilita il riempimento dell’indirizzo automatico di Google: Non appena l’utente inizia a digitare il suo indirizzo, l’estensione suggerisce il suo indirizzo se questa funzione è abilitata.
  • Modalità di prova: Questa opzione consente di abilitare o disabilitare la funzionalità della modalità test di questo Estensione OpenCart One Page Checkout.
  • URL di test:Una volta abilitata la modalità di test, è possibile impostare un URL di supercheckout in cui è possibile testare la funzionalità del checkout di una pagina.

Customizer

Dalla scheda Customizer, è possibile personalizzare il colore di sfondo del pulsante, l’anteprima del pulsante del colore del bordo del pulsante, il colore del testo del pulsante, il colore del bordo inferiore del pulsante, il colore di sfondo del pulsante del mio account, il colore di sfondo del pulsante di accesso, il colore di sfondo del pulsante di accesso, il colore di sfondo del pulsante di disconnessione, il coupon Colore sfondo pulsante codice, colore sfondo pulsante codice voucher, ecc.

  • Colore di sfondo della barra di spedizione gratuita: Questa sezione consente di modificare il colore di sfondo della barra di spedizione gratuita nella pagina di pagamento.
  • CSS e JS personalizzati: Questa sezione ti consente di personalizzare l’aspetto della pagina di pagamento con CSS e JS personalizzati.

3.2 Accesso

In questa scheda, troverai le opzioni per configurare le opzioni di accesso a Facebook, Google e Paypal come mostrato di seguito.

  • Abilita accesso Facebook: Con questa opzione, puoi abilitare / disabilitare l’opzione di accesso a Facebook su One Page Checkout.
  • ID app Facebook: Questa opzione ti consente di impostare l’ID dell’app Facebook che può essere generato utilizzando l’account dello sviluppatore di Facebook.
  • Segreto dell’app Facebook: Utilizzando questa opzione, imposta la chiave segreta generata utilizzando l’account dello sviluppatore di Facebook.
  • Abilita accesso Google:Con questa opzione, puoi abilitare / disabilitare l’opzione di accesso a Google su One Page Checkout.
  • ID app Google:Questa opzione ti consente di impostare l’ID GoogleApp.
  • ID client Google: Questo campo ti consente di impostare l’ID client Google creato dalla console di Google.
  • Segreto Google App:Utilizzando questa opzione, è possibile impostare la chiave segreta dell’app generata utilizzando la console di Google.
  • Abilita accesso Paypal: Con questa opzione, puoi consentire ai tuoi clienti di accedere tramite i loro account Paypal.
  • ID cliente Paypal: Questa opzione ti consente di aggiungere il tuo ID cliente Paypal.
  • Segreto del cliente Paypal: Questa opzione ti consente di aggiungere il tuo ID segreto del cliente Paypal.

Per istruzioni dettagliate su come generare l’ID app, la chiave segreta dell’app e l’ID client, vai alla sezione successiva.

3.2.1 Come impostare l’accesso a Facebook

L’app Facebook può essere creata seguendo i passaggi indicati di seguito: – Passaggio 1: accedere all’URL fornito: https://developers.facebook.com/apps/ Passaggio 2: fare clic sul pulsante “Aggiungi una nuova app”. Passaggio 3 e 4: inserisci il nome dell’app e l’ID e-mail, quindi fai clic sul pulsante “Crea ID app”.

6
Passaggio 5 e 6: dopo aver fatto clic su Crea ID app, dovrai eseguire un controllo di sicurezza come mostrato:

7

Passaggio 7: fare clic sulla scheda “Impostazioni”.

8

Passaggio 8-13: saranno disponibili due opzioni nel menu a discesa, Base e Avanzate, fare clic su “Base”. Quindi inserisci il tuo “Dominio app”, “Email di contatto”, “URL privacy”, “URL termini e condizioni”, “Aggiungi logo”, “Seleziona categoria” e fai clic sul pulsante “Salva modifiche”. Domini app: tuodominio.com è corretto tuodominio.com/store non è corretto www.dominio.com non è corretto

9

Passaggio 14: ora fai clic su “+ Aggiungi piattaforma”.

10
Passaggio 15: selezionare il sito Web come piattaforma

11
Passaggio 16: ora inserisci l’URL del tuo sito.

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

13
Passaggio 19: seleziona Web come piattaforma per l’app.

14
Passaggio 20: ora fai clic su Salva.

15
Passaggio 21 e 22: fare clic su Impostazioni e aggiungere un URI di reindirizzamento OAuth valido. URI di reindirizzamento OAuth validi: https: //your_store_url/index.php? Route = kbstepcheckout / kbstepcheckout & fblogin = 1

16
Passaggio 23 e 24: fare clic su “Revisione app”. E contrassegna “Rendi” pubblico “il nome della tua app su Sì.

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

18

3.2.2 Come impostare l’accesso a Google

Segui i passaggi seguenti per ottenere l’ID e il segreto del client. 1. Vai al link “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
Utilizza il seguente URL di reindirizzamento http: //your_store_url/index.php? Fc = module & module = supercheckout & controller = supercheckout & login_type = google 8. Copia l’ID client e il 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

3.3 Indirizzo di pagamento

Questa scheda contiene le impostazioni per i campi che devono essere visualizzati nella sezione Pagamento o Indirizzo di fatturazione nella pagina di pagamento come mostrato di seguito.

  1. Consiste di due sezioni. Quello a sinistra è per i clienti ospiti e quello a destra per i clienti che hanno effettuato l’accesso.
  2. Per visualizzare / nascondere un campo nella pagina di pagamento, seleziona la casella di controllo a sinistra di Mostra etichetta.
  3. Per rendere un campo obbligatorio (campo obbligatorio) seleziona la casella di controllo a sinistra di Richiedi etichetta.
  4. I campi possono anche essere riorganizzati in base alle esigenze. Per riorganizzare è sufficiente spostare il cursore sull’icona di trascinamento e trascinare e rilasciare il campo ovunque sia richiesto come mostrato di seguito.
  5. Al momento del salvataggio, i campi verranno riorganizzati in base alle modifiche.

3.4 Indirizzo di spedizione

Questa scheda contiene le impostazioni per i campi che devono essere visualizzati nella sezione Indirizzo di spedizione nella pagina di pagamento come mostrato di seguito.

  1. Consiste di due sezioni. Quello a sinistra se per Clienti Ospiti e quello di destra per i clienti registrati.
  2. Per visualizzare / nascondere un campo nella pagina di pagamento, seleziona la casella di controllo a sinistra di Mostra etichetta.
  3. Per rendere un campo obbligatorio (campo obbligatorio) seleziona la casella di controllo a sinistra di Richiedi etichetta.
  4. I campi possono anche essere riorganizzati in base alle esigenze. Per riorganizzare è sufficiente spostare il cursore sull’icona di trascinamento e trascinare e rilasciare il campo ovunque sia richiesto come mostrato di seguito.
  5. Al momento del salvataggio, i campi verranno riorganizzati in base alle modifiche.

3.5 Metodo di spedizione

Questa scheda contiene le impostazioni per il metodo di spedizione mostrato nella pagina di pagamento. Fondamentalmente contiene le impostazioni per abilitare / disabilitare e impostare il metodo di spedizione predefinito come mostrato di seguito:

  • Mostra metodi di spedizione: Con questa opzione, puoi mostrare / nascondere i metodi di spedizione nella pagina di pagamento. Per questo, devi cambiare il pulsante da ON a OFF o viceversa.
  • Stile di visualizzazione: Questa opzione ti consente di selezionare lo stile di visualizzazione per i metodi di spedizione che hai aggiunto per il tuo sito web. Puoi scegliere uno stile qualsiasi tra tre opzioni: Solo testo, Solo immagine o Testo con immagini.
  • Visualizza il titolo del metodo di spedizione: Con questa opzione, puoi abilitare o disabilitare il titolo per i metodi di spedizione visualizzati nella pagina di pagamento.
  • Seleziona un metodo di spedizione predefinito: Questa opzione ti aiuta a selezionare qualsiasi metodo come metodo di spedizione predefinito per il tuo negozio.
  • Titolo: Con questa opzione, puoi impostare i titoli corrispondenti a ciascuno dei metodi di spedizione aggiunti e configurati per il tuo negozio. È possibile impostare il titolo in lingua inglese o francese.
  • Logo: Questa opzione ti consente di impostare un logo desiderato corrispondente a ciascuno dei metodi di spedizione configurati per il tuo negozio.

3.6 Ship2Pay

La funzionalità ship2pay offerta dal modulo OpenCart Supercheckout disabilita automaticamente i metodi di pagamento in base al metodo di spedizione selezionato dal cliente. Cioè, l’amministratore può mappare alcune particolari opzioni di pagamento con alcune particolari opzioni di spedizione nel negozio.

3.7 Metodo di pagamento

Questa scheda contiene le impostazioni per i metodi di pagamento mostrati nella pagina di checkout come abilitare / disabilitare o selezionare un metodo predefinito.

  • Mostra metodi di pagamento:Con questa opzione, puoi mostrare / nascondere i metodi di pagamento nella pagina di pagamento. Per questo, devi cambiare il pulsante da ON a OFF o viceversa.
  • Stile di visualizzazione: Questa opzione ti consente di selezionare lo stile di visualizzazione per i metodi di pagamento che hai aggiunto per il tuo sito web. Puoi scegliere uno stile qualsiasi tra tre opzioni: Solo testo, Solo immagine o Testo con immagini.
  • Seleziona un metodo di pagamento predefinito: Questa opzione ti aiuta a selezionare qualsiasi metodo come metodo di pagamento predefinito per il tuo negozio.
  • Titolo: Con questa opzione, puoi impostare i titoli corrispondenti a ciascuno dei metodi di pagamento aggiunti e configurati per il tuo negozio. È possibile impostare il titolo in lingua inglese o francese.
  • Logo: Questa opzione ti consente di impostare il logo desiderato corrispondente a ciascuno dei metodi di pagamento configurati per il tuo negozio.

3.8 Cart

In questa sezione troverai i campi del carrello divisi in due sezioni, quella di sinistra è per i clienti ospiti e quella di destra per i clienti registrati o loggati.

  1. Per visualizzare / nascondere il carrello dalla pagina di pagamento, deselezionare la casella di controllo presente davanti all’etichetta Visualizza carrello.
  2. Per abilitare / disabilitare qualsiasi colonna nel carrello selezionare / deselezionare la casella di controllo davanti a quella rispettiva colonna.
  3. Per abilitare / disabilitare le immagini popup per il prodotto, selezionare / deselezionare la casella di controllo davanti alla rispettiva colonna.
  4. Per modificare la dimensione del popup dell’immagine, inserisci la larghezza e l’altezza del popup nella casella di testo davanti all’etichetta Dimensione immagine prodotto.
  5. Le opzioni Coupon, Reward Points e Voucher possono anche essere disabilitate o abilitate selezionando / deselezionando la casella di controllo davanti al rispettivo campo. Si prega di notare che la casella di testo del punto premio sarà visibile solo sulla pagina Supercheckout una volta soddisfatte le seguenti tre condizioni. a.) Il cliente deve essere connesso. b.) Deve avere almeno 1 punto premio nel suo account. c.) Deve avere un prodotto nel carrello che può essere acquistato con punti premio.

Confermare:

  1. Questa scheda è nuovamente divisa in due sezioni, quella di sinistra è per i clienti ospiti e quella di destra per i clienti registrati o registrati.
  2. Per abilitare la casella di commento per l’ordine da parte del cliente, selezionare la casella di controllo di fronte a Lascia un commento per l’etichetta dell’ordine e per disabilitare deselezionare la stessa casella di controllo.
  3. Per abilitare l’accettazione del termine o qualsiasi altra informazione salvata nell’amministratore del negozio, selezionare / deselezionare la casella di controllo davanti a Accetto l’etichetta delle condizioni.

3.9 Scheda Progettazione

Questa scheda contiene le impostazioni per la progettazione di OpenCart One Page Checkout Pro come mostrato di seguito:

1 colonna

2 colonna

3 colonna

Puoi facilmente modificare la larghezza di qualsiasi colonna regolare il cursore presente in alto come mostrato di seguito.

 

Inoltre, puoi riposizionare diversi blocchi della pagina di pagamento utilizzando una semplice azione di trascinamento della selezione. Al salvataggio, il blocco verrà riorganizzato nella pagina di pagamento secondo le modifiche.

Newsletter 3.10

Facendo clic sulla scheda Newsletter di Modulo reattivo per il checkout in un passaggio OpenCart, puoi configurare le impostazioni di MailChimp, SendinBlue e Klaviyo Integrator come mostrato di seguito:

  • Abilita MailChimp: Puoi abilitare o disabilitare la funzionalità MailChimp Integrator per il tuo negozio. Puoi abilitare questa opzione se desideri aumentare gli abbonamenti alla newsletter per il tuo negozio.
  • Chiave API MailChimp: Questa opzione ti aiuta a impostare la chiave API Mailchimp per acquisire le email del cliente.
  • Elenco MailChimp: Una volta che la chiave è configurata con questo Estensione di checkout rapido OpenCart, puoi recuperare e selezionare l’elenco MailChimp.

Lo stesso può essere fatto per SendinBlue e Klaviyo.

4.0 Interfaccia frontale di OpenCart One Step Checkout Extension

Quando l’utente fa clic sul pulsante “Aggiungi al carrello” corrispondente a un prodotto ed esegue il suo checkout, vedrà il seguente supercheckout sul suo schermo.

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

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

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

OpenCart One Page Checkout dal mercato ufficiale OpenCart: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=15353

Questo ti interesserebbe anche:

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 *