Come modificare la pagina di pagamento di WooCommerce senza Elementor?

Non ti piace la tua pagina di pagamento predefinita di WooCommerce perché sembra noiosa e anche il processo di pagamento è lungo? Bene, questo potrebbe essere il momento giusto per modificare la tua pagina. In questo modo, i tuoi clienti possono effettuare rapidamente i loro ordini, il che potrebbe anche aiutare a generare più conversioni.

Ma come personalizzi esattamente la tua pagina di pagamento di WooCommerce? A quanto pare, ci sono 3 modi efficaci, tra cui la modifica manuale, l'utilizzo di plug-in e il generatore di pagine Elementor. Tuttavia, il metodo migliore dipende da quello con cui trovi facile lavorare.

Ora, senza ulteriori indugi, scopriamo prima perché potresti voler personalizzare la tua pagina di pagamento. Successivamente, possiamo vedere come modificare la pagina di pagamento di WooCommerce utilizzando una combinazione di Elementor e Shopready .

Perché potresti voler modificare la tua pagina di pagamento WooCommerce

La tua pagina di pagamento WooCommerce può fare una grande differenza nel processo di acquisto dell'ordine. Per questo motivo, ci sono così tanti motivi per cui potresti volerlo modificare. Questi includono:

Migliora l'esperienza dell'utente

Il processo di pagamento su qualsiasi WooCommerce predefinito è piuttosto lungo. Pertanto, puoi scegliere di modificare la pagina e rendere più breve il processo di pagamento. In questo modo, i tuoi clienti avranno una migliore esperienza di acquisto.

Rendi il checkout sicuro e

Se i tuoi clienti ritengono che la loro fatturazione e le loro informazioni personali non siano al sicuro, probabilmente se ne andranno senza effettuare un acquisto. Pertanto, dovresti considerare di modificare il modello della tua pagina di pagamento per includere un gateway di pagamento sicuro.

Consenti acquisti facili e veloci

Un altro motivo per cui potresti voler personalizzare la pagina di pagamento di WooCommerce è aiutare i tuoi clienti a effettuare rapidamente i loro ordini. Ad esempio, potresti includere l'opzione di riempimento automatico dei dettagli.

Migliora il marchio

Pensi che il tuo marchio non si distingua dalla massa? Potresti voler modificare la tua pagina di pagamento di WooCommerce per darle un aspetto professionale. Un modo per farlo sarebbe cambiare il suo design e persino il modello di pagina.

Come modificare la pagina di pagamento di WooCommerce WO Elementor?

Esistono molti metodi per modificare la pagina di pagamento di WooCommerce. Puoi scegliere di farlo manualmente, usando una combinazione di elementor e Shopready o usando i plugin. La scelta è tua. Quindi, discutiamo di come funziona ogni metodo.

Metodo 1: modifica manuale

Questo metodo prevede l'utilizzo di un codice per modificare il modello della pagina di pagamento . Di conseguenza, offre un maggiore controllo sulla personalizzazione rispetto all'utilizzo di altri metodi di modifica. Di seguito sono riportati semplici passaggi su come farlo.

Passaggio 1: scegli i filtri per personalizzare i campi di pagamento

Per modificare i tuoi campi di pagamento, utilizzerai il file functions.php sul tuo sito di eCommerce . Questo dovrebbe essere facile perché WooCommerce ti fornisce un elenco di filtri per consentirti di personalizzare i campi di pagamento. Ad esempio, c'è il:

• WooCommerce_shipping_fields
• WooCommerce_after_checkout_form
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

Passaggio 2: modifica il testo segnaposto

Quindi, inizia personalizzando il testo segnaposto su order_comments_fields. Puoi farlo semplicemente aggiungendo il seguente frammento di codice al tuo file functions.php.

Passaggio 3: rimozione dei campi

Se vuoi rimuovere un campo, aggiungi semplicemente il codice qui sotto al tuo file functions.php.

Passaggio 4: aggiungi i campi necessari

Per aggiungere campi alla tua pagina di pagamento WooCommerce, inserisci semplicemente il codice qui sotto nel tuo file function.php.

Dopo aver inserito il codice, noterai che apparirà un campo in più. Niente di cui preoccuparsi, però. Basta copiare il codice seguente per la convalida dei dati.

Passaggio finale: salva i tuoi dati

Infine, inserisci il seguente codice per assicurarti che ogni dettaglio inserito dai tuoi clienti nella pagina di pagamento venga salvato.

Metodo 2: utilizzo di Elementor Page Builder

La modifica manuale della pagina di pagamento richiede esperienza di codifica. Fortunatamente, se non sei un esperto di tecnologia, puoi utilizzare elementor, uno dei migliori costruttori di pagine di WordPress. Di seguito sono riportati i passaggi su come eseguire la modifica utilizzando elementor.

Passaggio 1: individuare la pagina di pagamento

Per prima cosa, vai alla dashboard di WordPress e trova l'elenco delle Pagine. Sotto l'elenco Pagine, puoi trovare la pagina di pagamento predefinita. Basta fare clic sul pulsante Modifica per avviare l'editor di WordPress. Quindi, scegli l'opzione Modifica con Elementor per abilitare Elementor e quindi avvia l'editor di Elementor.

Passaggio 2: aggiungi il widget di checkout di Elementor

Successivamente, apri la pagina di pagamento predefinita in elementor ed elimina il widget o lo shortcode di WooCommerce esistente. Quindi, aggiungi il widget di checkout nell'Editor Elementor. Dovresti essere in grado di vedere un'anteprima dal vivo della tua pagina di pagamento.

Passaggio 3: modifica il contenuto nella pagina di pagamento

