Come personalizzare la pagina Il mio account di WooCommerce (Guida completa 2022)

Pubblicato: 2022-03-17

Se hai familiarità con WooCommerce e l'eCommerce in generale, saprai che la pagina "Il mio account" è una delle pagine web più importanti. Questo perché contiene molte informazioni essenziali sui clienti come ordini, indirizzi di fatturazione, metodi di pagamento, dettagli dell'account, solo per citarne alcuni.

In sostanza, la pagina "Il mio account" è un hub integrale di informazioni. Quindi non è raro che i proprietari di negozi WooCommerce vogliano aggiungere endpoint personalizzati per mostrare informazioni rilevanti per la loro attività. Potrebbero anche voler personalizzare l'estetica della loro pagina "Il mio account" per essere più in linea con il loro marchio.

Sebbene WooCommerce includa tutte le informazioni di base di cui i clienti hanno bisogno per gestire i propri ordini e modificare le impostazioni del proprio account, né WooCommerce né WordPress offrono funzionalità di personalizzazione integrate per regolare l'aspetto di questa pagina WordPress né aggiungere endpoint aggiuntivi.

Fortunatamente, se vuoi andare oltre gli endpoint predefiniti e le restrizioni di personalizzazione di WooCommerce, sono disponibili soluzioni alternative. Quindi stiamo coprendo i modi più semplici per personalizzare la tua pagina "Il mio account" su WooCommerce senza alcuna conoscenza tecnica.

L'importanza della pagina Il mio account di WooCommerce

Come abbiamo già accennato nell'introduzione, la pagina "Il mio account" di qualsiasi negozio di eCommerce è una parte fondamentale del sito. La dashboard Il mio account del tuo cliente è il punto in cui si sente maggiormente in controllo. Da qui, possono rivedere gli ordini, modificare indirizzi, apportare modifiche ai dettagli del proprio account, e modificare le impostazioni di sicurezza. Inoltre, gestisce una grande quantità di informazioni sensibili come il loro indirizzo e-mail, indirizzo postale e persino informazioni sulla password.

Alla luce di tutto ciò, è fondamentale che la pagina "Il mio account" sia facile da navigare per garantire ai visitatori un'esperienza utente eccezionale. È qui che la personalizzazione può fare la differenza. Per esempio, potresti aumentare le conversioni aggiungendo sezioni promozionali come codici sconto, premi fedeltà e consigli sulla pagina del prodotto. Ma puoi anche utilizzare la pagina Il mio account per ridurre l'attrito con i clienti. Ad esempio, raccogliere il feedback dei consumatori o fornire un semplice link per mettersi in contatto con te.

L'utilizzo di un componente aggiuntivo è il modo più semplice e sicuro per avviare le personalizzazioni nella pagina "Il mio account".

I vantaggi dell'utilizzo di un plug-in (invece di adottare l'approccio fai-da-te)

Naturalmente, i plugin non sono l' unico modo per personalizzare la tua pagina "Il mio account" su WooCommerce. Con qualsiasi parte di WordPress e della sua soluzione di eCommerce, puoi affrontare il codice da solo e ottenere qualsiasi personalizzazione con un po' di impegno fai-da-te. Ciò, tuttavia, richiede abilità di sviluppo che potresti non possedere.

Al contrario, un plugin affidabile presenta una soluzione senza codice che non richiede alcuna conoscenza tecnica (HTML, CSS personalizzato, AJAX, PHP, ecc.). Inoltre, conterrà varie impostazioni per aiutarti a creare una pagina Il mio account personalizzata senza problemi. Ad esempio, puoi:

  • Crea e raggruppa nuovi endpoint
  • Cambia la loro posizione nella pagina
  • Aggiungi contenuto personalizzato
  • Configura i campi personalizzati che i clienti devono compilare per fornire informazioni aggiuntive.

Nota: un endpoint è contenuto aggiuntivo mostrato dopo che vengono soddisfatte determinate condizioni. Ad esempio, dopo essersi registrati per un account utente o aver effettuato un ordine, gli endpoint risultanti potrebbero essere informazioni su password e nome utente o un collegamento ai riepiloghi degli ordini.

Supponendo che il plug-in della pagina Il mio account scelto sia attivamente mantenuto e aggiornato regolarmente, dovresti poter fare affidamento su di esso. Infine, la maggior parte dei plugin viene fornita con il supporto del loro sviluppatore, quindi se rimani bloccato, l'aiuto dovrebbe essere a portata di mano.

