Come modificare e personalizzare la pagina del mio account WooCommerce (Guida passo passo)
Pubblicato: 2022-07-07La "pagina Il mio account" è un elemento cruciale in un sito di e-commerce. Questa pagina è responsabile della chiusura dell'affare e della creazione di una base di clienti fedeli. Se stai cercando di aumentare le conversioni del tuo negozio WooCommerce, allora devi sapere come modificare la pagina del mio account WooCommerce. Questo può essere fatto modificando il codice o utilizzando un plugin.
In questo articolo, ti mostreremo principalmente come modificare la pagina Il mio account con " Editor della pagina del mio account " oltre a suggerire alcuni plug-in di personalizzazione popolari per la pagina Il mio account di WooCommerce.
Perché potresti aver bisogno di modificare la pagina del mio account di WooCommerce
Esistono diversi motivi per cui potresti dover modificare la pagina dell'account WooCommerce. Ad esempio, potresti voler aggiungere campi personalizzati al modulo di registrazione o modificare l'ordine predefinito dei campi.
Inoltre, potresti voler aggiungere contenuti personalizzati alla pagina Il mio account, ad esempio un messaggio di benvenuto o istruzioni per l'utilizzo del tuo sito.
Come modificare e personalizzare la pagina del mio account WooCommerce (metodi semplici in 2)
Oggi ti mostreremo 2 modi diversi per modificare la tua pagina del mio account WooCommerce-
- Metodo 1: modifica della pagina del mio account con il plug-in
- Metodo 2: personalizzazione della pagina del mio account con un codice
Metodo 1: modifica della pagina del mio account con il plug-in
Esistono diversi modi per modificare e personalizzare la pagina del mio account WooCommerce. Il modo più semplice è modificarlo con My Account Page Editor per WooCommerce. Ti mostreremo il processo completo passo dopo passo per farlo qui con un plugin.
Prima di procedere con il processo, dovresti sapere che questo editor per la pagina del mio account WooCommerce consente all'utente di personalizzare l'account e aggiungere nuovi endpoint personalizzati per visualizzare qualsiasi informazione aggiuntiva sulla pagina del mio account WooCommerce.
Ricominciamo da zero-
Passaggio 1: installazione del plug-in "My Account Page Editor".
Accedi al tuo account WooCommerce e scarica il file .zip. Quindi, vai all'amministratore di WordPress > Plugin > Aggiungi nuovo. Carica il file del plug-in appena scaricato e fai clic su Installa ora . Infine, attiva l'estensione.
Passaggio 2: configurazione delle impostazioni della pagina Il mio account
Non appena attivi il plugin, nel pannello di amministrazione di WordPress apparirà subito un nuovo menu con il tag ' My Account Page Editor '
Facendo clic sulla scheda Tutti gli endpoint si accederà alla pagina in cui è possibile visualizzare tutti gli endpoint personalizzati che sono stati creati utilizzando questo plug-in.
Passaggio 3: aggiunta di nuovi endpoint
Per la pagina Il mio account, crea una nuova voce/scheda di menu facendo clic su Aggiungi nuovo endpoint. Puoi specificare i seguenti dettagli durante la creazione di un nuovo endpoint:
- Assegna un titolo all'endpoint
- Includi un Menu Slug unico
- Selezionare dall'icona disponibile
- Limita per ruoli utente (lascia vuoto per applicare a tutti i clienti)
- Scegli il tipo di endpoint
- Imposta contenuti personalizzati utilizzando l'editor
Passaggio 4: aggiunta di endpoint nel modulo di gruppo
Dopo aver scelto l'opzione di endpoint raggruppato, verranno visualizzati due campi aggiuntivi:
- Seleziona gli endpoint personalizzati da mostrare come affidabili
- Seleziona gli endpoint predefiniti da mostrare come affidabili
L'endpoint affidabile viene elencato in questo endpoint di gruppo dopo essere stato rimosso automaticamente dal menu del mio account.
Cosa puoi personalizzare dalle impostazioni generali
Potrai personalizzare:
- Tipo di visualizzazione dell'endpoint
- Stile tema (eredita lo stile predefinito del tema. Gli endpoint del gruppo non sono compatibili)
- Barra laterale sinistra (sostituisce il menu con lo stile personalizzato del plug-in)
- Barra laterale destra (sostituisce il menu con lo stile personalizzato del plug-in)
- Schede (sostituisce il menu con lo stile personalizzato del plug-in)
- Aggiungi testo, sfondo e colore al passaggio del mouse
- Opzione per nascondere gli endpoint predefiniti
- Abilita/disabilita l'immagine del profilo
- Riordina gli endpoint
Metodo 2: personalizzazione della pagina del mio account con un codice
La pagina I miei account è costruita con uno shortcode, il che significa che può essere personalizzata utilizzando il codice. Per fare ciò, dovrai modificare il file functions.php del tuo tema. Se non ti senti a tuo agio con la modifica del codice, ti consigliamo di eseguire il backup del tuo sito prima di procedere.
Dopo aver eseguito il backup del tuo sito, apri il file functions.php del tuo tema in un editor di testo come Blocco note o TextEdit. Quindi, aggiungi il seguente codice nella parte inferiore del file:
add_filter( 'woocommerce_my_account_menu_items', 'bbloomer_remove_my_account_links' ); funzione bbloomer_remove_my_account_links( $menu_links ){ unset( $menu_links['dashboard'] ); // Rimuovi collegamento Dashboard unset( $menu_links['payment-methods'] );
Plugin alternativi per modificare e personalizzare la pagina del mio account WooCommerce
Potresti non divertirti a programmare o probabilmente non sei una persona tecnica. Questo è il momento in cui ti divertirai a utilizzare i plug-in WooCommerce menzionati di seguito che aprono la porta per la completa personalizzazione della pagina del mio account WooCommerce senza che tu debba personalizzarla a livello di codice.
1. WooCommerce: personalizza il mio account per WooCommerce
Dì addio al fastidio di dover creare pagine WordPress personalizzate o aggiungere endpoint in modo disordinato. Questo plug-in ti consente di aggiungere endpoint (schede) personalizzati del mio account tramite un personalizzatore live con un potente pannello di personalizzazione. Una delle migliori funzionalità di questo plug-in è la possibilità di raggruppare gli endpoint per creare una scheda e quindi aggiungere schede come pagine secondarie che si intendono sotto la pagina principale. Aggiungere un CSS personalizzato è facile come l'ABC.
Prezzo a: $ 49 (fatturato annualmente)
2. Codecanyon - Pagine personalizzate del mio account WooCommerce
Questo plug-in conveniente ti consente di creare facilmente e rapidamente una pagina del mio account bella, pulita e comoda su WooCommerce. La possibilità di personalizzare completamente l'aspetto delle pagine del proprio account, aggiungendo funzionalità interessanti come tre diversi layout, colore di sfondo e testo personalizzato rende questo plugin adatto a qualsiasi tema. Questo plugin ti consente di creare una singola pagina per Il mio account. Puoi scegliere tra tre diversi layout e ricostruire completamente la tua pagina Il mio account WooCommerce con le opzioni CSS personalizzate fornite nel plug-in.
Al prezzo di: $ 34 (licenza normale)
3. IconicWP - Pagine dell'account WooCommerce
Il plugin agisce più come una funzionalità aggiunta piuttosto che come un plugin installato all'interno di WooCommerce. Non è necessario preoccuparsi di aggiungere un collegamento a schede alla pagina Il mio account poiché il plug-in IconicWP si integra perfettamente con WooCommerce e aggiunge un numero illimitato di schede alla pagina Il mio account di WooCommerce consentendo a qualsiasi pagina aggiunta di essere mostrata come collegamento a schede. Ti piacerà se desideri aggiungere più pagine "Il mio account" al tuo sito. Inoltre, per i clienti che necessitano di schede e collegamenti diversi per la pagina del proprio account. Ha tutto ciò di cui hai bisogno per creare tutte le pagine Il mio account di cui hai bisogno.
Prezzo: $ 49 all'anno per un singolo sito
4. YITH – WooCommerce Personalizza la pagina del mio account
YITH WooCommerce Customize My Account Page ti consente di modificare il contenuto predefinito e visualizzare ciò di cui i tuoi clienti hanno bisogno sulla loro pagina WooCommerce My Account. Questo è un ottimo modo per personalizzare la pagina del tuo account senza dover modificare alcun file o codice. Utilizzando questa estensione, puoi personalizzare facilmente ciò che viene visualizzato sugli account dei tuoi clienti, in base al loro ruolo, o semplicemente nascondere alcune sezioni che non desideri visualizzare. Puoi anche modificare l'e-mail che verrà inviata dopo l'accesso.
Al prezzo di: $ 59,99/anno
Leggi anche: Come personalizzare la pagina del prodotto WooCommerce in 3 semplici passaggi
Vantaggi della personalizzazione della pagina del mio account di WooCommerce
Oggi molti siti web personali non sono sufficienti. Le persone vogliono qualcosa di più ed è qui che la personalizzazione torna utile per i siti personali. La personalizzazione è importante per aiutarti a evidenziare ciò che rende speciale la tua attività o il tuo sito Web e ciò non si limita solo al logo o alla combinazione di colori del testo. Sebbene esistano alcuni semplici modi per impostare un profilo di account personalizzato, a volte può sfuggire al controllo, soprattutto se hai bisogno di più di quanto forniscono le soluzioni più semplici.
Potresti voler verificare se vale la pena dedicare più tempo per aggiungere alcune righe di codice che forniscono più funzionalità e consentire agli utenti di scegliere esattamente come desiderano visualizzare la loro presenza online invece di essere limitati da altre restrizioni della piattaforma prima di scegliere una soluzione pronta all'uso.
Ecco alcuni dei principali vantaggi che ottieni personalizzando la pagina Il mio account di WooCommerce:
- Resi dei prodotti ridotti al minimo: l'aggiunta di materiali didattici e/o specifiche nelle schede dei prodotti per aumentare la fiducia dell'acquirente porterà a una migliore esperienza del cliente e a un minor numero di resi.
- Maggiore fedeltà dei clienti: la personalizzazione della pagina Il mio account può essere di grande aiuto per semplificare la vita di un cliente, inserendo tutte le sue informazioni in un'unica posizione facile da trovare, senza la necessità di chiedere al servizio clienti. La pagina fornisce loro anche un posto dove possono trovare sconti esclusivi per essere i loro clienti fedeli.
- Massima fidelizzazione del cliente: puoi offrire coupon e sconti sulla tua pagina Il mio account che farà tornare i clienti sul sito per vedere nuove vendite e offerte. Verificheranno inoltre periodicamente le nuove vendite e offerte.
- Riduzione dei reclami/richieste dei clienti: quasi il 67% delle persone preferisce le opzioni self-service piuttosto che chiamare il servizio clienti. Per incoraggiare l'uso del self-service, fornire guide per l'utente su richiesta e accedere a un'ampia varietà di prodotti con domande e risposte a più domande.
Ora che sai come la personalizzazione della pagina Il mio account può migliorare notevolmente l'esperienza tua e dei tuoi clienti, ecco i plug-in che puoi installare per portare il tuo negozio al livello successivo.
Correlati: vantaggi e guida all'aggiunta della tabella dei prodotti WooCommerce
Modifica e personalizza la pagina del mio account WooCommerce nel modo in cui si adatta meglio alla tua attività
Se stavi cercando modi per migliorare la tua pagina Il mio account WooCommerce, speriamo che questo post ti sia piaciuto. Qui abbiamo cercato di dimostrare agli utenti di WooCommerce come possono personalizzare facilmente la pagina del loro account con l'aiuto di un plug-in.
Come puoi ormai immaginare, prima di decidere di modificare o personalizzare qualsiasi cosa, la prima cosa che devi fare è capire la pagina predefinita del mio account WooCommerce.
Ora sai che ci sono fondamentalmente due modi per personalizzare la pagina dell'account di WooCommerce. Il primo modo è utilizzare un plug-in e il secondo modo è modificare il codice.
Se non sei uno sviluppatore, ti consigliamo di utilizzare un plug-in per modificare o personalizzare la pagina dell'account. Sono disponibili numerosi plug-in che consentono di personalizzare la pagina dell'account. Ne abbiamo già menzionati alcuni popolari in questo post per tua comodità.
Uno dei plugin più popolari è il plugin WooCommerce Custom My Account Page . Ti consente di personalizzare facilmente la pagina del tuo account senza la necessità di avere alcuna conoscenza di codifica.
Se sei uno sviluppatore, puoi personalizzare la pagina del mio account WooCommerce modificando tu stesso il codice. Tuttavia, lo consigliamo solo agli sviluppatori che hanno dimestichezza con il codice.
Questo è tutto quello che c'è da fare! Ci auguriamo che questo articolo ti abbia aiutato a imparare come modificare e personalizzare la pagina del mio account WooCommerce nel modo in cui si adatta alle tue esigenze aziendali.
Se ti piace leggere, allora potresti voler iscriverti alle nostre newsletter per ricevere contenuti di tendenza e interessanti direttamente nella tua casella di posta.