Come personalizzare una pagina protetta da password in wordpress

Come personalizzare una pagina protetta da password in WordPress

Vuoi imparare a personalizzare una pagina protetta da password in WordPress?

La personalizzazione delle pagine bloccate ti consente di incoraggiare più visitatori a diventare abbonati al tuo sito. Inoltre, è un ottimo modo per utilizzare lo spazio per promuovere altri servizi o pagine del tuo sito.

In questo post, ti guideremo attraverso i passaggi per personalizzare le tue pagine protette da password di WordPress.

Quando dovresti personalizzare una pagina protetta da password in WordPress?

Ci sono vari scenari in cui l'utilizzo di una pagina personalizzata protetta da password è una buona idea.

Ad esempio, se il tuo sito è ancora in costruzione, bloccare le tue pagine con password consente solo alle persone autorizzate di accedervi per scopi di test. Un'altra situazione comune in cui le pagine protette da password sono davvero utili è quando vuoi limitare alcune delle tue pagine solo agli abbonati paganti.

La pagina predefinita di WordPress bloccata da password ha un design molto semplice che include un campo password e ha un design basato sul tuo tema WordPress. Ecco come appare una pagina standard bloccata da password di WordPress:

Pagina di esempio protetta da password

Sfortunatamente, non è facile aggiungere elementi aggiuntivi come pulsanti personalizzati, widget, moduli e altri elementi utilizzando l'editor predefinito di WordPress.

Ma per rendere tutto questo considerevolmente facile, useremo un plugin speciale per WordPress chiamato SeedProd. Essendo il miglior plugin per la creazione di pagine per WordPress, SeedProd ti consente di creare pagine bloccate da password dall'aspetto fantastico senza richiedere alcun codice!

Come personalizzare una pagina WordPress protetta da password con SeedProd

Per personalizzare la tua pagina protetta da password in WordPress, segui semplicemente questi passaggi:

Iniziamo.

Fase 1: Installa SeedProd

SeedProd è un costruttore di landing page drag and drop per WordPress. Viene fornito con modelli predefiniti che rendono estremamente facile personalizzare le tue pagine.

Quindi, inizieremo installando il plugin. Una volta installato, assicurati di copiare la tua chiave di licenza. Puoi trovare la chiave di licenza del tuo account SeedProd andando alla tua dashboard SeedProd e cliccando sulla scheda Download. Quindi, scorri verso il basso per trovare il campo Chiave di licenza e copiala.

Licenza SeedProd

Ora, apri la tua dashboard di amministrazione di WordPress e vai su SeedProd » Impostazioni. Qui, inserisci la tua Chiave di licenza e clicca sul pulsante Verifica.

Inserisci la chiave di licenza SeedProd

Ottimo! Ora che SeedProd Pro è attivo sul tuo sito, puoi apportare ogni sorta di personalizzazioni entusiasmanti.

Passaggio 2: Crea una pagina "Coming Soon"

SeedProd ha una modalità "coming soon" che include impostazioni per le restrizioni di accesso. Con queste restrizioni di accesso, puoi facilmente impostare una password per la tua pagina.

Per creare una pagina "coming soon" con SeedProd, clicca sulla voce di menu SeedProd all'interno della barra laterale di WordPress.

Pagine di destinazione

Ora, fai clic sul pulsante Imposta una pagina "Coming Soon".

Qui troverai un'enorme varietà di modelli tra cui scegliere. Puoi sceglierne uno qualsiasi che ti piace, ma useremo il modello Pagina Webinar di Conferenza per questo esempio.

Modelli "Coming Soon" di SeedProd

Dopo aver selezionato il tema, dovresti ora vedere il builder drag-and-drop di SeedProd che ti consente di personalizzare la pagina in tutti i modi possibili.

Passaggio 3: Personalizza la pagina protetta da password

Una volta selezionato il modello, puoi personalizzare la tua pagina protetta da password utilizzando decine di diversi tipi di blocchi visibili nel riquadro di sinistra.

Vista Builder di SeedProd

Puoi semplicemente trascinare e rilasciare questi blocchi a destra per aggiungere un nuovo elemento come un modulo, icone di social media, concorsi a premi e altro.

Poiché vogliamo aggiungere un campo password che consenta agli utenti di accedere al contenuto bloccato, trascineremo e rilasceremo il blocco HTML personalizzato sulla pagina.

Per fare ciò, cerca semplicemente HTML personalizzato nel campo di ricerca e posiziona questo blocco nel punto desiderato sulla tua pagina protetta da password.

Blocco HTML personalizzato SeedProd

Ora, fai clic sul blocco nell'editor live per accedere alle sue impostazioni. Qui, incolla questo codice nel campo HTML personalizzato:

seed_bypass_form msg="Enter passcode" button-txt="Login" return="https://yourwebsite.com/welcome"

Nota: Assicurati di racchiudere il codice sopra tra parentesi quadre quando incolli nel campo HTML personalizzato.