Suggerimento per professionisti: non è sempre così. A volte, quando acquisti un plug-in, lo sviluppatore offrirà supporto solo per sei o dodici mesi. Una volta terminato, dovrai pagare un extra per il supporto continuo.

DISCLAIMER: Codeable non è affiliato con nessuno dei consigli sui plugin elencati in questo post.

I migliori plugin per personalizzare la tua pagina WooCommerce Il mio account

Se hai deciso che un plug-in è la strada giusta, ci sono alcune opzioni tra cui scegliere. Per aiutarti a restringere la tua scelta, abbiamo elencato alcuni dei più popolari qui per la tua considerazione:

Personalizza il mio account per WooCommerce

Personalizza il mio account per WooCommerce

Questo plug-in ti consente di creare facilmente nuovi endpoint e personalizzare il design tramite un editor front-end live, il che significa che puoi rivedere le tue modifiche immediatamente.

Puoi aggiungere un numero qualsiasi di endpoint e contenuti personalizzati. Puoi anche ordinare le schede Il mio account in base alla loro priorità. Puoi anche decidere come appaiono questi endpoint agli utenti, inclusi il colore e lo stile di:

  • Schede del dashboard
  • Bottoni
  • Collegamenti
  • Caratteri
  • Avatar

…e altro ancora, tutto per adattarsi allo stile del tuo sito.

Non è necessaria alcuna conoscenza CSS per personalizzare questi elementi. Invece, puoi fare affidamento su una procedura guidata simile al personalizzatore di WordPress, che ti consente di apportare modifiche in tempo reale al tuo sito.

Il plug-in consente inoltre di assegnare l'accesso all'endpoint a ruoli utente specifici e di nascondere e disabilitare le schede con un solo clic. Ad esempio, questo è utile quando si consegnano contenuti specifici a determinati clienti. Ad esempio, presentare sondaggi progettati in modo esplicito per i clienti abituali o regalare codici sconto ai nuovi titolari di account. Vale anche la pena notare che questo plug-in è compatibile anche con prenotazioni, abbonamenti e abbonamenti WooCommerce (di SkyVerge) e include un anno intero di supporto.

Editor della pagina del mio account

Il plug-in "My Account Page Editor" è simile al plug-in sopra, anche se un po' più semplice per alcuni aspetti. Il "My Account Page Editor" ti consente di eseguire personalizzazioni di base, come la creazione e il raggruppamento di nuovi endpoint e la designazione dei loro vari attributi, tra cui:

  • Titolo
  • L'icona associata
  • I ruoli utente per i quali devono apparire gli endpoint
  • Il tipo di punto finale

In termini di personalizzazione visiva, questo plugin è più limitato. Il tipo di visualizzazione dell'endpoint viene ereditato automaticamente dallo stile predefinito del tema. Tuttavia, puoi modificare le barre laterali e il testo, il colore di sfondo e i colori al passaggio del mouse delle schede personalizzate. Puoi anche abilitare o disabilitare un'immagine del profilo.

Editor della pagina del mio account

YITH WooCommerce Personalizza la pagina del mio account

Come i plug-in WooCommerce già discussi, questo ti consente di aggiungere un numero illimitato di voci di menu alla tua pagina "Il mio account". Tuttavia, il plug-in si concentra maggiormente sui contenuti promozionali per arricchire la tua strategia di vendita.

Ti incoraggia ad aggiungere istruzioni, coupon, sondaggi, download, tutorial video, notizie, notifiche, promuovere prodotti WooCommerce e molto altro nella pagina "Il mio account".

Puoi anche decidere quali ruoli utente vedono quali tipi di contenuto. Ad esempio, ai nuovi utenti potrebbe essere presentata una sezione di istruzioni che li istruisce su come navigare nella pagina del proprio account.

Puoi scegliere tra diverse posizioni e layout del menu Account personale, inclusi menu orizzontali e verticali. Inoltre, puoi personalizzare colori, spaziatura e icone per soddisfare le tue esigenze di progettazione. Puoi persino fornire avatar predefiniti per gli utenti o consentire loro di caricare i propri.

Altre caratteristiche includono:

  • Essere in grado di aggiungere Recaptcha ai moduli di registrazione.
  • Blocco di domini di posta elettronica specifici per creare la tua blocklist per controllare gli account creati nel tuo negozio WooCommerce.
  • Chiedere ai clienti di verificare i propri account con un'e-mail di verifica, incluso un collegamento di conferma.

