Come personalizzare la pagina My Account di WooCommerce

Come personalizzare la pagina My Account di WooCommerce

In questo articolo vedremo come sia possibile personalizzare la pagina my account di WooCommerce, in modo intuitivo e veloce senza bisogno di script php da aggiungere al proprio tema.
Dalla versione 2.6 di WooCommerce è stata inserita all’interno della pagina my account la divisione in schede per permettere all’utente la navigazione all’interno delle varie sezioni.

Una volta installata la nuova versione infatti la pagina account dell’utente appare in questo modo:
pagina my account di default di WooCommerce

Le sezioni di default sono:

  • Bacheca
  • Ordini
  • Download
  • Indirizzi
  • Dettagli account
  • Logout

L’insieme della pagina senza dubbio risulta essere più pulita rispetto alle versioni precedenti di WooCommerce, ma se volete modificare i nomi delle varie sezioni, il contenuto, aggiungere nuove schede, ordinarle secondo le proprie necessità, bisogna ricorrere all’aiuto di script php presenti in rete o di plugin esterni.

YITH WooCommerce Customize My Account Page

Il plugin che vi voglio presentare oggi è YITH WooCommerce Customize My Account Page.

personalizzare la pagina My Account

Questa estensione di WooCommerce permette all’amministratore il controllo dell’intera pagina my account dello shop.

Appena installato, senza aver modificato le impostazioni, la pagina account cambia notevolmente, anche graficamente, i link adesso sono delle tab e gli utenti hanno la possibilità di caricare il loro avatar personalizzato.

Personalizzare la pagina My Account - YITH WooCommerce Customize My Account Page

 

Dal menu principale dell’amministrazione, sotto la voce YITH Plugins > Customize My Account Page si accede al pannello impostazioni del plugin.

Personalizzare la pagina My Account - YITH WooCommerce Customize My Account Page

Dalle opzioni generali del plugin è possibile:
– attivare la gestione dell’avatar personalizzato come immagine di profilo
– scegliere il tipo di menu se di tipo sidebar (impostazione di default) o di tipo Tab disposte in orizzontale
– se si è scelto il menu di tipo sidebar è possibile scegliere la posizione della sidebar, a destra o a sinistra della pagina
– selezionare la tab di default che deve essere aperta non appena si accede alla pagina my account
– personalizzare i colori della pagina

La seconda tab presente nelle impostazioni è quella che permette di gestire gli endpoints

Cosa è un endpoint di WooCommerce?

Gli Endpoints rappresentano quelle che sono le “sottopagine” della pagina account.
Sono indicati nella parte finale dell URL della pagina my-account, che WooCommerce intercetta e utilizza per mostrare contenuti specifici.

Per esempio, la pagina mukkamu.dev/my-account/view-order/ sta chiedendo a WooCommerce di mostrare la lista degli ordini al posto della bacheca.

Ciascun endpoint quindi rappresenta una tab o un link nella sidebar.

Gestire pagina my account di WooCommerce con gli Endpoints

Personalizzare la pagina My Account - YITH WooCommerce Customize My Account Page Endopoints

In questo pannello di amministrazione ritroviamo la lista delle schede predefinite della pagina account. Ogni scheda è caratterizzata da:
– Un’etichetta
– Un’icona
– Un editor al cui interno è possibile inserire il contenuto della pagina, può essere del semplice testo, del codice html e short codes.

Con un semplice gesto drag and drop, le schede possono essere ordinate, mentre cliccando sull’icona on-off disattivarla.

Tramite il segno + si creano nuove tab personalizzate.

Personalizzare la pagina My Account - YITH WooCommerce Customize My Account Page

 

Personalizzare la pagina My Account - YITH WooCommerce Customize My Account Page

 

Il plugin è disponibile in inglese, spagnolo e italiano a quest’indirizzo: YITH WooCommerce Customize My Account Page

 

Related Posts:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *