Ti sei mai chiesto come puoi modificare le tue pagine di accesso e registrazione a WooCommerce?

Se stai usando WooCommerce per il tuo negozio online, allora hai già abbastanza familiarità con quest'ultimo. È una delle migliori piattaforme di e-commerce oggi.

Non puoi ignorare il fatto che è molto comodo da usare e può beneficiare molto il tuo negozio online. Esistono molte raccolte di file Temi WordPress et Plugin ed estensioni per WooCommerce per aiutarti a farlo.

Tuttavia, alcune delle sue funzionalità come l'accesso a WooCommerce o il modulo di registrazione WooCommerce sono piuttosto limitate. Questo è ciò che tratteremo in questo articolo.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Perché personalizzare i moduli di accesso e registrazione di WooCommerce?

Opzioni di campo limitate:

Il modulo di registrazione e accesso predefinito di WooCommerce ha campi adeguati per consentire a un utente di creare un account. Ma se vuoi aggiungere qualche altro campo, non puoi farlo per impostazione predefinita. Voi non è possibile aggiungere e visualizzare campi come caselle di controllo, menu a discesa e indirizzo di fatturazione e spedizione quando necessario o desiderato.

Pagine di accesso e registrazione separate

Per impostazione predefinita, i moduli di accesso e registrazione di WooCommerce vengono visualizzati sulla stessa pagina. Sebbene anche questo sia molto utile, non è possibile creare pagine separate per login e moduli di registrazione se lo desideri. Devi usare il codice o qualche altro plugin per superare questo problema.

Limitazioni di progettazione

Per alcuni utenti, la rappresentazione visiva dei moduli di accesso e registrazione predefiniti di WooCommerce può essere un po 'noiosa e noiosa. Sfortunatamente, WooCommerce non ti dà la possibilità di personalizzarli. Pertanto, non è possibile utilizzare colori, formati di testo o bordi diversi nel modulo predefinito.

Personalizza i tuoi moduli di accesso e registrazione WooCommerce:

La maggior parte delle personalizzazioni della pagina di accesso e del modulo di registrazione di WooCommerce possono essere eseguite facilmente con un solo plug-in, Registrazione Utente. Si tratta di un plug-in appositamente focalizzato sulla creazione di moduli di accesso e registrazione efficienti per il tuo sito web. Ha un interfaccia che supporta la funzionalità di trascinamento della selezione  con cui puoi facilmente realizzare le tue personalizzazioni senza codage.

Tutto quello che devi fare è per installarlo e attivarlo.

Registrazione utente registrazione login woocommerce

È inoltre necessario aggiungere alcune delle sue estensioni.Addon WooCommerce può aiutare a continuare oltre. Con questo addon, puoi integrare i tuoi moduli di registrazione personalizzati in WooCommerce senza sforzo e superare i limiti di WooCommerce.

Il tuo woocommerce

Dopodiché, puoi usarlo per creare moduli di accesso o di registrazione WooCommerce e iniziare a modificarli.

1. Aggiungi ulteriori campi al tuo login o modulo di registrazione WooCommerce

Le WordPress Plugin Registrazione Utente ti dà la possibilità di aggiungere più campi al tuo modulo di registrazione. Prima di tutto devi creare un nuovo modulo di registrazione da lì vai a Registrazione Utente >> Aggiungi nuovo nella dashboard di WordPress.

Scopri anche Come aggiungere un'immagine di sfondo in WordPress

Puoi usare i campi di Fatturazione e spedizione di WooCommerce aggiuntivo dalla scheda campi sul lato sinistro dello schermo.

Puoi anche aggiungere i campi aggiuntivi con menu a discesa, caselle di controllo e pulsanti di opzione, se necessario.

Questi campi possono essere facilmente aggiunti utilizzando la funzionalità di trascinamento della selezione di WordPress Plugin Registrazione Utente. I tuoi nuovi campi modulo saranno quindi visibili nel modulo di registrazione quando i tuoi utenti vorranno creare un nuovo account.

2. Sostituisci i moduli di accesso e registrazione predefiniti di WooCommerce

Dopo aver creato il tuo nuovo modulo di accesso o di registrazione WooCommerce, dovresti sostituirlo con il modulo WooCommerce predefinito.

Vedi anche la nostra guida su Come aggiungere un negozio WooCommerce su Facebook

Tutto quello che devi fare è andare avanti WooCommerce >> Impostazioni e apri la scheda Conti e riservatezza. Nella sezione Creazione account, controllare Consenti ai clienti di creare un account nella pagina "Il mio account" e Salva modifiche.

