Crea campi personalizzati in WooCommerce Checkout e nelle pagine dei prodotti
Pubblicato: 2018-08-01Standard WooCommerce non ti consente di creare campi personalizzati senza scrivere il tuo codice. Tuttavia, ci sono situazioni in cui hai bisogno del prodotto personalizzato o dei campi di pagamento per gestire un ordine WooCommerce in modo efficace! Non preoccuparti. 2 plugin gratuiti ti aiuteranno ad aggiungere campi personalizzati nel tuo negozio.
Sai che potrebbe essere necessario avere informazioni specifiche sul prodotto o sull'ordine che WooCommerce non ti dà !
Ottieni maggiori dettagli su un ordine aggiungendo un campo personalizzato in WooCommerce. Lascia che ti mostri due plugin gratuiti per farlo facilmente!
Sommario
- Cosa sono i campi personalizzati in WooCommerce?
- Campi personalizzati del prodotto WooCommerce
- Campi personalizzati di WooCommerce Checkout
Cosa sono i campi personalizzati in WooCommerce?
Puoi pensare ai campi personalizzati come informazioni aggiuntive che descrivono, ad esempio, un prodotto o un ordine. Ti aiuteranno a mostrare meglio i prodotti e ottenere maggiori dettagli per elaborare gli ordini WooCommerce in modo efficace!
Alcuni esempi di campi personalizzati
- caselle di controllo
- campi di testo
- tasti della radio
- raccoglitori di date
- raccoglitori di colori
- eccetera.
Ecco come appaiono nel modulo d'ordine:
Un altro esempio, puoi consentire ai tuoi clienti di caricare file negli ordini o inserire il numero di partita IVA UE per scopi contabili. Sarebbe anche bello cambiare il tipo di campo di pagamento o nasconderne alcuni!
Aggiungiamo campi personalizzati
Probabilmente vorrai creare due tipi di campi personalizzati in WooCommerce, ad esempio:
- campi personalizzati nella pagina di pagamento di WooCommerce per ottenere maggiori dettagli su un ordine,
- e nuovi campi per personalizzare la pagina del prodotto WooCommerce in modo che i prodotti abbiano più opzioni.
Te li mostro entrambi.
Campi personalizzati del prodotto WooCommerce
Prima di tutto, avrai bisogno di un plugin per questo. Dare un'occhiata:
Scaricalo qui:
Campi di prodotti flessibili WooCommerce
Crea una procedura guidata del prodotto per vendere incisioni, confezioni regalo, messaggi regalo, biglietti da visita, francobolli e facoltativamente addebitarli (fissi o percentuali).
Scarica gratis oppure Vai su WordPress.orgInnanzitutto, dai un'occhiata al set esemplare di nuovi campi personalizzati sulla pagina del prodotto che puoi aggiungere con il plug-in gratuito Flexible Product Fields per WooCommerce :
Come vedi, puoi creare una procedura guidata completa. I clienti possono personalizzare i loro computer in questo modo. Inoltre, alcune delle opzioni richiedono un costo aggiuntivo. Il plugin aggiunge il costo aggiuntivo al prezzo totale (disponibile in PRO). I clienti possono effettuare ordini per i loro computer personalizzati e pagarti l'intero prezzo in anticipo.
Tornando allo sguardo. Questa è la configurazione di base. Non ho utilizzato alcuno stile CSS e ho utilizzato un tema WooCommerce predefinito: Storefront. Puoi personalizzare l'aspetto dei campi come preferisci, ovviamente. C'è un'opzione per questo scopo nel plugin.
Campi di prodotti flessibili
In breve, questo plug-in ti consente di creare componenti aggiuntivi del prodotto. Puoi aggiungere nuovi campi personalizzati ai prodotti nel tuo negozio WooCommerce. Hai già visto un esempio.
Campi di prodotti flessibili WooCommerce
Crea una procedura guidata del prodotto per vendere incisioni, confezioni regalo, messaggi regalo, biglietti da visita, francobolli e facoltativamente addebitarli (fissi o percentuali).
Scarica gratis oppure Vai su WordPress.orgI tipi di campi che puoi aggiungere ai tuoi prodotti WooCommerce
- Testo
- Area di testo
- Numero
- URL
- Multi-casella di controllo
- Radio con i colori
- Tempo
- Colore
- Intestazione
- Paragrafo
- Immagine
- HTML
- Casella di controllo
- Pulsante Radio
- Selezionare
- Selezione multipla
- Radio con immagini
- Titolo
- Data (PRO)
- Caricamento file (PRO)
Dovresti dare un'occhiata a quella guida! Scoprirai che ci sono molti casi d'uso. Guidiamo gli utenti passo dopo passo attraverso la configurazione per implementare:
- Sistema di prenotazione semplice,
- Funzione confezione regalo,
- Mago della dieta della ristorazione,
- Mago del computer ecc.
Campi personalizzati di WooCommerce Checkout
Ora lascia che ti mostri come aggiungere campi personalizzati all'ordine WooCommerce dalla pagina di pagamento!
Avrai bisogno di questo plugin:
Scaricalo qui:
Campi di pagamento flessibili WooCommerce
Modifica, aggiungi nuovi o nascondi campi non necessari dal modulo di pagamento di WooCommerce. Si tratta di conversioni e di una migliore esperienza utente.
Scarica gratis oppure Vai su WordPress.orgVediamo l'esempio di una pagina di checkout personalizzata con il plugin gratuito Flexible Checkout Fields per WooCommerce:
Il plug-in ti consente di aggiungere, rimuovere, riordinare e personalizzare efficacemente la pagina di pagamento di WooCommerce!
Campi di pagamento flessibili
Quindi, in breve, Flexible Checkout Fields ti consente di creare campi personalizzati nel checkout di WooCommerce→
Inoltre, con questo plugin, puoi modificare o riorganizzare i campi di pagamento predefiniti di WooCommerce !
Ad esempio, puoi disabilitare alcuni campi dell'indirizzo di fatturazione per un checkout più rapido.
Oltre 80.000 negozi in tutto il mondo utilizzano quotidianamente questo plug-in.
Tipi di campi di checkout nella versione gratuita
- Testo
- Area di testo
- Numero
- Telefono
- URL
- Casella di controllo
- Colore
- Titolo
- Paragrafo
- Immagine
- HTML
Campi nella versione PRO
- Multi-casella di controllo
- Pulsante radio
- Seleziona (elenco a discesa)
- Selezione multipla
- Radio con immagini
- Data
- Radio con i colori
- Tempo
- Upload di file
Scarica questa estensione WooCommerce gratuita per personalizzare la tua pagina di pagamento.
Campi di pagamento flessibili WooCommerce
Modifica, aggiungi nuovi o nascondi campi non necessari dal modulo di pagamento di WooCommerce. Si tratta di conversioni e di una migliore esperienza utente.
Scarica gratis oppure Vai su WordPress.orgRiepilogo
Aggiungi prodotti personalizzati e campi di pagamento in WooCommerce
In questo articolo, ti ho mostrato i plugin che puoi utilizzare per creare campi personalizzati in WooCommerce.
Ci sono due plugin che puoi usare per creare campi personalizzati in WooCommerce:
- Scarica Campi di pagamento flessibili →
- Scarica Campi di prodotti flessibili →
Entrambi i plugin sono disponibili per il download gratuito. Tuttavia, la versione gratuita non supporta tutte le funzionalità.
Facci sapere se hai domande sui plugin e sulla creazione di campi personalizzati!