Il One Page Checkout di KnowBand lo ha reso semplice: il sito web CEP Sport fiorisce in Danimarca

One Page Checkout è un modo intelligente per mettere tutti i campi in una singola pagina e presentarla al cliente in un formato elegante e chiaro. È come una scatola progettata per tenere i tuoi accessori separati ma insieme. Una società con sede in Danimarca, CEP Sport ha aggiunto il modulo di pagamento di una pagina al proprio sito Web e lo ha configurato in modo ben progettato. La personalizzazione del layout è abbastanza semplice e l’aggiunta della barra di avanzamento mantiene l’utente impegnato. Questo articolo descrive quanto meravigliosamente puoi creare la pagina di pagamento con il modulo di pagamento di una pagina e implementare lo stesso sul tuo sito di e-commerce come CEP Sport ha appena fatto sul loro sito web.

Cos’è CEP Sport?

CEPsport.net è un distributore del marchio tedesco CEP ed è gestito da SportSupport ApS. CEP ha il miglior abbigliamento sportivo sul mercato in termini di design, funzionalità e compressione. Sono anche atleti a cui piace essere in grado di muoversi. È ben supportato dai prodotti sportivi più all’avanguardia sul mercato.

Implementazione del modulo One Page Checkout nel sito web di CEP Sport

Dalla pagina del prodotto alla pagina di pagamento, il design di ogni sito Web di e-commerce richiede la migliore interfaccia utente e UX. È importante ottimizzare la pagina di destinazione ma è più necessario avere una pagina di pagamento che non si aggiunga all’abbandono del carrello. CEP Sport ha scelto il modulo di verifica di una pagina di KnowBand per la sua pagina di pagamento e siamo lieti che si siano fidati del nostro modulo per la migliore soluzione di pagina di pagamento. One Page Checkout ha diverse funzionalità che lo rendono migliore tra le altre scelte disponibili. -> Visita CEP Sports Store e dai un’occhiata al design della loro pagina di pagamento da solo: Clicca qui

Ha un layout a 3 colonne con un design del layout personalizzato

La pagina Checkout di CEP Sport ha un layout di layout a 3 colonne e il modulo fornisce funzionalità di personalizzazione per il layout. Come si personalizza il layout? Ti consente di scegliere un layout di layout (1 colonna, 2 colonne, 3 colonne). Inoltre, puoi mescolare i campi e riposizionarli con la funzionalità di trascinamento della selezione. Nella foto sotto, puoi vedere che la pagina di checkout è personalizzata e CEP Sport l’ha progettata in base alle loro esigenze.

Carrello CTA

Per raggiungere la pagina di pagamento, è importante disporre di pulsanti CTA (Call-to-action) chiari. Il sito Web è integrato con CTA appropriati.

I clienti possono procedere alla pagina di pagamento facendo clic sul pulsante “Procedi al pagamento” e verranno reindirizzati al pagamento in una pagina.

Accesso, Checkout ospite, Nuova registrazione

Una volta, il cliente ha raggiunto la pagina di checkout deve registrarsi e se è di fretta allora Guest Checkout è anche disponibile. One Page Checkout ha tre opzioni:

  1. Accedi tramite e-mail
  2. Guest Checkout
  3. Registrati come nuovo utente

Accedi e registrati con un account di social media

Registrazione con un account di social media come Facebook è abbastanza utile e non è necessario ricordare la password per ogni sito di e-commerce. Se un cliente si registra tramite Facebook, deve solo fornire l’indirizzo di consegna. E il processo di checkout è stato risolto! Dopo la registrazione, è possibile effettuare il login inserendo l’indirizzo e-mail e la password oppure un utente può farlo accesso da Facebook account. Basta un clic e il gioco è fatto!

Sono obbligatorio* e hai appena inserito i dettagli sbagliati

I campi obbligatori possono essere evidenziati con il segno Asterisco (*). Inoltre, ha immediatamente indicato gli errori commessi da un utente durante il processo di compilazione del modulo, chiamato convalida in linea.

Modalità di consegna e pagamento

Il pagamento a pagina singola del sito Web CEP Sport ha diverse opzioni di spedizione e gateway di pagamento. Insieme a ogni metodo di spedizione, vengono visualizzati i costi aggiuntivi (se applicabili). È anche possibile specificare un particolare gateway di pagamento con un metodo di spedizione specifico.