Infine, il personalizzatore della pagina Il mio account di YITH è compatibile anche con il generatore di pagine trascina e rilascia di Elementor.

YITH WooCommerce Personalizza la pagina del mio account

Pagine di account IconicWP WooCommerce

Il personalizzazione della pagina del mio account di IconicWP è già stato utilizzato da oltre 16.000 aziende WooCommerce. Ti consente di aggiungere endpoint illimitati alla tua pagina e personalizzarli con i tuoi contenuti e le tue impostazioni, inclusa una sezione delle domande frequenti, guide per l'utente, moduli di contatto, coupon e altro ancora. Puoi anche creare sottopagine illimitate derivanti dalla tua pagina Il mio account e ordinare queste pagine in base alla priorità. Inoltre, ogni nuova pagina o nuova scheda è completamente e automaticamente collegata, quindi non hai il fastidio di puntare ogni collegamento nel posto giusto nella pagina Il mio account.

È progettato per velocità, traduzione e viene fornito con il supporto di esperti da parte dello sviluppatore. Il plug-in è inoltre completamente compatibile con Gutenberg per semplificare la creazione di layout di pagina Il mio account personalizzati. Inoltre, è compatibile con lo shortcode, il che significa che puoi utilizzare qualsiasi generatore di pagine e i collegamenti verranno comunque visualizzati perfettamente. Per non parlare del fatto che questo plugin funziona anche con qualsiasi tema ben codificato.

Infine, questo sviluppatore non offre solo una singola licenza di plug-in, ma, piuttosto, un pacchetto ad accesso completo, che include 30 licenze del sito e oltre 15 plug-in creati per aiutarti ad aumentare le vendite. Detto questo, i marchi creativi potrebbero sembrare un po' limitati, poiché le opzioni di personalizzazione relative al design della pagina Il mio account sono alquanto limitate.

Pagine dell'account WooCommerce

Il widget del mio account WooCommerce di PowerPack

Ultimo ma non meno importante, c'è WooCommerce My Account Widget di PowerPack. Questo è già utilizzato da oltre 100.000 proprietari di negozi. Ti consente di apportare modifiche al design generale e alle funzionalità della tua pagina MyAccount utilizzando il generatore di pagine di Elementor.

Puoi facilmente abbellire la pagina Il mio account dalla scheda Stile regolando il colore, la tipografia, i caratteri e i design per i moduli, i pulsanti e persino le tabelle. Le schede possono anche essere organizzate verticalmente o orizzontalmente, rendendo questo plugin una delle opzioni più flessibili per quanto riguarda il design.

Le opzioni di stile delle tabelle sono anche più estese dell'editor standalone di Elementor. Con PowerPack, puoi modificare facilmente moduli e tabelle dalla pagina Il mio account aggiornando il design e la spaziatura dei campi di input, etichette e altro. Inoltre, puoi modellare ogni singola riga, colonna o cella con stili e colori del bordo.

Come i plug-in sopra menzionati, puoi nascondere e disabilitare le schede in qualsiasi momento e decidere quali utenti hanno accesso a determinate aree. Puoi persino definire lo stile dei messaggi di errore e delle notifiche per creare un'esperienza più personalizzata. Ad esempio, potrebbero essere visualizzati nella pagina Account personale dei tuoi clienti per informarli che un modulo richiede maggiori dettagli, che le modifiche sono state apportate correttamente o che un ordine non è andato a buon fine.

Widget Il mio account WooCommerce

Come utilizzare un plug-in per personalizzare la pagina del mio account WooCommerce

Sebbene i passaggi esatti differiranno a seconda del plug-in scelto, l'installazione e l'attivazione del plug-in sono essenzialmente le stesse.

Vai a " Plugin " nella dashboard di WordPress e fai clic su " Aggiungi nuovo ". Quindi, cerca il nome del plug-in che desideri utilizzare nella Directory. Quando l'hai trovato, fai clic su " Installa ora " e poi su "Attiva ora". ” Oppure, se hai scaricato il file .zip del plugin, vai su Plugin > Aggiungi nuovo e carica plugin. Il plug-in dovrebbe ora apparire nel tuo pannello di amministrazione.

Come aggiungere e attivare un plugin

