Come saltare la pagina del carrello in WooCommerce
Pubblicato: 2021-02-20Vuoi imparare come ridurre i passaggi e semplificare il processo di pagamento sul tuo negozio online? Siete venuti nel posto giusto! In questa guida, ti mostreremo diversi modi per saltare la pagina del carrello in WooCommerce con e senza plug-in.
In qualità di proprietario di un negozio, il tuo obiettivo finale è rendere il processo di acquisto più conveniente per i tuoi clienti. Ci sono diverse cose che puoi fare per raggiungere questo obiettivo. Ad esempio, puoi introdurre un checkout di una pagina, rimuovere i campi di checkout non necessari, organizzare i tuoi prodotti per marchio, aggiungere un pulsante di visualizzazione rapida e così via.
In questo articolo, ci concentreremo su come saltare la pagina del carrello in WooCommerce per semplificare il processo di acquisto e aumentare i tassi di conversione. Prima di passare ai dettagli del processo, comprendiamo innanzitutto i vantaggi di saltare la pagina del carrello.
Perché saltare la pagina del carrello in WooCommerce?
Avere un noioso processo di pagamento è una svolta importante per gli acquirenti ed è anche uno dei motivi principali per i carrelli abbandonati. In WooCommerce, il processo di pagamento predefinito inizia con il cliente che aggiunge i prodotti al carrello, quindi passa manualmente alla pagina del carrello e da lì alla pagina di pagamento dove può finalmente effettuare l'ordine.
Come puoi vedere, ci sono alcuni passaggi coinvolti nel processo. Tuttavia, ai clienti non piace passare attraverso un processo così macchinoso per effettuare l'ordine. L'acquisto online dovrebbe essere facile e veloce, quindi se il tuo processo è lento puoi perdere molti potenziali acquirenti lungo la strada. La buona notizia è che puoi facilmente evitarlo rendendo il processo di pagamento semplice e diretto.
Ciò è particolarmente importante quando vendi un singolo prodotto come un ebook o piani di abbonamento che possono essere acquistati solo una volta. In questi casi, puoi semplificare il processo di checkout saltando completamente la pagina del carrello. È semplicemente una pagina di cui gli acquirenti non hanno bisogno, quindi risparmierai loro tempo. Saltando la pagina del carrello, i clienti faranno clic sul pulsante Aggiungi al carrello, andranno direttamente alla pagina di pagamento ed effettueranno l'ordine. Un processo più breve e più conveniente che renderà i tuoi clienti più felici e ti aiuterà ad aumentare le tue vendite.
Ora che sai perché è importante ridurre i passaggi e semplificare il processo di pagamento, vediamo come puoi saltare la pagina del carrello in WooCommerce.
Come saltare la pagina del carrello in WooCommerce
In questa guida, ti mostreremo 3 diversi modi per saltare la pagina del carrello in WooCommerce :
- Attraverso le impostazioni di WooCommerce
- Utilizzo del pagamento diretto per WooCommerce
- A livello di codice con frammenti di codice
Tutti questi metodi porteranno a termine il lavoro. Descriviamo ciascuno di essi in modo da poter scegliere quello migliore per te.
1) Salta la pagina del carrello tramite le impostazioni di WooCommerce
1) Vai alla dashboard di amministrazione di WP e vai su WooCommerce> Impostazioni . Quindi, seleziona l'opzione Impostazioni generali nella scheda Prodotti , seleziona l'opzione " Reindirizza alla pagina del carrello dopo l'aggiunta riuscita" e salva le modifiche.
2) Successivamente, vai alla scheda Avanzate e seleziona Imposta pagina. Imposta Checkout come Pagina carrello predefinita utilizzando il menu a discesa e salva le modifiche.
Questo è tutto! È letteralmente così semplice. Ora puoi controllare il frontend e vedere come i tuoi acquirenti salteranno la pagina del carrello e andranno dalla pagina del Negozio direttamente alla cassa per completare i loro ordini.
2) Salta la pagina del carrello utilizzando un plug-in
Un'altra opzione per saltare la pagina del carrello è utilizzare un plug-in. In questa sezione, utilizzeremo Direct Checkout per WooCommerce sviluppato da QuadLayers . Oltre alla sua capacità di saltare la pagina del carrello, questo plugin freemium offre grande flessibilità e diverse opzioni di personalizzazione per migliorare il tuo checkout.
Questo strumento ha una versione gratuita con funzionalità di base e 3 piani premium con funzionalità più avanzate a partire da 19 USD (pagamento una tantum).
Alcune delle sue caratteristiche principali sono:
- Pagamento in una pagina: consente agli utenti di modificare il carrello e confermare l'ordine nella stessa pagina
- Rimuovi i campi di check-out: rimuovi facilmente i campi non necessari e velocizza il processo di check-out
- Aggiungi al carrello AJAX su singoli prodotti: consente agli utenti di includere nel carrello prodotti singoli, raggruppati o variabili senza la necessità di ricaricare l'intero sito ogni volta
- Reindirizzamento alla cassa: reindirizza gli utenti dalla pagina del negozio direttamente alla pagina di pagamento
- Pulsante di acquisto rapido: abilita gli acquisti diretti su singoli prodotti
- Un pulsante di visualizzazione rapida: mostra una visualizzazione rapida della pagina del negozio WooCommerce e delle categorie di prodotti
In questa guida utilizzeremo solo la funzione di reindirizzamento alla cassa ma, come puoi vedere, il plugin ha molto da offrire.
Salta il carrello con il pagamento diretto per WooCommerce
Ora diamo un'occhiata a come saltare il carrello con Direct Checkout per WooCommerce.
1) Vai alla dashboard di amministrazione di WP e vai a Plugin> Aggiungi nuovo. Cerca Direct Checkout per WooCommerce, fai clic su Installa ora, quindi premi Attiva una volta completata l'installazione.
2) Dal dashboard di amministrazione di WP, vai su WooCommerce > Impostazioni. Vai a Generale nella scheda Prodotti e deseleziona entrambe le opzioni di comportamento del carrello in modo che non interferiscano con le impostazioni del plug-in.
3) Ora vai alla scheda Pagamento diretto e seleziona Impostazioni generali . Imposta il reindirizzamento Aggiunto al carrello su Checkout utilizzando il menu a discesa e salva le modifiche.
Fatto! Hai imparato a saltare la pagina del carrello con il pagamento diretto per WooCommerce.
Come accennato in precedenza, questo plugin è uno strumento eccellente per migliorare il tuo checkout, quindi ti consigliamo di dare un'occhiata alle altre funzionalità e sfruttarle al meglio per aumentare i tuoi tassi di conversione.
3) Come saltare la pagina del carrello in modo programmatico
Se hai competenze di programmazione, puoi saltare la pagina del carrello in modo programmatico con frammenti di codice. Per questo, dovrai modificare il file functions.php . Capiamo meglio come puoi farlo.
Come modificare il file functions.php
Esistono due metodi per aggiungere frammenti di codice al file functions.php .
- Includere il codice alla fine del file functions.php
- Usa un plugin
Diamo un'occhiata più da vicino a entrambe le opzioni.
NOTA : prima di andare avanti, ti consigliamo vivamente di creare un backup completo del tuo sito e di utilizzare un tema figlio per modificare il file functions.php . Se non sai come farlo, consulta la nostra guida su come creare un tema figlio o utilizzare un plug-in tema figlio .
a) Modifica il file functions.php dalla dashboard di WordPress
Il modo più semplice per aggiungere frammenti di codice al file functions.php è farlo dalla dashboard di WordPress.
Nella dashboard, vai su Aspetto > Editor temi. Quindi, seleziona il file functions.php del tuo tema figlio nella colonna di destra e incolla lo snippet di codice alla fine del file. Infine, premi Aggiorna file .
Breve e dolce, vero?
b) Aggiungi uno snippet di codice al file functions.php con un plugin
In alternativa, se non ti senti a tuo agio a modificare direttamente il file functions.php , puoi usare un plugin. Per questa demo utilizzeremo frammenti di codice .
Innanzitutto, nella dashboard di WordPress, vai su Plugin> Aggiungi nuovo e cerca il plug-in Frammenti di codice . Quindi installalo e attivalo come mostrato di seguito.
Quindi, vai su Snippet > Aggiungi nuovo. Incolla lo snippet nella sezione Codice e salva le modifiche. Inoltre, puoi dare un nome al tuo frammento di codice per assicurarti di ricordare cosa fa.
NOTA : vale la pena notare che se si utilizzano frammenti di codice, non è necessario creare un tema figlio. Tuttavia, consigliamo sempre di averne uno.
Ora che sai come aggiungere frammenti di codice al tuo file functions.php , vediamo come saltare la pagina del carrello di WooCommerce in modo programmatico.
Aggiungi frammenti e salta la pagina del carrello in modo programmatico
Prima di aggiungere i frammenti di codice, assicurati che entrambe le opzioni di comportamento del carrello siano deselezionate in WooCommerce > Impostazioni > Prodotti > Generale in modo che non interferiscano con la funzionalità del codice.
Aggiungi il seguente frammento di codice al tuo file functions.php con uno dei due metodi spiegati sopra. Lo snippet invierà i clienti dalla pagina del negozio direttamente alla pagina di pagamento, bypassando la pagina del carrello.
add_filter('add_to_cart_redirect', 'ql_skip_cart_page');
funzione ql_skip_cart_page () {
$ woocommerce globale;
$redirect_checkout = $woocommerce->carrello->get_checkout_url();
restituisce $redirect_checkout;
}Congratulazioni! Ora hai familiarità con tutti e tre i metodi per saltare la pagina del carrello in WooCommerce.
Ma non è tutto. Ci sono alcune altre cose che puoi fare per migliorare l'esperienza di acquisto dei tuoi clienti. Diamo un'occhiata ad alcuni di loro.
Sostituisci il testo Aggiungi al carrello
Finora hai imparato a saltare la pagina del carrello nel tuo negozio. Dal momento che non c'è più la pagina del carrello, il pulsante " Aggiungi al carrello" non ha molto senso ora. Quindi è una buona idea cambiarlo con qualcos'altro come Acquista ora o Acquista.
La buona notizia è che la sostituzione del testo del pulsante è un processo semplice. Puoi ottenerlo in due modi:
- Utilizzando il plug-in di pagamento diretto
- Programmaticamente
Diamo un'occhiata a ciascun metodo.
1) Sostituisci il testo del pulsante utilizzando il plug-in di verifica diretta
Dal dashboard di amministrazione di WP , vai su WooCommerce > Impostazioni e vai alla scheda Pagamento diretto . Nelle impostazioni Archivi , imposta " Sostituisci testo Aggiungi al carrello" su Sì e digita il testo che desideri visualizzare. Infine, premi il pulsante Salva per salvare le modifiche.
Questo è tutto! Il tuo pulsante Aggiungi al carrello sarà ora sostituito con un pulsante Acquista ora.
2) Sostituisci il testo del pulsante a livello di codice
Se non desideri utilizzare un plug-in, puoi anche modificare il testo del pulsante in modo programmatico. Aggiungi semplicemente il seguente frammento di codice al tuo file functions.php .
add_filter( 'woocommerce_product_single_add_to_cart_text', 'ql_replace_add_to_cart_button_text' );
add_filter('woocommerce_product_add_to_cart_text', 'ql_replace_add_to_cart_button_text');
//Sostituisci il testo Aggiungi al carrello con Acquista ora!
funzione ql_replace_add_to_cart_button_text() {
return __( 'Compra ora!', 'woocommerce' );
}In questo esempio, cambiamo il testo del pulsante in Acquista ora! ma puoi scegliere il testo che vuoi visualizzare apportando una piccola modifica all'ultima riga di codice:
return __( 'Compra ora!', 'woocommerce' );
Basta sostituire il Acquista ora! testo con tutto ciò che vuoi visualizzare. Ad esempio, Acquista ora, Acquista ora, Effettua ordine e così via. Assicurati che il testo sia racchiuso tra virgolette singole.
Questo è tutto! È così che modifichi il testo del pulsante. Ora passiamo al nostro prossimo ritocco.
Rimuovi il messaggio Aggiunto al carrello
Se osservi attentamente, vedrai che ogni volta che un cliente acquista un prodotto, nella pagina di pagamento viene visualizzato il messaggio "Il tuo prodotto è stato aggiunto al carrello" .
Dal momento che non abbiamo più un carrello, questo messaggio non ha alcun senso quindi è meglio rimuoverlo. Per questo, useremo il seguente frammento di codice.
add_filter( 'wc_add_to_cart_message_html', 'ql_remove_add_to_cart_message' );
funzione ql_remove_add_to_cart_message($messaggio){
Restituzione '';
}Come spiegato sopra, puoi aggiungere questo snippet di codice direttamente al tuo tema figlio o utilizzare il plug-in Code Snippets.
Ora diamo un'occhiata al nostro ultimo ritocco.
Rimuovere la pagina del carrello dal menu
La maggior parte delle pagine del negozio ha un collegamento alla Pagina del carrello nel menu principale per consentire ai clienti di controllare gli articoli del carrello in qualsiasi momento. Tuttavia, poiché non abbiamo più una pagina del carrello, dovremmo rimuovere il collegamento del carrello dal menu.
Per impostazione predefinita, WordPress offre la possibilità di rimuovere le voci di menu. Per fare ciò, vai semplicemente alla dashboard di amministrazione di WP e vai su Aspetto> Menu. Seleziona la pagina del carrello nella sezione Struttura del menu e fai clic su Rimuovi . Quindi, premi il pulsante Salva per applicare le modifiche.
Congratulazioni! Hai appena rimosso la pagina del carrello dal menu. Queste piccole modifiche ti aiuteranno a ottimizzare il tuo negozio e a fornire agli utenti una migliore esperienza di acquisto.
Conclusione
Tutto sommato, un processo di pagamento semplice e diretto è essenziale per qualsiasi negozio online. Minore è il numero di passaggi necessari per effettuare un ordine, maggiori sono le possibilità di ridurre l'abbandono del carrello e aumentare i tassi di conversione. Saltando la pagina del carrello, elimini un passaggio della procedura di pagamento, rendendola più rapida e conveniente per i clienti.
In questa guida abbiamo visto come:
- Salta la pagina del carrello in WooCommerce
- Attraverso le impostazioni predefinite
- Con il plug- in Direct Checkout per WooCommerce
- A livello di codice utilizzando uno snippet di codice
- Sostituisci il testo del pulsante Aggiungi al carrello
- Utilizzando il plug-in di pagamento diretto
- Programmaticamente
- Rimuovi il messaggio aggiunto al carrello
- Rimuovere la pagina del carrello dal menu
Hai mai provato a saltare la pagina del carrello in WooCommerce? Che metodo hai usato? Fateci sapere nei commenti qui sotto.
Se hai trovato utile questo post, condividilo sui social media e iscriviti alla nostra newsletter!
Per tutorial più interessanti, dai un'occhiata a questi post:
- Come personalizzare la pagina del carrello di WooCommerce
- Personalizza la pagina del prodotto in WooCommerce