La barra di avanzamento mostra il successo dell’utente

Questo aiuta il cliente a misurare lo stato di avanzamento della registrazione. Se pensi che ciò non sia necessario, dovresti sapere che un cervello umano funziona meglio se sa quanto lavoro è rimasto.

Aggiorna la quantità del prodotto nella pagina di pagamento

Un’altra caratteristica che lo rende la scelta del cliente è l’opzione di aggiornamento della quantità. One Page Checkout consente ai clienti di aggiornare la quantità del prodotto nella pagina di checkout stessa.

Aggiungi un campo extra per raccogliere più informazioni

Se un cliente desidera aggiungere un commento sull’ordine, dispone di un campo aggiuntivo per lo stesso. L’amministratore può aggiungere campi personalizzati nella pagina di pagamento per raccogliere informazioni dal cliente che possono essere utilizzate durante l’email marketing per l’email personalizzata.

Poiché tutte le informazioni vengono aggiunte correttamente dal cliente o dal visitatore ospite. Ora lui / lei può effettuare l’ordine!

Perché hai bisogno di One Page Checkout nel tuo negozio online?

Abbiamo effettuato un tour di successo del One Page Checkout del sito Web di CEP Sport. Ora è il momento di comprendere il valore di un checkout di una singola pagina rispetto al checkout di più pagine predefinito disponibile sulle piattaforme di e-commerce. Il One Page Checkout sembra essere più semplice perché mostra tutti i campi su una singola pagina prima del processo di compilazione del modulo. Le opzioni di checkout degli ospiti e di accesso ai social media sono metodi collaudati che aumentano le registrazioni nel negozio online. Ha una scheda di analisi delle statistiche che mostra il tasso di conversione e la frequenza di rimbalzo della pagina di pagamento. Diverse caratteristiche rendono il Modulo di pagamento di una pagina la prima scelta del cliente per la pagina di pagamento. L’articolo dettagliato su Checkout su più pagine vs. pagamento su una pagina può spiegare questo in un modo migliore.

Demo di amministrazione di One Page Checkout

Demo front-end di una pagina Supercheckout

Manuale dell’utente

Assistenza

Il team di KnowBand è sempre disponibile per aiutarti con le soluzioni di e-commerce. Abbiamo oltre 100 moduli disponibili per piattaforme di eCommerce come OpenCart, PrestaShop, Magento, WooCommerce e Shopify. Visitare KnowBand Memorizza per esplorare di più. Mettiti in contatto con support@knowband.com e discuti i requisiti del tuo sito web con i nostri esperti.

Come creare un layout personalizzato per le pagine CMS in Magento 2?

In questo articolo, scopriremo come creare layout di pagine CMS personalizzate per le nostre pagine cms. Creeremo un layout personalizzato denominato Knowband Layout.

Magento ci fornisce il seguente layout: -> Vuoto -> colonna 1 -> colonne 2 con barra sinistra -> colonne 2 con barra destra -> colonne 3 Se vuoi creare il tuo layout personalizzato per le pagine cms o alcune pagine specifiche allora è necessario concentrarsi sui seguenti passaggi:

Passo 1:

Crea il file <Nome fornitore> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Questo file definirà il design del tuo layout personalizzato.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: framework : Visualizza / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - puoi cambiare il manico come 2columns-left o 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Page Header Container"

Passo 2:

Crea <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Questo file registrerà il layout personalizzato. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: framework : Visualizza / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Knowband Layout </ label> </ layout> </ page_layouts>

Dopo aver creato questi due file, svuota la cache e il tuo layout personalizzato verrà aggiunto all'elenco dei layout. Puoi controllare il tuo layout personalizzato sul lato amministrativo in Contenuto-> Pagine -> Aggiungi nuova pagina -> Progettazione

Grazie per aver letto questo.


Checkout di una pagina per i negozi di e-commerce, è una soluzione completa per tutti i tuoi problemi?

Qui a Knowband, riceviamo domande da tutti i nostri clienti che cercano di aumentare il loro tasso di conversione del checkout, se dovessero passare a un checkout di una pagina?

