Crea campi personalizzati in WooCommerce Checkout e nelle pagine dei prodotti

Pubblicato: 2018-08-01

Standard 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:

Modulo d'ordine personalizzato WooCommerce
Pulsanti radio, Casella di controllo, Selettore data, Campo di testo, Selettore colore
Naturalmente, puoi usarli per cose diverse come la creazione di una procedura guidata del computer, un configuratore di auto o un'opzione di confezione regalo direttamente sulle pagine dei prodotti WooCommerce.

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.org
Oltre 10.000 installazioni attive
Ultimo aggiornamento: 2023-03-13
Funziona con WooCommerce 7.1 - 7.5.x

Innanzitutto, 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 :

Crea campi personalizzati in WooCommerce: pagina del prodotto
Una pagina di prodotto WooCommerce di esempio

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.org
Oltre 10.000 installazioni attive
Ultimo aggiornamento: 2023-03-13
Funziona con WooCommerce 7.1 - 7.5.x
Il plug-in è disponibile gratuitamente! Puoi anche aggiornare il plug-in se hai bisogno di opzioni aggiuntive come la logica condizionale. Leggi la documentazione del plugin →

I tipi di campi che puoi aggiungere ai tuoi prodotti WooCommerce

  • Testo
  • Area di testo
  • Numero
  • E-mail
  • 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)
Abbiamo descritto tutti questi campi nella Guida alle opzioni di personalizzazione del prodotto WooCommerce

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.org
Oltre 80.000 installazioni attive
Ultimo aggiornamento: 2023-03-13
Funziona con WooCommerce 7.1 - 7.6.x

Vediamo l'esempio di una pagina di checkout personalizzata con il plugin gratuito Flexible Checkout Fields per WooCommerce:

Nuovi campi nel modulo di pagamento
Una pagina di pagamento di WooCommerce di esempio

Il plug-in ti consente di aggiungere, rimuovere, riordinare e personalizzare efficacemente la pagina di pagamento di WooCommerce!

Riordina i campi di pagamento di WooCommerce
Configurazione dei campi personalizzati dell'ordine WooCommerce

Campi di pagamento flessibili

Quindi, in breve, Flexible Checkout Fields ti consente di creare campi personalizzati nel checkout di WooCommerce→

Aggiungi un nuovo campo personalizzato alla pagina di pagamento di WooCommerce
Aggiungi un nuovo campo personalizzato alla pagina di pagamento 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.

Mostra meno campi di pagamento per ottenere meno informazioni per un ordine WooCommerce
Mostra meno campi di pagamento per ottenere meno informazioni per un ordine WooCommerce

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
  • E-mail
  • 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
Leggi di più su come aggiungere campi personalizzati al checkout di WooCommerce .

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.org
Oltre 80.000 installazioni attive
Ultimo aggiornamento: 2023-03-13
Funziona con WooCommerce 7.1 - 7.6.x
Leggi la documentazione del plugin →

Riepilogo

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à.

Puoi testare tutti i nostri plugin (anche le loro versioni PRO) in una demo gratuita !

Facci sapere se hai domande sui plugin e sulla creazione di campi personalizzati!

Maggiori informazioni sui nostri plugin