Il mio account in WooCommerce: impostazioni, shortcode e campi personalizzati

Pubblicato: 2018-08-06

In questa guida rapida, ti mostrerò come impostare la pagina Il mio account in WooCommerce utilizzando le impostazioni integrate e uno shortcode. Vedrai anche come aggiungere campi personalizzati alla pagina in WooCommerce. Potresti pensare che sia difficile da fare. Nessun problema! Con un plug-in dedicato e gratuito, personalizzerai rapidamente la pagina Il mio account di WooCommerce!

Oggi vedrai come impostare la pagina Il mio account, utilizzare lo shortcode [woocommerce_my_account] e personalizzare la pagina con campi personalizzati dal modulo di pagamento di WooCommerce con un plug-in GRATUITO . Cominciamo!

Sommario

  • Pagina del mio account WooCommerce: impostazioni e shortcode
  • Personalizza la pagina Il mio account di WooCommerce - introduzione rapida
  • Passaggi per aggiungere campi personalizzati alla pagina Il mio account
  • Personalizza la pagina di pagamento di WooCommerce
  • Sommario e altro

Pagina del mio account WooCommerce

La pagina Il mio account in WooCommerce è progettata per i clienti con dati sui propri account e ordini.

Ti mostrerò le impostazioni e come utilizzare lo shortcode [woocommerce_my_account] (senza spazio) per configurare il mio account in WooCommerce. Quindi, ti mostrerò come aggiungere campi personalizzati alla pagina con un plug-in gratuito.

Ma diamo prima un'occhiata alla pagina visualizzata dai tuoi clienti.

Sezione Il mio account per impostazione predefinita

Iniziamo con una rapida occhiata alla sezione Il mio account.

Per impostazione predefinita, questa parte del tuo negozio WooCommerce ha questo aspetto:

woocommerce il mio account
Pannello di controllo del mio account WooCommerce

Quando i clienti fanno clic sul collegamento Indirizzi, possono visualizzare tutti i valori per i campi dell'indirizzo predefinito:

indirizzi woocommerce il mio account
Il mio account: indirizzi

Non c'è niente di magico qui ora, ma questo è il posto in cui vuoi inserire i campi personalizzati del mio account WooCommerce. Vai all'esempio →

Come utilizzare [woocommerce_my_account] per aggiungere il mio account in WooCommerce

Puoi utilizzare lo shortcode [woocommerce_my_account] (senza spazio) per creare la pagina Il mio account in WooCommerce. Questa è un'opzione WooCommerce standard che consente ai tuoi clienti di controllare i loro ordini e i dettagli dell'account.

Aggiungi lo shortcode [woocommerce_my_account] a una delle tue pagine:

Shortcode del mio account WooCommerce
Aggiunta dello shortcode woocommerce_my_account

WooCommerce utilizzerà la pagina come Il mio account.

Se aggiungi lo shortcode a un post del blog o a una pagina diversa, WooCommerce genererà anche la sezione Il mio account!

Impostazioni della pagina Il mio account

Ora vediamo le impostazioni di base e le opzioni aggiuntive che puoi utilizzare per personalizzare il mio account in WooCommerce.

Account e privacy

Vai su WooCommerce → Impostazioni → Account e privacy per decidere gli account dei clienti in WooCommerce.

Ad esempio, puoi scegliere di consentire ai tuoi clienti di creare account durante il checkout o consentire gli ordini per gli ospiti.

WooCommerce personalizza la pagina del mio account
Impostazioni di pagamento degli ospiti in WooCommerce

Impostazioni avanzate

Vai su WooCommerce → Impostazioni → Avanzate → Impostazione pagina per scegliere la pagina per il mio account e gli endpoint dell'account. Vengono aggiunti all'URL di una parte specifica della pagina Il mio account.

WooCommerce personalizza la pagina del mio account
Vai alla scheda Avanzate per l'impostazione della pagina

Impostazioni del mio account WooCommerce
Gli endpoint di pagamento sono disponibili sotto l'impostazione della pagina nella scheda Avanzate

Personalizza la pagina Il mio account di WooCommerce - Introduzione

Supponiamo che tu voglia aggiungere un campo alla sezione Indirizzo di spedizione. Ho creato un campo personalizzato esemplare con Flexible Checkout Fields, un plug-in WordPress gratuito per gestire i campi di pagamento di WooCommerce.

Personalizza il plug-in Il mio account di WooCommerce

Personalizza la pagina Il mio account di WooCommerce utilizzando le impostazioni, i campi personalizzati e il plug-in! Personalizza facilmente il modulo di pagamento di WooCommerce!

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

L'ho chiamato Some Single Line Text Field:

esempio di personalizzazione del mio account WooCommerce
Personalizza la pagina Il mio account di WooCommerce con un campo di testo

Certo, può avere un nome più interessante Puoi chiamarlo come preferisci. Dipende dai tuoi bisogni. Sono io, del testo è un valore di questo campo.

Un cliente può modificare il valore del campo. Ecco dove ho fornito il valore That is me, some text :) per la prima volta. Poco prima di fare uno screenshot precedente.

Impostazioni dei campi personalizzati in Il mio account
Il mio account: impostazioni personalizzate

Quando aggiungi un campo personalizzato di questo tipo al tuo negozio, apparirà anche nella cassa:

Campo personalizzato alla cassa
Personalizza la pagina My Account di WooCommerce: esempio di come puoi personalizzarla

Se un cliente ha fornito un valore in precedenza, ci sarà un valore nel campo. Un campo salva il suo valore nel database. Quindi, un cliente può modificare un valore in Il mio account o mentre effettua un ordine un'altra volta.

Campi personalizzati del mio account in WooCommerce - esempi

⁉️Voglio mostrarvi altri esempi. Controlla il pulsante di opzione:

