Come modificare la pagina my account in WooCommerce

La pagina My Account (o Il Mio Account) è molto più importante di quanto non potresti pensare: nel corso di questo articolo andremo a vedere cosa è una pagina My account, come viene utilizzata, perché è importante e in che modo è possibile personalizzarla e ottimizzarla con pochi semplici click.

Il tutto comincia con una definizione!

Cos’è e a che serve la Pagina “Il Mio Account” di WooCommerce?

La pagina My Account è una pagina che viene generata automaticamente dal tuo e-Commerce e che sarà unica per ogni cliente, alla quale potrà accedere dopo la registrazione e aver effettuato un accesso. WooCommerce, al momento della configurazione guidata, andrà a creare autonomamente una pagina My Account, ma in generale questa può essere creata aggiungendo il semplice shortcode:

Ma cosa è effettivamente la pagina My Account su WooCommerce? Questa è una pagina dedicata e riassuntiva dello stato del cliente sul tuo e-Commerce. Al suo interno saranno contenuti tutti gli ordini, sia completati che non, i file scaricabili, l’indirizzo di fatturazione e di spedizione e molto altro.

Questa pagina è essenziale: in sua assenza il cliente sarà impossibilitato a seguire lo stato dei propri ordini e si ritroverà perso durante la navigazione sul sito.

Al di là della sua essenzialità, la pagina My Account può essere particolarmente utile al tuo business, dato che puoi:

• Permettere al cliente di completare acquisti rimasti inevasi a causa di un problema durante il checkout.
• Dare la possibilità di ri-ordinare un prodotto acquistato in precedenza, senza il bisogno di cercarlo nuovamente nel catalogo.
• Proporre prodotti e offerte su misura al suo interno, così da aumentare il numero degli ordini effettuati e il valore di ordine medio (AOV).
• Offrire un modo semplice e immediato per contattarti, così da tenere a freno l’insoddisfazione dei clienti in presenza di problemi,
• Ritrovare i prodotti visti in precedenza (anche Amazon sfrutta questa opzione).
• Inserire e salvare più indirizzi per eventuali acquisti successivi.
• Permettere una facile gestione di funzionalità avanzate, qualora presenti, come Gift Cards, Wishlist e programmi fedeltà.

E molto altro. Per questo motivo è tanto importante ottimizzare questa pagina quanto stare attenti a non dimenticarla per strada.

Importanza della Personalizzazione della Pagina “Il Mio Account”

È vero: come abbiamo detto in precedenza, WooCommerce crea una pagina My Account in modo automatico, ma questo non deve farti pensare che il tuo lavoro, in questo caso, sia finito.

Per quanto WooCommerce sia uno strumento meraviglioso da utilizzare, diverse sue funzionalità nello stato più basico lasciano spesso a desiderare.

In particolare quando si parla di una pagina che verrà visitata, spesso più volte, da OGNI cliente del tuo sito, è bene assicurarsi non solo che essa funzioni come un orologio e abbia tutte le funzionalità che puoi inserirci, ma anche che offra un’esperienza personalizzata ai tuoi clienti rispetto alla versione base di WooCommerce.

Ricorda sempre che il tuo negozio verrà giudicato in base al suo tassello più debole, quindi assicurati che questo non sia la pagina My Account.

Nei prossimi punti vedremo quindi come personalizzarla non solo per introdurre le funzionalità che abbiamo elencato in precedenza, ma anche in forma visiva per renderla più piacevole da utilizzare e migliorare la user experience.

Come Personalizzare la Pagina “Il Mio Account” di WooCommerce

Per personalizzare la tua pagina My Account, andremo a utilizzare il plugin WooCommerce Customize My Account Page, il quale permette non solo di modificare gli elementi già presenti all’interno di questa pagina, ma anche di creare nuove voci e personalizzarla come meglio credi.

Il tutto per passare dalla versione base della pagina My Account:

A una versione ottimizzata e personalizzata:

Questo plugin è un filo più tecnico degli altri offerti da YITH, ma non per questo difficile da utilizzare. Scopriamo passo-passo come personalizzare la pagina My Account.

Utilizzo di YITH WooCommerce Customize My Account Page

Il tutto comincia con l’installazione e attivazione del plugin, come da prassi su WordPress/WooCommerce. Una volta fatto questo, andando nel menù laterale di WordPress troverai YITH > Customize My Account Page. Clicca su questa scheda e verrai portato alla pagina di gestione del plugin.

La prima pagina che ti troverai davanti è quella degli Endpoint, essenziale per la personalizzazione dei contenuti della pagina My Account, ma non temere: vedremo nel dettaglio sia questa sezione che le altre.

Personalizzare gli endpoint

Come suggerito dallo stesso plugin, ogni “endpoint” è una delle sezioni in cui è divisa la pagina My Account. In questa parte troverai gli endpoint originali di WooCommerce (quelli contenuti anche nello screen originario, come Dashboard, My Orders, My Downloads e così via) che, in quanto tali, non possono essere eliminati dalla pagina My Account, ma puoi comunque disabilitarli o personalizzarli.

Per fare questo, clicca sulla > a sinistra del nome dell’endpoint, e ti si aprirà in questo modo una schermata di personalizzazione:

Come puoi vedere, le prime due cose che puoi personalizzare sono il nome dell’endpoint (ovvero la sua etichetta) e il logo che apparirà accanto ad esso. Se controlliamo nuovamente come appariva la voce “Dashboard” nella pagina My Account, possiamo vedere che rispecchia queste scelte:

Oltre a questo, scorrendo in basso, puoi trovare diverse altre voci che puoi personalizzare:

Tra questi trovi:

• Mostra endpoint a – Puoi scegliere il ruolo utente a cui mostrare una data voce, nel caso in cui tu non voglia che sia visibile a tutti.
• Contenuto – Decidi il contenuto dell’endpoint
• Posiziona contenuto – Decidi dove mettere il contenuto specificato, se usarlo per sostituire il contenuto di base, o se aggiungerlo semplicemente sotto o sopra.
• Classe CSS – Puoi aggiungere classi CSS per una modifica più avanzata.

Clicca su Salva e l’endpoint per completare la registrazione del nuovo aspetto dell’endpoint.

Naturalmente, non sei limitato solo alla modifica degli endpoint, ma puoi aggiungere anche voci completamente nuove. Vediamo come.

Aggiungere endpoint, link o gruppi

Nella sezione superiore della pagina ci sono tre tasti:

Come puoi vedere, il plugin ti permette di creare tre tipi di elementi:

• Endpoint – Ne abbiamo già parlato, sono le sezioni della pagina Il Mio Account
• Link – Puoi inserire tra i vari elementi dei link a pagina interne o esterne al sito. Analizzando il comportamento dei tuoi clienti sul tuo sito, puoi offrire loro una scorciatoia verso le pagine che visitano più frequentemente o che sono di maggiore importanza per i clienti (come le politiche di restituzione, le FAQ, la pagina di supporto, quella del Club di fedeltà e così via).
• Gruppo – Crei un insieme in cui raggruppare i vari endpoint. Ad esempio, potresti creare un gruppo chiamato “Informazioni account” e in esso raggruppare gli endpoint di modifica account, modifica indirizzo e dei metodi di pagamento come nell’esempio sotto.

Ogni tipo di aggiunta, mostrerà una pagina simile a quella di modifica che abbiamo visto in precedenza.

Banner

Riprendiamo l’immagine che abbiamo visto prima:

Abbiamo visto come aggiungere tutto il contenuto riportato a sinistra. A destra trovi però delle immagini intuitive che sono delle shortcut per gli elementi di maggiore importanza dell’account. Come crearle?

Non devi fare altro che andare alla sezione Banner del plugin:

Qui potrai modificare e aggiungere i vari banner alla pagina. Per modificarne uno, basta cliccare su > accanto al suo nome, se invece vuoi aggiungerne uno, clicca su “+ Aggiungi Banner”:

Nella prima sezione del modulo che si aprirà, potrai deciderne il nome e personalizzarne l’aspetto. Andando più in basso, troverai altre opzioni:

Ancora una volta potrai decidere se mostrarlo solo a determinati ruoli utenti e che tipo di link (se vuoi inserirne uno) utilizzare, con la possibilità di scegliere un endpoint della pagina Account o un link a una pagina esterna questa zona del sito.

Impostazioni

Infine, ricorda che puoi personalizzare l’aspetto visivo della pagina andando in Impostazioni > Stile:

Quali Integrazioni è Possibile Usare nel “Il Mio Account”?

Tutti i plugin di YITH funzionano perfettamente tra di loro, ma in alcuni casi la loro integrazione dà origine a nuove funzionalità esclusive. YITH WooCommerce Customize My Account Page non è da meno, ed esso si integra con diversi altri plugin:

• YITH WooCommerce Wishlist – Questo plugin ti permette di introdurre la funzionalità di Lista Desideri sul tuo negozio, e si integra con My Account dando la possibilità di modificare le informazioni della Lista direttamente nel pannello di amministrazione del plugin.
• YITH WooCommerce Points and Rewards – Questo plugin permette di introdurre un sistema di raccolta punti sul sito, e l’integrazione aggiunge automaticamente un endpoint dedicato ai punti nell’account.
• YITH WooCommerce Gift Cards – Il plugin aggiunge la funzionalità di Gift Card, le quali potranno essere gestire e visualizzate nell’endpoint dedicato nell’account.
• YITH WooCommerce Membership e YITH WooCommerce Subscription – Il primo plugin permette di creare contenuti esclusivi sul sito in base a piani acquistabili dal cliente, il secondo di offrire pagamenti ricorrenti sul tuo sito (con la possibilità di sviluppare numerosi modelli di business). In entrambi i casi, l’integrazione con YITH WooCommerce Customize My Account Page permette di mostrare automaticamente le membership e gli abbonamenti direttamente nell’account.

E molti altri. Il plugin si integra perfettamente con quindici altri plugin YITH e con alcuni dei plugin più usati di sviluppatori terzi.

Puoi trovare l’intera lista delle integrazioni nella pagina del plugin, nella sezione “Integrazioni Plugin”.

Conclusione

Sebbene la pagina dell’account del cliente possa facilmente passare in secondo piano quando si deve gestire un intero eCommerce, ti invitiamo a prestarle la giusta attenzione. Utilizzare uno strumento dedicato ti può aiutare a ottenere il miglior risultato possibile con il minimo investimento, sia di denaro che di tempo.

Come ti abbiamo detto in precedenza, la pagina My Account sarà una delle sezioni più utilizzate del tuo sito da parte dei tuoi clienti, per questo motivo assicurati che non possa causare frustrazione e che non trasmetta un’immagine raffazzonata del tuo business: ricorda sempre che il diavolo sta nei dettagli.