Visser Labs – Plugin WooCommerce
  1. Casa
  2. Knowledge Base
  3. Accesso personalizzato per WooCommerce
  4. Come scegliere un modello di pagina di accesso per WooCommerce
  1. Casa
  2. Knowledge Base
  3. Iniziare
  4. Come scegliere un modello di pagina di accesso per WooCommerce

Come scegliere un modello di pagina di accesso per WooCommerce

La tua pagina di accesso è spesso la prima schermata brandizzata che un cliente vede dopo aver cliccato su Il mio account. Un layout che stride con il tuo negozio, o nasconde il tuo messaggio promozionale, può far sembrare la pagina incompleta. Custom Login for WooCommerce ti offre cinque modelli pronti all'uso, così puoi cambiare l'intero aspetto in un clic.

Questo articolo ti mostra come scegliere un modello, in cosa differiscono i cinque e come funziona il layout diviso. Il layout diviso posiziona il tuo modulo di accesso su un lato e un pannello promozionale sull'altro. Colori, etichette del modulo e testo promozionale hanno impostazioni proprie e non sono trattati qui.

Prerequisiti

RequisitoDettagli
PluginCustom Login for WooCommerce installato e attivo
WooCommerceInstallato e attivo
AccessoUn account che può gestire le impostazioni di WooCommerce

Se non hai ancora configurato il plugin, inizia con Guida introduttiva a Custom Login for WooCommerce.

Passaggio 1: Apri la scheda Modello

  1. Vai su WooCommerce → Custom Login nella tua bacheca WordPress.
  2. Fai clic sulla scheda Modello.

La scheda mostra un'intestazione chiamata Design del modello e cinque schede. Ogni scheda mostra un'anteprima ridotta, il nome del modello e una descrizione di una riga. La scheda del tuo modello corrente è evidenziata.

La scheda Modello che mostra le cinque schede modello, con Classic Split evidenziato e il pulsante Salva impostazioni contrassegnato. La scheda Licenza si trova accanto a Contenuto.

Passaggio 2: Scegli un modello

Fai clic sulla scheda del modello che desideri. L'evidenziazione si sposta sulla tua scelta. Ecco come i cinque si confrontano:

ModelloAspettoPannello promozionale
Classic SplitModulo bianco su un lato, pannello promozionale colorato sull'altroMostrato, fianco a fianco
Centered CardScheda bianca centrata su uno sfondo scuroNascosto su schermi larghi
Gradient ModernSfondo sfumato viola con una scheda bianca fluttuanteMostrato accanto alla scheda
Dark ModeModulo scuro e pannello promozionale scuro con accenti ambraMostrato, fianco a fianco
Warm OrganicToni giallo caldo, angoli arrotondati e un'atmosfera amichevoleMostrato, sovrapposto alla scheda

Classic Split è l'impostazione predefinita. Se non hai ancora scelto nulla, la tua pagina di accesso lo utilizza.

Non sei sicuro di quale scegliere? Usalo come punto di partenza:

  • Classic Split: un layout pulito e familiare che funziona per la maggior parte dei negozi.
  • Centered Card: un modulo semplice e focalizzato senza nient'altro sulla pagina su schermi larghi.
  • Gradient Modern: un look audace e colorato per marchi con un'atmosfera moderna.
  • Dark Mode: uno stile più scuro che si adatta a marchi tecnologici, di gaming o adatti alla notte.
  • Warm Organic: un look morbido e accessibile per negozi di artigianato, cibo o lifestyle.

Passaggio 3: Salva la tua scelta

Fai clic su Salva impostazioni. Il tuo modello viene applicato immediatamente alla pagina di accesso.

Passaggio 4: Controlla la tua pagina di accesso

  1. Disconnettiti o apri una finestra del browser privata.
  2. Vai su tuonegozi.com/login per vedere il tuo nuovo modello.
  3. Controlla la pagina anche su un telefono, perché il pannello promozionale si comporta in modo diverso sugli schermi piccoli.

Come funziona il layout diviso

Un layout diviso mostra due pannelli: il modulo di accesso e un pannello promozionale. Il pannello promozionale è dove appaiono il tuo titolo, messaggio, pulsante e immagine opzionale. Classic Split è l'esempio più chiaro, con il modulo da un lato e la promozione dall'altro. Dark Mode divide anche lo schermo a metà. Gradient Modern e Warm Organic mantengono il modulo in una scheda. Gradient Modern posiziona il pannello promozionale accanto alla scheda, e Warm Organic lo nasconde parzialmente dietro la scheda.

La pagina di accesso Classic Split con il pannello del modulo di accesso a sinistra e il pannello promozionale blu a destra

Due impostazioni controllano se il pannello promozionale viene visualizzato.

Abilita sezione promozionale si trova nella scheda Contenuto, ed è attiva per impostazione predefinita. Disattivala e la pagina di accesso mostrerà solo il modulo, indipendentemente dal modello scelto.

Visualizzazione promo su mobile si trova nella scheda Design. Scegli Nascondi su mobile per mostrare solo il modulo sugli schermi piccoli, o Impila sotto il modulo di accesso per mostrare la promozione sotto il modulo. L'impostazione predefinita è Nascondi su mobile.

La scheda Contenuto con l'interruttore Abilita sezione promo attivato
La sezione Visualizzazione promo mobile nella scheda Design con Nascondi su mobile selezionato

Scheda centrata nasconde il pannello promozionale sugli schermi larghi, quindi non viene mai mostrato accanto al modulo. Sui telefoni, la scelta di Impila sotto il modulo di accesso in Visualizzazione promo su mobile mostra comunque la promozione sotto il modulo. Se desideri un layout diviso, scegli uno degli altri quattro modelli.

La pagina di accesso Centered Card che mostra solo il modulo di accesso bianco su sfondo scuro, senza pannello promozionale su uno schermo largo

Per modificare il testo del pannello promozionale, consulta la sezione Contenuti promozionali nella scheda Contenuto.

Risoluzione dei problemi

Il pannello promozionale è mancante dalla mia pagina di accesso
Verifica prima di non aver scelto Scheda centrata, perché quel modello nasconde il pannello promozionale sugli schermi larghi. Se hai scelto un altro modello, apri la scheda Contenuto e assicurati che Abilita sezione promozionale sia attivata. Quindi fai clic su Salva impostazioni e ricarica la tua pagina di accesso.
Il pannello promozionale non viene visualizzato sul mio telefono
Sugli schermi piccoli, il pannello promozionale è nascosto per impostazione predefinita. Ciò significa 768 pixel di larghezza o meno per la maggior parte dei modelli, e 900 pixel o meno per Gradient Modern e Warm Organic. Apri la scheda Design, trova Visualizzazione promo su mobile e scegli Impila sotto il modulo di accesso. Quindi fai clic su Salva impostazioni.
Il mio modello non è cambiato dopo aver salvato
Svuota la cache del tuo browser o apri tuonegozi.com/login in una finestra privata. Se utilizzi un plugin di caching o una cache a livello di sito, svuota anche quella cache.
Le mie modifiche ai colori non vengono visualizzate sul nuovo modello
Ogni modello imposta i propri colori di sfondo e della scheda. Sfondo pannello sinistro e Sfondo pannello destro nella scheda Design si applicano solo a Classic Split. Gli altri quattro modelli utilizzano i propri sfondi fissi per i pannelli. Se desideri controllare i colori dei pannelli, scegli Classic Split.

Domande frequenti

Posso cambiare modello in seguito?
Sì. Scegli una scheda diversa nella scheda Modello e fai clic su Salva impostazioni. Il tuo logo, le etichette e il testo promozionale rimangono invariati.
Il cambio di modello modifica i campi del mio modulo di accesso?
No. Ogni modello mostra gli stessi campi: Indirizzo email, Password, Ricordami e Password dimenticata?. Puoi rinominare queste etichette nella scheda Design.
Posso creare un mio modello?
No. Puoi scegliere tra i cinque modelli inclusi e regolare le impostazioni nelle schede Design e Contenuto.
Dove inserisco il mio logo?
Inseriscilo nella scheda Design sotto Logo e intestazione. Per le istruzioni, consulta Guida introduttiva a Custom Login per WooCommerce.

Serve aiuto?

Custom Login per WooCommerce è un plugin premium, quindi se riscontri problemi, apri una richiesta di supporto e il nostro team ti aiuterà a configurarlo.

Questo articolo è stato utile?

Articoli Correlati

Risorse e Aiuto