Sostituisci moduli predefiniti registrazione woocommerce

Quindi vai a Registrazione Utente >> Impostazioni e apri la scheda WooCommerce. Qui, seleziona il modulo di registrazione che desideri integrare. Quindi, seleziona l'opzione Sostituisci pagina di registrazione e salva le modifiche.

Leggi anche il nostro articolo su Come visualizzare un menu per i vostri abbonati WooCommerce condizionali

Ora verranno visualizzati il ​​modulo di accesso e il modulo di registrazione personalizzati di WooCommerce.

Sia il modulo di accesso che quello di registrazione di WooCommerce verranno visualizzati sulla stessa pagina per impostazione predefinita. Ma se tu desidera visualizzarli su pagine diverse, puoi farlo anche usando il plugin Registrazione Utente. Innanzitutto, crea pagine separate per la registrazione e le pagine di accesso.

Per visualizzare separatamente la pagina di accesso, aggiungi il seguente shortcode nella pagina che desideri visualizzare. Dovresti anche reindirizzarlo al link della pagina dell'account dopo l'accesso dell'utente. Basta aggiungere il parametro REDIRECT_URL  al link della pagina e pubblicare quest'ultima.

[user_registration_my-compte redirect_url = "collegamento alla pagina dell'account"]

Sostituisci moduli predefiniti registrazione woocommerce 1

Per visualizzare separatamente la pagina di registrazione, devi avere lo shortcode di registrazione WooCommerce che hai creato. Puoi averlo andando avanti Registrazione Utente >> Registrazione utente dalla dashboard di WordPress.

Ora copia e incolla lo shortcode nel punto in cui desideri visualizzare il modulo di registrazione. Quindi pubblica la pagina.

Ou

Puoi semplicemente usare l'editor dei blocchi per visualizzare il modulo di registrazione che hai creato. Cerca solo il blocco Registrazione Utente e seleziona il modulo di registrazione che desideri visualizzare. Quindi pubblica la pagina.

Sostituisci moduli predefiniti registrazione woocommerce 2

3. Mostra campi aggiuntivi nella pagina dell'account

Dopo l'accesso o la registrazione per un nuovo account, l'utente viene reindirizzato alla pagina Area personale. Ma i dettagli aggiuntivi sulla pagina di accesso o di registrazione di WooCommerce potrebbero non essere visualizzati nella pagina dell'account.

Voici Plugin 10 WordPress per aggiungere una calcolatrice al tuo sito web

Ma una volta sostituiti con successo i moduli di accesso e registrazione, è possibile visualizzare i dettagli aggiuntivi nella pagina dell'account. Andiamo avanti  Account personale >> Dettagli account.

Nota: L'aspetto della pagina Il mio account può variare da tema a tema.

4. Integra l'account WooCommerce nella pagina di pagamento

Per comodità dei tuoi clienti, puoi anche visualizzare il modulo di registrazione personalizzato nella pagina di pagamento con il plug-in Registrazione utente. Puoi anche scegliere quali campi desideri vengano compilati nella pagina di pagamento. Per aggiungere il tuo account WooCommerce alla pagina di pagamento, devi solo seguire i passaggi indicati.

Leggi anche il nostro articolo su 10 plugin per WooCommerce di WordPress da utilizzare sul tuo blog

Andiamo avanti WooCommerce >> Impostazioni e apri la scheda Conti e riservatezza. Quindi nella sezione Account e privacy, seleziona l'opzione Consenti ai clienti di creare un account durante la convalida dell'ordine.

Autorizza i clienti a creare la pagina dell'account il mio account

Ancora una volta, vai a Registrazione utente >> Impostazioni, e sotto la scheda WooCommerce, vedrai la sezione Sincronizza registrazione checkoutQui è abbastanza controlla l'opzione: seleziona questa opzione per sincronizzare la registrazione dell'utente con la registrazione del checkout di WooCommerce. Verranno visualizzati campi aggiuntivi non disponibili nel modulo di registrazione di WooCommerce.

Integrazione woocommerce login e pagina account di registrazione

Quindi devi solo selezionare i campi che desideri mostrare ai tuoi clienti nel modulo di registrazione alla cassa. Include anche i campi dell'indirizzo di fatturazione e di spedizione.

La prossima volta che il cliente desidera effettuare il checkout, riceverà il modulo con ulteriori campi specifici da completare.

5. Riprogettazione dei moduli di accesso e registrazione di WooCommerce

La registrazione dell'utente è eccellente WordPress Plugin generatore di moduli che ti consente persino di personalizzare completamente i moduli di accesso e registrazione di WooCommerce.

