Come personalizzare la pagina del negozio WooCommerce (checkout e prodotto)?
Pubblicato: 2024-10-03Puoi incolpare WooCommerce per la mancanza di opzioni avanzate per personalizzare il negozio, il prodotto o la pagina di pagamento? Ovviamente non dovresti. Meglio infatti aggiungere più personalizzazione con i plugin, anche con estensioni gratuite per WooCommerce.
- personalizzare la pagina del prodotto nel negozio WooCommerce ️
- aggiungi, rimuovi, riordina e dai uno stile ai campi personalizzati nella pagina di pagamento di WooCommerce ️
Sommario
- Personalizzazione della pagina del negozio WooCommerce
- Personalizza i prodotti WooCommerce
- Progetta la pagina di pagamento con campi personalizzati
Personalizzazione della pagina del negozio WooCommerce
In breve, l'impostazione e la regolazione della pagina del negozio in WooCommerce si chiuderà in questi 4 passaggi:
Come personalizzare la pagina del negozio?
Scegli la pagina
Per mostrare la pagina del negozio è necessario averla. Può essere una pagina esistente o una nuova.
Personalizza le opzioni del catalogo prodotti
La pagina del prodotto può essere progettata nel menu Aspetto → Personalizza → WooCommerce → Catalogo prodotti .
Aggiungi la pagina al menu o ai widget
WooCommerce consente di mostrare il collegamento al catalogo prodotti nel menu e/o nei widget ( Aspetto → Menu/Widget ).
Personalizzazione del catalogo prodotti
Ci sono più opzioni per regolare la pagina?
SÌ. Ad esempio, stili CSS, aggiunta di contenuti, codici brevi, reindirizzamenti o codice personalizzato.
Pertanto, il layout della pagina standard può essere arricchito con nuove sezioni o elementi.
Personalizza i prodotti WooCommerce
La parte ovvia dell'utilizzo di WooCommerce è l'aggiunta di nuovi prodotti. Per impostazione predefinita, è possibile utilizzare attributi e varianti. Gli attributi saranno visibili nelle informazioni aggiuntive (a seconda del tema).
Naturalmente, le variazioni possono aiutare (utilizzano anche gli attributi):
Ma per creare prodotti con opzioni e campi personalizzati più personalizzabili, WooCommerce da solo non sarà sufficiente.
Come ho accennato nell’introduzione, ci sono degli elementi costitutivi per estendere le funzionalità di WooCommerce, chiamati plugin. E c'è un plugin gratuito per aggiungere campi personalizzati e personalizzare la pagina del prodotto WooCommerce.
Campi prodotto flessibili WooCommerce
Crea una procedura guidata per il prodotto per vendere incisioni, confezioni regalo, messaggi regalo, biglietti da visita, francobolli e facoltativamente addebitarli (fisso o percentuale).
Installazioni attive: oltre 10.000 | Valutazione WordPress:
Come personalizzare la pagina del prodotto WooCommerce con il plugin?
Dopo aver scaricato, installato e attivato l'estensione, sarà possibile modificare le pagine dei prodotti in pochi passaggi.
Aggiungi gruppi di campi per prodotti specifici
Innanzitutto è possibile selezionare uno o più prodotti per i nuovi campi (visibili nello screenshot qui sotto).
Scegli la posizione del campo
Inoltre, il plug-in consente di mostrare le nuove opzioni del prodotto prima o dopo il pulsante Aggiungi al carrello.
Modifica la pagina del prodotto WooCommerce con campi personalizzati
La caratteristica principale del plugin è aggiungere nuovi campi. Nella versione gratuita di Campi prodotto flessibili, sono disponibili 18 tipi di campi.
Aggiungi campi personalizzati e nuove opzioni alla pagina del prodotto WooCommerce Ogni campo ha le sue impostazioni, ad esempio etichette, segnaposto, descrizioni comandi, classi CSS, numero massimo di caratteri, ecc. Il campo può essere obbligatorio o facoltativo.
Personalizzazione della pagina del prodotto WooCommerce - esempio
L'effetto finale per uno o più prodotti (con plugin gratuito).
Opzioni di prodotto WooCommerce con campi personalizzati
Come puoi vedere, è possibile personalizzare le pagine dei prodotti WooCommerce con un plugin gratuito. Puoi scaricarlo o leggere di più nel repository WordPress.
Campi prodotto flessibili WooCommerce
Crea una procedura guidata per il prodotto per vendere incisioni, confezioni regalo, messaggi regalo, biglietti da visita, francobolli e facoltativamente addebitarli (fisso o percentuale).
Installazioni attive: oltre 10.000 | Valutazione WordPress:
Per riassumere, il plug-in Flessibilità dei campi del prodotto consente di creare prodotti personalizzati in WooCommerce.
Progetta la pagina di pagamento con campi personalizzati
Inoltre, WP Desk ha anche un plugin gratuito per personalizzare la pagina di pagamento di WooCommerce.
Campi di pagamento flessibili WooCommerce
Modifica, aggiungi nuovi o nascondi i campi non necessari dal modulo di pagamento di WooCommerce. Aggiungi i prezzi ai campi e utilizza la logica condizionale. È tutta una questione di conversioni e di una migliore esperienza utente. NUOVO: ora puoi impostare più condizioni (OR) in uno o più gruppi di condizioni (AND).
Installazioni attive: oltre 90.000 | Valutazione WordPress:
I campi di pagamento flessibili consentono di gestire il campo esistente e di aggiungere nuovi campi personalizzati alla pagina di pagamento.
Guida rapida per la personalizzazione della pagina di pagamento di WooCommerce
(dopo aver installato e attivato il plugin)
Il modulo di pagamento predefinito
La pagina di pagamento standard (classica) contiene campi predefiniti.
Regola il modulo
Eliminando o aggiungendo nuovi campi, è possibile personalizzare la pagina di pagamento di WooCommerce.
Riorganizzare e gestire i campi di pagamento
L'editor della pagina di pagamento visivo consente la rapida personalizzazione del modulo. Il plugin gratuito supporta oltre 10 campi personalizzati.
Riordina i campi di pagamento in WooCommerce Meno campi alla cassa
Dai un'occhiata all'effetto finale: una forma più semplice.
Modulo d'ordine rapido = checkout più veloce in WooCommerce
Campi di pagamento flessibili WooCommerce
Modifica, aggiungi nuovi o nascondi i campi non necessari dal modulo di pagamento di WooCommerce. Aggiungi i prezzi ai campi e utilizza la logica condizionale. È tutta una questione di conversioni e di una migliore esperienza utente. NUOVO: ora puoi impostare più condizioni (OR) in uno o più gruppi di condizioni (AND).
Installazioni attive: oltre 90.000 | Valutazione WordPress:
Riepilogo
Esistono diversi modi per personalizzare WooCommerce, incluse modifiche alla pagina del negozio, alle pagine dei prodotti e al modulo di pagamento. Con i plugin gratuiti non è necessario scrivere codice personalizzato.