Il codice sopra crea un campo password standard, ma dovrai modificarlo leggermente affinché funzioni perfettamente sul tuo sito. Ecco cosa significa ciascuna delle tre parti di questo codice:

  • msg: Questo tag specifica il testo che appare all'interno del campo password. Per impostazione predefinita, è impostato su "Inserisci passcode". Puoi modificare questo testo se lo desideri, ma non è necessario.
  • button-txt: Questo tag controlla il testo che appare sul pulsante che porta alla tua pagina protetta da password. Anche in questo caso, puoi modificare questo testo ma non è obbligatorio.
  • return: All'interno di questo tag, devi fornire l'URL della pagina a cui desideri che gli utenti accedano con una password. Assicurati di inserire il link corretto.

Nel nostro esempio, abbiamo personalizzato i valori nel codice in questo modo:

seed_bypass_form msg="Enter passcode" button-txt="Access" return="https://wpforms.example.com/"

Codice HTML personalizzato

Tieni presente che non vedrai il campo di immissione della password finché non lo visualizzi in anteprima. Ma prima di farlo, dobbiamo configurare alcune altre impostazioni per impostare la protezione tramite password.

Assicurati di fare clic sul pulsante Salva in alto a destra per salvare le modifiche fino a questo punto.

Passaggio 4: Impostazioni della pagina protetta da password di WordPress

In questo passaggio, imposteremo la password di cui gli utenti avranno bisogno per accedere effettivamente al tuo contenuto protetto.

Sul tuo page builder SeedProd, fai clic sulla scheda Impostazioni pagina (terza opzione dall'alto a sinistra). Ora, seleziona Controllo accessi dal menu a sinistra. Quindi, nel campo URL di bypass, puoi inserire qualsiasi password desideri impostare.

Impostazioni pagina

È importante notare che la password scelta sarà anche il tuo URL di bypass. Ciò significa che se desideri che un utente acceda direttamente a questa pagina, puoi semplicemente fornirgli l'URL di bypass.

Ci sei quasi! Scorri verso il basso fino alla sezione Includi/Escludi URL e fai clic sulle opzioni Includi URL. Incolla qui il link alla pagina effettiva che desideri nascondere dietro una password.

Includi URL

Ed ora è il momento di pubblicare e attivare la nostra nuova pagina personalizzata protetta da password!

Passaggio 5: Pubblica la tua pagina WordPress protetta da password

Ora che abbiamo personalizzato la pagina e configurato le impostazioni a nostro piacimento, possiamo procedere alla sua pubblicazione.

Fai clic sulla freccia rivolta verso il basso accanto al pulsante Salva per espandere il menu e quindi premi Pubblica.

Pubblica pagina protetta da password

Vedrai quindi apparire il seguente messaggio.

Pulsante Vedi pagina live

Ora, torna alla tua dashboard di SeedProd e premi l'interruttore in modo che lo stato legga Attivo sotto la Modalità "Coming Soon".

Modalità "coming soon" attiva

La tua pagina personalizzata protetta da password è ora pubblicata!

Pagina live

Eccellente!

Se desideri personalizzare una pagina modulo protetta da password, consulta i passaggi seguenti in cui utilizziamo WPForms per realizzarlo.

Come personalizzare le pagine modulo protette da password

Puoi anche creare e personalizzare una pagina modulo protetta da password sul tuo sito WordPress. Questo è molto utile se desideri limitare l'accesso al modulo solo agli utenti connessi o a coloro che hanno una password.

Per maggiori dettagli, consulta questa guida su come creare un modulo protetto da password.

Pagina modulo protetta da password

Ed ecco fatto! Ora sai come personalizzare una pagina protetta da password in WordPress.

Successivamente, crea il tuo tema WordPress

Vuoi creare un tema WordPress che abbia esattamente l'aspetto che desideri? Fortunatamente, non è più necessario essere uno sviluppatore per creare il tuo tema WordPress. Dai un'occhiata alla nostra guida dettagliata su come creare temi WordPress senza codice per maggiori informazioni.

Inoltre, se stai cercando un modo semplice per aumentare i visitatori del tuo sito, puoi considerare l'invio di notifiche push da WordPress.

Crea subito il tuo modulo WordPress

Pronto a creare il tuo modulo? Inizia oggi stesso con il plugin per la creazione di moduli WordPress più facile. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo ti è stato utile, seguici su Facebook e Twitter per altri tutorial e guide gratuite su WordPress.

Divulgazione: i nostri contenuti sono supportati dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scopri come viene finanziato WPForms, perché è importante e come puoi supportarci.

Osama Tahir

Osama è uno scrittore senior di WPForms. È specializzato nello smontare i plugin di WordPress per testarli e condividere le sue intuizioni con il mondo. Scopri di più

Il miglior plugin per la creazione di moduli drag and drop per WordPress

Facile, veloce e sicuro. Unisciti a oltre 6 milioni di proprietari di siti web che si affidano a WPForms.

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano la Normativa sulla privacy e i Termini di servizio di Cloudflare.