Il loro scopo con la domanda è semplice; loro vogliono ottenere più conversioni della pagina di check-out, meno abbandono del carrello e più vendite. Rispondiamo dicendo sempre questo “Dipende”. A volte è una sorpresa per la maggior parte dei clienti sentire questa risposta. Dato che stiamo vendendo a Estensione per il checkout di una pagina, e ancora non lanciare una vendita a loro. Forse si aspettano una risposta del tipo “Sì, è la migliore. Dovresti utilizzare il nostro checkout di una pagina”. Vorrei che fosse così facile. Non proponiamo la nostra soluzione con una benda sugli occhi, invece, consigliamo loro qualcosa che li aiuti a capire se il loro problema può essere risolto semplicemente installando il modulo di pagamento di una pagina. Facciamo solo una pausa e esaminiamo alcuni pro e contro del checkout in un passaggio e poi decidiamo se un checkout di una pagina è semplicemente una soluzione all-in-one per tutti i tuoi problemi?

La parte fraintesa della soluzione di pagamento di una pagina

Quindi, quale dovresti considerare, Pagamento in una pagina o Pagamento in più pagine? Una risposta onesta sarebbe entrambe le cose. Un checkout di una pagina può essere davvero efficace nelle giuste condizioni e con una corretta implementazione. Devi assicurarti che risolva i problemi comuni di un checkout di una pagina e li abbia gestiti in modo efficace. Le giuste condizioni per decidere il giusto processo di checkout per la tua azienda possono dipendere da aspetti come:

  • Nicchia
  • Clienti
  • Punto di prezzo
  • Tipologia di prodotto
  • Punti dolenti e
  • Soluzioni

Ad esempio, se lo sei vendita di articoli di lusso che già ricevono meno vendite a causa del prezzo elevato e hai una base fedele di vecchi clienti, quindi un checkout multipagina è una scelta migliore qui. Guiderà gli utenti attraverso il processo di checkout e si convertirà meglio. D’altra parte, se vendi articoli non costosi dove ci sono più vendite e lo sei anche tu offrendo la spedizione gratuita opzioni, quindi una soluzione di pagamento di una pagina sarebbe più efficace qui. Sarà veloce, darà un modo più veloce per rivedere i prodotti nel carrello, mostrare subito l’opzione di spedizione gratuita e consentire all’acquirente di effettuare il pagamento direttamente sulla stessa pagina.

Esegui test A / B per la migliore soluzione di pagina di pagamento

Questi sono solo l’esempio di due semplici casi. Tuttavia, il modo migliore per sapere quale opzione funziona meglio per te è testare, analizzare, testare e iterare. Il test A / B può essere davvero utile in cui puoi testare entrambi i tipi di checkout (cioè checkout di una pagina e checkout in più passaggi) allo stesso tempo e vedere quale soddisfa meglio i tuoi clienti. Sii cauto durante i test, perché qui troverai i migliori contro i migliori. Non otterresti i risultati giusti se confrontassi un checkout di una pagina ben ottimizzato con un checkout in più passaggi disordinato e non organizzato. Quindi, prova sempre una mela con un’altra mela. Un semplice consiglio sarebbe quello di ottimizzare prima il checkout multipagina corrente per quanto possibile. Una volta, hai completamente ottimizzato il checkout in più passaggi, quindi confrontalo con un checkout ben ottimizzato testandoli. Darà una buona possibilità al tuo checkout multipagina, altrimenti la soluzione di checkout di una pagina lo oscurerà sempre.

I pagamenti di una pagina hanno ancora alcuni vantaggi per impostazione predefinita

  • Il checkout di una pagina è veloce poiché tutto è su una singola pagina.
  • I clienti devono completare solo pochi passaggi su una soluzione di pagamento di una pagina.
  • I checkout ben ottimizzati forniscono l’opzione di revisione del carrello sulla stessa pagina.
  • La selezione dell’opzione di spedizione è disponibile sulla stessa pagina nel modulo di pagamento di una pagina.
  • Il checkout di una pagina offre opzioni di pagamento sulla stessa pagina.
  • Alcuni checkout avanzati offrono anche opzioni di accesso social.

Caratteristiche da cercare durante la selezione di una soluzione di pagamento in una pagina