Nella scheda Contenuto situata nella barra laterale di Elementor, fai clic su Impostazioni generali. Dalle impostazioni, puoi decidere di selezionare un layout a una o due colonne per modificare e personalizzare il contenuto .

Inoltre, puoi modificare i dettagli di fatturazione e spedizione, informazioni aggiuntive, il tuo ordine, coupon e dettagli di pagamento. E se vuoi aggiungere un coupon box , è anche possibile.

Passaggio 4: modifica lo stile della pagina di pagamento

Proprio accanto alla scheda Contenuto, fai clic sulla scheda Stile per personalizzare ulteriormente lo stile della tua pagina di pagamento. Vuoi assicurarti che il design della tua pagina di pagamento personalizzata corrisponda a quello del tuo negozio.

Nella scheda Stile, puoi selezionare diverse opzioni di progettazione, tra cui Sezioni, Tipografia, Moduli, Riepilogo ordine e Pulsante Acquisto. Basta modificare e provare le diverse opzioni per trovare uno stile che faccia risaltare la tua pagina di pagamento.

Passaggio 5: salva le modifiche

Una volta terminata la personalizzazione dello stile del modello della pagina di pagamento , salva tutte le modifiche. Quindi, visualizza in anteprima le modifiche prima di poter finalmente pubblicare la tua pagina.

Metodo 3: utilizzo dei plugin

Un altro modo semplice e veloce per modificare la pagina di pagamento di WooCommerce è utilizzare un plug-in. Ora, ci sono una manciata di opzioni di plugin tra cui scegliere. Tuttavia, in questo articolo, ci concentreremo sull'utilizzo di una combinazione di Elementor e Shopready .

Passaggio 1: installa il componente aggiuntivo Shopready per elementor

Prima di installare questo plugin, assicurati che il tuo WordPress abbia un generatore di pagine Elementor. Questo perché Shopready non può funzionare da solo. Quindi, nella dashboard di WordPress, fai clic su plug-in e seleziona Aggiungi nuovo. Quindi, trova Shopready nella casella di ricerca e fai clic sul pulsante Attiva.

Passaggio 2: personalizza il contenuto della tua pagina di pagamento Shopready

Nella dashboard di WordPress, scegli di aprire Shopready. Verrai indirizzato alla dashboard di Shopready. Sotto la dashboard, ci sono le opzioni Widget, Moduli e Modelli per aiutarti a personalizzare la tua pagina. Puoi scegliere qualsiasi opzione per modificare e personalizzare il contenuto .

Passaggio 3: abilita i widget

Fare clic sull'opzione widget e selezionare la scheda Abilita tutto. Quindi, seleziona Salva modifiche. Ma se non vuoi abilitare tutti i campi, devi semplicemente scegliere le tue opzioni preferite e salvare le modifiche.

Passaggio 4: abilitare i moduli

Quindi, scegli l'opzione Moduli e fai clic su Abilita tutto. Puoi anche selezionare l'opzione Disabilita tutto o abilitarne selettivamente solo alcuni. Al termine, fai clic sul pulsante Salva modifiche.

Passaggio 5: abilita i modelli

In questa sezione troverai opzioni come Negozio, Pagina di pagamento, Carrello, pagina dei dettagli del prodotto e altro ancora. Fare clic sulla scheda Abilita sulle opzioni del modello preferito e quindi su Salva.

Passaggio 6: abilita l'API della valuta

Fai clic sulla scheda API e inserisci la chiave API della tua valuta nel campo vuoto fornito. Quindi, seleziona l'opzione Salva modifiche per completare il processo.

Perché usare Shopready per modificare la pagina di pagamento di WooCommerce

ShopReady è semplicemente un componente aggiuntivo per Elementor. Sviluppato da QuomodoSoft, questo plugin offre tanti vantaggi quando lo si utilizza per modificare la pagina di pagamento personalizzata di WooCommerce. Questi includono:

Ampia gamma di widget

Questo plugin ti fornisce oltre 100 widget della pagina del negozio che puoi facilmente aggiungere alla tua pagina Elementor. Di conseguenza, puoi personalizzare rapidamente la pagina di pagamento di WooCommerce secondo le tue esigenze.

Modelli predefiniti

Se sei un nuovo utente di WooCommerce, dovresti considerare di utilizzare Shopready per modificare le tue pagine di pagamento. Questo perché il plug-in presenta modelli pre-progettati per una facile personalizzazione.

Funzionalità orientate al cliente

Un altro motivo per cui dovresti usare questo plugin per modificare la tua pagina WooCommerce è a causa delle sue funzionalità orientate al cliente. Alcuni di questi includono la pagina di ringraziamento, l' aggiunta di un'opzione per la casella coupon e il confronto dei prodotti.

Adatto ai dispositivi mobili

Questo plugin ti consente di modificare la tua pagina di pagamento e renderla ottimizzata per i dispositivi mobili. Di conseguenza, i tuoi clienti possono avere un'esperienza di acquisto eccellente indipendentemente dal dispositivo che utilizzano.

Conclusione

Nel complesso, ci sono così tanti motivi per cui potresti voler modificare la tua pagina di pagamento di WooCommerce. Potresti voler migliorare l'esperienza utente del tuo cliente, rendere la pagina sicura o migliorare il tuo marchio. In ogni caso, puoi scegliere di modificare utilizzando plug-in, elementor o farlo manualmente.

Naturalmente, l'utilizzo di plug-in o una combinazione di elementor e Shopready è il metodo più semplice. Questo perché Shopready offre una vasta gamma di widget tra cui scegliere. Di conseguenza, puoi modificare la tua pagina di pagamento e personalizzarla come desideri. Tuttavia, se hai esperienza nella codifica, puoi sempre modificare le tue pagine manualmente.

Come aggiungere la lista dei desideri in WooCommerce senza plug-in