Pulsante radio esemplare alla cassa
Il mio account WooCommerce: personalizzalo con i pulsanti di opzione

️Funziona anche come uno dei campi personalizzati Il mio account di WooCommerce! Significa che un cliente può vederlo nella sezione Il mio account:

Pulsante di opzione Il mio account
Pulsante di opzione esemplare in WooCommerce Il mio account

Il plug-in, che ti mostrerò in seguito, ti consente di creare circa 10 tipi di campi personalizzati .

Inoltre, sarai in grado di impostare lo stile CSS nei campi del tuo negozio.

Aggiungi campi personalizzati a Il mio account in WooCommerce

  1. Ottieni campi di pagamento flessibili

    Userò il plug-in gratuito per personalizzare il checkout di WooCommerce per aggiungere campi che appariranno nella pagina Il mio account.

    Scarica il plugin →

  2. Attiva e imposta il plugin

    Puoi installare e attivare questo plugin in WordPress → Plugin . Quindi, puoi configurarlo.

    ️ Per farlo, vai su WooCommerce → Checkout Fields nel menu di WordPress.

    Troverai la schermata delle impostazioni. Per impostazione predefinita, è la sezione Fatturazione. Puoi cambiare la sezione che stai modificando scegliendo la scheda a destra nella parte superiore dello schermo.

    Qui puoi vedere la sezione Spedizioni:

    il mio account woocommerce
    Plugin WooCommerce My Account: aggiungi un nuovo campo personalizzato con Flexible Checkout Fields
  3. Aggiungi un campo personalizzato a Il mio account

    Ho contrassegnato la casella Aggiungi nuovo campo sullo screenshot. Usalo per aggiungere un nuovo campo personalizzato.

    Seleziona il tipo di campo e fornisci un'etichetta . Puoi modificare l'etichetta in un secondo momento.

    C'è anche un nome . Non devi cambiare nulla qui. È il nome del campo nel database. Gli sviluppatori utilizzano questa opzione se ne hanno bisogno per i loro progetti.

    Campi personalizzati del mio account WooCommerce: Visualizza su Impostazioni
    Personalizza la pagina Il mio account di WooCommerce: scegli dove visualizzare il nuovo campo personalizzato
  4. Mostra il campo in Il mio account

    ️ Dopo aver aggiunto un campo, puoi modificare le impostazioni di Display On . Per impostazione predefinita, il plug-in contrassegna tutte le pagine.

    In questo modo, ogni campo che crei con questo plugin, appare in Il mio account. Come vedi, puoi controllare dove dovrebbe apparire esattamente un campo. Puoi scegliere di visualizzare i campi nella pagina di ringraziamento, nella sezione Indirizzo e/o Ordine della pagina Il mio account o nelle e-mail:

    personalizzazione del plug-in del mio account woocommerce
    Ordini in WooCommerce Il mio account
  5. Il nuovo campo in Il mio account

    È tutto. Non devi fare nient'altro. Funziona e basta!

    esempio di personalizzazione del mio account WooCommerce
    Il mio account con un campo di testo

Personalizza il pagamento con i campi di pagamento flessibili

È possibile utilizzare il plug-in per aggiungere campi personalizzati a Il mio account. Tuttavia, non è tutto!

Puoi anche:

  • aggiungi facilmente 12 tipi di campi personalizzati al checkout nella versione gratuita del plugin
  • aggiungi facilmente 22 tipi di campi personalizzati al checkout nella versione PRO del plugin
  • modificare o nascondere quelli predefiniti,
  • riorganizzare i campi esistenti nel checkout.

Oltre 80.000 negozi utilizzano quotidianamente questo plugin in tutto il mondo.

Inoltre, questo plugin ha una valutazione di 4,6 stelle su 5 .

Puoi scaricare questo plug-in gratuitamente, ma per alcuni campi hai bisogno di Flexible Checkout Fields PRO .

Con la versione gratuita puoi aggiungere:

  • Testo a riga singola
  • Paragrafo Testo
  • Area di testo
  • Numero
  • E-mail
  • Telefono
  • URL
  • Casella di controllo
  • Colore
  • Titolo
  • Immagine
  • HTML

Guarda questo video per familiarizzare con ciò che il plugin può offrirti nella versione gratuita:

Flexible Checkout Fields PRO ti consente di creare molti altri tipi di campo:

  • Multi-casella di controllo
  • Pulsante radio
  • Seleziona (elenco a discesa)
  • Selezione multipla
  • Pulsante radio con immagini
  • Data
  • Pulsante radio con i colori
  • Tempo
  • Color Picker
  • Data
  • Upload di file
  • Nascosto
Anche se hai bisogno di alcuni campi dal PRO, puoi verificarlo gratuitamente prima di acquistare! Basta scaricare il plug-in facendo clic sul pulsante Download in alto:

Personalizza il plug-in Il mio account di WooCommerce

Personalizza la pagina Il mio account di WooCommerce utilizzando le impostazioni, i campi personalizzati e il plug-in! Personalizza facilmente il modulo di pagamento di WooCommerce!

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

Sommario e altro

Hai imparato come aggiungere campi personalizzati a Il mio account. Tuttavia, il plugin ha molto di più da offrire. Innanzitutto, ti consente di creare circa 20 tipi di campi. Puoi anche utilizzare funzionalità come la logica condizionale, ecc. Controlla la casella Articoli correlati per ulteriori guide.

Se sei più una persona di video tutorial, abbiamo creato per te questa playlist di Youtube , dove puoi vedere tutte le guide video relative al plug-in Flexible Checkout Fields.

Stiamo cercando il tuo feedback! Questa guida ti è stata d'aiuto? Il nostro plugin è utile per te? Fateci sapere nella sezione commenti qui sotto.