Puoi usare il suo addon Personalizzatore di stile per aiutarti a cambiare l'aspetto dell'intero modulo di registrazione come desideri. È abbastanza facile da usare in quanto ha un'interfaccia che supporta la funzionalità Drag and Drop con opzioni di anteprima in tempo reale.

Plugin aggiuntivo in stile personalizzatore

Tutto quello che devi fare è acquistare il componente aggiuntivo Style Customizer e modificare il tuo modulo WooCommerce esistente o crearne uno nuovo. Quindi fare clic sul file pulsante con l'icona di un pennello nella parte inferiore destra dello schermo.

Ora sarai in grado di vedere il pannello Customizer.

Qui puoi modificare tutti i tipi di elementi di design per i tuoi moduli di accesso e registrazione. Alcuni di essi si occupano dell'aspetto generale del modulo, delle etichette dei campi, della descrizione e degli stili del pulsante di opzione o della casella di controllo. Ha anche opzioni aggiuntive per titoli di sezioni, post e CSS aggiuntivi.

Quando hai finito di personalizzarli, salvali. Ogni modifica apportata alla personalizzazione dello stile verrà automaticamente integrata nel modulo di accesso o di registrazione di WooCommerce.

Scopri anche  Come proteggere con password i tuoi moduli WordPress

Pertanto, sarai in grado di vedere queste modifiche ovunque posizionerai il modulo nel tuo negozio online.

Riassunto :

Ecco alcuni dei suggerimenti più utili su come utilizzare e personalizzare diversi aspetti dei moduli di accesso e registrazione di WooCommerce. Può essere di grande aiuto per attirare un numero di clienti sul tuo sito Web con un'interfaccia semplice che consente loro di creare o accedere al proprio account WooCommerce.

Altri plugin premium aggiuntivi per WordPress 

Scopri anche altri plugin di WordPress premium che ottimizzano le prestazioni del tuo blog o sito Web WordPress.

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises locali, elenchi di fornitori, ecc. Directory wordpress del plugin Mapsvg

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Leggi anche il nostro articolo su Come mantenere i tuoi visitatori più a lungo sul tuo sito web

Download| Demo | Web hosting

2. Pan Zoom Image

Questo plugin ti consente di aggiungere facilmente la funzione di zoom pan per le immagini sul tuo blog WordPress tramite uno shortcode. Ad esempio, puoi integrarlo nel tuo articolo o nella tua pagina.

Zoom immagine pan wordpress plugin per lo zoom

Come funzionalità, avrai tra le altre: lo zoom panoramico su una singola immagine o una galleria con immagini illimitate, la posizione della barra di controllo può essere in alto, a destra, in basso e a sinistra, il fondo del contenitore può essere scuro, chiaro e niente di tutto ciò; l'anteprima dal vivo nella dashboard, l'esempio di zoom panoramico multiplo sulla stessa pagina, ecc.

Scopri anche il nostro 5 utilizza shortcode per i plugin WordPress premium

Download | Demo | Web hosting

3. Automazione del marketing

Questo plugin premium per WordPress fornisce un'interfaccia utente semplice e flessibile, il cui scopo sarà aiutarti a creare facilmente una potente newsletter sul tuo sito web. La sua flessibilità ti consentirà di gestire un'ampia gamma di eventi, condizioni e azioni, in modo da poter configurare facilmente la tua strategia di email marketing per inviarla, monitorarla e trarne profitto.

I plugin wordpress per l'automazione del marketing creano un sito Web di newsletter

Le sue principali funzionalità sono: la possibilità di applicare logiche condizionali basate sulla reazione e sul comportamento dei visitatori, il tracciamento delle azioni dei visitatori del sito web, perfetto per tutti i programmi fedeltà, ottimo per strategie di marketing che puntano sulle ricompense, un cruscotto intuitivo, la segmentazione dei visitatori del sito web, la possibilità di fare sondaggi, notifiche sms e via e-mail, pop-up basati sul comportamento dei visitatori, banner pubblicitari basati sul comportamento dei visitatori e molto altro.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per il nostro articolo che mostra come personalizzare i moduli di registrazione e di accesso di WooCommerce. Ora avrai  la possibilità di creare moduli di registrazione e connessione bitch al plug-in di registrazione utente. Piccoli dettagli come questi sono molto importanti il tuo negozio online per assicurarti che i tuoi clienti li utilizzino spesso.

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Se ne hai commenti o suggerimenti, non esitate a farcelo sapere nella sezione riservata. Ma intanto condividi questo articolo sui tuoi diversi social network

...