Con il plug-in attivo e funzionante, ora dovresti avere varie opzioni per aggiungere, raggruppare e riordinare gli endpoint. Dovresti anche essere in grado di personalizzare il design della tua pagina Account personale, assegnare l'accesso all'endpoint a ruoli utente specifici e così via. Tuttavia, come abbiamo già detto, l'estensione di queste funzionalità dipende dal plug-in scelto. Altre caratteristiche possono includere:

  • Scegliere diversi layout di pagina e opzioni di colore
  • Creazione di sezioni visibili solo a utenti specifici, mentre rimangono riservate ad altri
  • Creazione di layout dinamici utilizzando gallerie di immagini, video, ecc.
  • Consentire agli utenti di caricare le immagini del profilo come avatar per la pagina dei loro account
  • Aggiornamento delle funzionalità dei moduli di registrazione
  • Compresi banner promozionali e offerte di prodotti

Migliori pratiche per personalizzare la pagina del mio account WooCommerce

Prima di tuffarsi in qualsiasi progetto, è sempre bene conoscere le insidie ​​da evitare. Detto questo, ecco alcune best practice da tenere a mente quando inizi a personalizzare la tua pagina "Il mio account".

  • Scegli un layout pulito che consenta agli utenti di navigare facilmente nella pagina "Il mio account". Ricorda, l'usabilità è fondamentale: fino al 40% degli utenti potrebbe smettere di interagire con un sito se il suo contenuto o il suo layout sono scadenti.
  • Consenti agli utenti di caricare un avatar personalizzato. Ciò è particolarmente importante per i siti Web con un elemento sociale. Dopotutto, un'immagine del profilo è una forma di autoespressione che implica che l'utente si preoccupa di come viene percepito sul tuo sito. Più si sentono a casa sul tuo sito web, più è probabile che interagiscano con il tuo marchio. Suggerimento professionale : abbinalo a programmi fedeltà e altri contenuti social per il massimo coinvolgimento della pagina "Il mio account".
  • Incoraggia il coinvolgimento dei clienti e incentiva gli acquisti ripetuti. Ecco alcuni modi per raggiungere questo obiettivo:
    • Raccogli i loro indirizzi email per le campagne di email marketing
    • Aggiungi una breve sezione del sondaggio per conoscere la loro esperienza del cliente.
    • Offri codici sconto a tempo limitato.
  • Consenti ai clienti di contattarti facilmente se hanno una domanda sul loro ordine. Questo, ad esempio, può essere fatto creando un nuovo endpoint della pagina dell'assistenza clienti.

Pronto a personalizzare la pagina del mio account WooCommerce?

L'utilizzo di un plug-in è il modo più semplice per espandere la pagina del mio account WooCommerce, migliorando l'esperienza dell'utente e rafforzando la coerenza del marchio.

Tuttavia, un plug-in potrebbe portarti solo così lontano, a seconda delle tue esigenze. Ad esempio, alcuni utenti potrebbero scoprire che i plug-in non consentono loro di ottenere l'aspetto e la funzionalità esatti che avevano in mente per la pagina del mio account WooCommerce. Se la tua azienda richiede un approccio più personalizzato, potresti aver bisogno di frammenti di codice per personalizzare completamente la tua pagina Il mio account WooCommerce. Questo può essere fatto tramite i webhook WooCommerce o modificando i file modello WooCommerce che si trovano nella cartella /myAccount.

Questo approccio richiederà sicuramente conoscenze di codifica e dovrai creare un backup del sito Web. Questo è fondamentale perché dovrai sovrascrivere i file modello per eseguire questo progetto. Se questo sembra troppo intimidatorio, puoi dare un'occhiata a Codeable e considerare di coinvolgere uno sviluppatore di WordPress.

Codeable elimina la seccatura e l'incertezza da progetti più complessi. Fortunatamente, non devi perdere tempo a cercare sviluppatori WordPress affidabili: Codeable ha aggregato per te una rete di sviluppatori esperti. Con un sistema di pagamento a garanzia sicuro e una garanzia di 28 giorni, stai certo che otterrai i risultati desiderati. Tutte le tariffe sono trasparenti, quindi perché non scoprire se la personalizzazione della pagina del mio account WooCommece con l'aiuto di uno dei nostri sviluppatori rientra nel tuo budget?

Pubblica il tuo progetto gratuitamente oggi su Codeable per iniziare a ricevere preventivi senza impegno.