L’ottimizzazione è una di queste cose che differenzia una pagina di pagamento da un’altra soluzione di pagamento. Che tu stia parlando di un checkout in più passaggi o di un checkout di una pagina, deve essere ben ottimizzato. Non sarai in grado di risolvere tutti i problemi con la pagina di pagamento semplicemente consolidandola in una singola pagina; dovrai comunque ottimizzarlo per problemi di abbandono del carrello. Un vero checkout di una pagina sviluppato per frenare gli abbandoni della pagina di checkout deve affrontare problemi come questi:

Lunghezza-La durata del processo di checkout non dipende solo dal numero di pagine, ma dal numero di dettagli che un cliente deve compilare per completarlo. Assicurati che il tuo checkout di una pagina non chieda ai clienti di inserire dettagli non necessari e ridondanti. Puoi separare i campi obbligatori e facoltativi. Ad esempio, puoi ridurre le dimensioni del modulo dell’indirizzo di fatturazione o di spedizione rimuovendo i campi non necessari come il numero di fax, chiunque dal telefono o il numero di cellulare, ecc.

Revisione e aggiornamento del carrello-Ciò che manca alla maggior parte delle soluzioni di pagamento di una pagina è la possibilità per i clienti di rivedere il proprio carrello e aggiornare la quantità del prodotto dalla pagina di pagamento. Tuttavia, ci sono Soluzioni avanzate di pagamento in una pagina che forniscono la revisione del carrello e le opzioni di aggiornamento. Quindi assicurati che il tuo checkout in un passaggio fornisca questa funzione.

Checkout degli ospiti:Il pagamento da parte degli ospiti è una caratteristica importante. In entrambe le operazioni di pagamento (ad esempio, pagamento in un passaggio o pagamento multipagina), se non fornisci un’opzione di pagamento come ospite, potresti perdere un po ‘di affari. Quindi, assicurati che qualunque opzione di checkout scegli, dovresti offrire il checkout agli ospiti.

Accesso sociale:L’opzione di accesso social è più un vantaggio competitivo che un’ottimizzazione. Se non stai chiedendo ai tuoi clienti di creare necessariamente un account e di offrire il checkout agli ospiti, è l’ottimizzazione. Tuttavia, se consenti loro di registrarsi o accedere con il proprio account Facebook o Google, è un vantaggio competitivo. La nostra procedura di pagamento di una pagina PrestaShop offre l’accesso social tramite Facebook e Google per aiutarti a ottenere il massimo dal tuo processo di pagamento.

Design senza ingombri:Ciò che ossessiona la maggior parte dei commercianti mentre si passa al pagamento di una pagina è il problema del design. Un checkout di una pagina in-housing l’intero processo di checkout su una singola pagina ha maggiori probabilità di apparire congestionato e disordinato. Pertanto, devi assicurarti che la tua pagina di checkout non solo si adatti al design del tuo tema, ma dovrebbe anche avere abbastanza spazi bianchi per separare ogni elemento e sezione. Ad esempio, non sarebbe bello se la sezione di spedizione si sovrappone alla sezione di pagamento o qualsiasi altra sezione della pagina.

Abbiamo fatto del nostro meglio

Abbiamo fatto del nostro meglio per ottimizzare i nostri moduli di pagamento di una pagina per Magento, OpenCart e PrestaShop nel miglior modo possibile. Abbiamo incluso tutte le opzioni menzionate nel punto precedente. Inoltre, l’abbiamo anche provato per avere il miglior design possibile senza ingombri.

Check out come abbiamo eliminato tutti i problemi specifici del pagamento di una pagina nei nostri moduli di pagamento.

Non diciamo che un pagamento di una pagina sia una soluzione completa a tutti i problemi della pagina di pagamento. Tuttavia, un checkout one-step ben ottimizzato può sempre fornire un vantaggio. Ottimizza il tuo checkout in più passaggi nella misura migliore possibile e quindi testalo con la soluzione di checkout di una pagina, i risultati ti garantiranno il miglior checkout, indipendentemente dal fatto che sia una pagina o più pagine. Scegli sempre il meglio per il tuo marchio.

Questo mi piaceva? Ti piaceranno anche questi