Como Personalizar uma Página Protegida por Palavra-passe no WordPress

Quer aprender a personalizar uma página protegida por palavra-passe no WordPress?

Personalizar páginas bloqueadas permite incentivar mais visitantes a tornarem-se assinantes do seu site. Além disso, é uma ótima forma de utilizar o espaço para promover outros serviços ou páginas no seu site.

Neste artigo, vamos guiá-lo através dos passos para personalizar as suas páginas protegidas por palavra-passe no WordPress.

Quando deve personalizar uma página protegida por palavra-passe no WordPress?

Existem vários cenários em que a utilização de uma página personalizada protegida por palavra-passe é uma boa ideia.

Por exemplo, se o seu site ainda está em construção, bloquear as suas páginas com palavras-passe permite que apenas pessoas autorizadas as acedam para fins de teste. Outra situação comum em que as páginas protegidas por palavra-passe são muito úteis é quando pretende restringir algumas das suas páginas apenas a assinantes pagos.

A página padrão do WordPress protegida por palavra-passe tem um design muito básico que inclui um campo para palavra-passe e tem um design baseado no seu tema WordPress. Eis como se apresenta uma página padrão do WordPress protegida por palavra-passe:

Infelizmente, não é fácil adicionar elementos adicionais como botões personalizados, widgets, formulários e outros elementos utilizando o editor padrão do WordPress.

Mas, para tornar isto consideravelmente fácil, vamos usar um plugin especial para WordPress chamado SeedProd. Sendo o melhor plugin construtor de páginas para WordPress, o SeedProd permite-lhe criar páginas protegidas por palavra-passe com um aspeto fantástico sem necessitar de qualquer código!

Como personalizar uma página do WordPress protegida por palavra-passe com o SeedProd

Para personalizar a sua página protegida por palavra-passe no WordPress, siga simplesmente estes passos:

• Passo 1: Instalar o SeedProd
• Passo 2: Criar uma página "Em Breve"
• Passo 3: Personalizar a página protegida por palavra-passe
• Passo 4: Definições da página protegida por palavra-passe no WordPress
• Passo 5: Publicar a sua página do WordPress protegida por palavra-passe

Vamos começar.

Passo 1: Instalar o SeedProd

SeedProd é um construtor de páginas de destino "arrastar e largar" para WordPress. Vem com modelos incorporados que tornam extremamente fácil personalizar as suas páginas.

Portanto, vamos começar por instalar o plugin. Assim que estiver instalado, certifique-se de que copia a sua chave de licença. Pode encontrar a chave de licença da sua conta SeedProd indo ao seu painel SeedProd e clicando no separador Downloads. Em seguida, role para baixo para encontrar o campo Chave de Licença e copie-a.

Agora, abra o seu painel de administração do WordPress e vá para SeedProd » Definições. Aqui, introduza a sua Chave de Licença e clique no botão Verificar.

Ótimo! Agora que o SeedProd Pro está ativo no seu site, pode fazer todo o tipo de personalizações interessantes.

Passo 2: Criar uma página "Em Breve"

O SeedProd tem um modo "Em Breve" que vem com definições para restrições de acesso. Com estas restrições de acesso, pode facilmente definir uma palavra-passe para a sua página.

Para criar uma página "Em Breve" com o SeedProd, clique no item de menu SeedProd dentro da barra lateral do seu WordPress.

Agora, clique no bot ildeo Configurar uma P ildeag seuina de Breve.

Aqui, encontrar ildea uma enorme variedade de modelos ildea escolher. Pode escolher qualquer um de que goste, mas vamos usar o modelo P ildeag sua de Webinar de Confer ildea ncia para este exemplo.

Ap ildeos selecionar o tema, dever ildea ver o construtor de arrastar e soltar da SeedProd, que lhe permite personalizar a p ildeag sua de v ildea rias maneiras.

Passo 3: Personalizar a P ildeag sua Protegida por Palavra-passe

Quando tiver selecionado o seu modelo, pode personalizar a sua p ildeag sua protegida por palavra-passe utilizando dezenas de diferentes tipos de blocos vis ildea veis no painel esquerdo.

Pode simplesmente arrastar e soltar estes blocos ildea direita para adicionar um novo elemento, como um formul ildea rio, ildea cones de redes sociais, concursos de sorteio e mais.

Como queremos adicionar um campo de palavra-passe que permita aos utilizadores aceder ao conte ildeu do bloqueado, vamos arrastar e soltar o HTML Personalizado para a p ildeag sua.

Para fazer isto, basta procurar HTML Personalizado no campo de pesquisa e colocar este bloco no local desejado na sua p ildeag sua protegida por palavra-passe.

Agora, clique no bloco no editor em tempo real para aceder ildeas suas defini ildea es. Aqui, cole este c ildeo digo no campo HTML Personalizado:

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

Nota: Certifique-se de que inclui o c ildeo digo acima entre par ildea nteses retangulares ao col ildea -lo no campo HTML Personalizado.

O c ildeo digo acima cria um campo de palavra-passe padr ildeao, mas ter ildea de o editar ligeiramente para que funcione perfeitamente no seu site. Eis o que cada uma das tr ildea s partes deste c ildeo digo significa:

• msg: Esta etiqueta especifica o texto que aparece dentro do campo da palavra-passe. Por defeito, est ildea definido como “Introduza o c ildeo digo de acesso”. Pode editar este texto se desejar, mas n ildeao ildea necess ildea rio.
• button-txt: Esta etiqueta controla o texto que aparece no bot ildeao que leva ildea sua p ildeag sua protegida por palavra-passe. Novamente, pode editar este texto, mas n ildeao ildea obrigat ildeo rio.
• return: Dentro desta etiqueta, precisa de fornecer o URL da p ildeag sua ildea qual deseja que os utilizadores acedam com uma palavra-passe. Certifique-se de que introduz a liga ildea o correta.

No nosso exemplo, personaliz ildea mos os valores no c ildeo digo da seguinte forma:

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

Note que n ildeao ver ildea o campo de introdu ildea o da palavra-passe at ildea que o pr ildea -visualize. Mas antes de o fazermos, precisamos de configurar mais algumas defini ildea es para configurar a prote ildea o por palavra-passe.

Certifique-se de que clica no bot ildeao Guardar no canto superior direito para guardar as suas altera ildea es at ildea este ponto.

Passo 4: Defini ildea es da P ildeag sua Protegida por Palavra-passe do WordPress

Neste passo, vamos definir a palavra-passe que os utilizadores precisar ildeao para aceder efetivamente ao seu conte ildeu do protegido.

No seu construtor de p ildeag inas SeedProd, clique no separador Defini ildea es da P ildeag sua (3 extordmas op extordc ildeao do canto superior esquerdo). Agora, selecione Controlo de Acesso no menu ildea esquerda. Em seguida, no campo URL de Contorno, pode introduzir qualquer palavra-passe que deseje configurar.

Importa notar que a palavra-passe que escolher ser ildea tamb ildea m o seu URL de contorno. Isto significa que, se desejar que um utilizador aceda diretamente a esta p ildeag sua, pode simplesmente fornecer-lhe o URL de contorno para a mesma.

Está quase lá! Percorra até a secção Incluir/Excluir URLs e clique nas opções Incluir URLs. Em seguida, cole aqui o link para a página real que pretende que fique oculta por palavra-passe.

E agora é hora de publicar e ativar a nossa nova página personalizada protegida por palavra-passe!

Passo 5: Publicar a sua página WordPress protegida por palavra-passe

Agora que personalizámos a página e configurámos as definições ao nosso gosto, podemos avançar para a sua publicação.

Clique na seta virada para baixo ao lado do botão Guardar para expandir o menu e, em seguida, prima Publicar.

Verá então a seguinte mensagem a aparecer.

Agora, regresse ao seu painel SeedProd e prima o interruptor para que o estado indique Ativo em Modo Brevemente.

A sua página personalizada protegida por palavra-passe está agora publicada!

Excelente!

Se pretender personalizar uma página de formulário protegida por palavra-passe, consulte os passos abaixo, onde utilizamos o WPForms para o conseguir.

Como personalizar páginas de formulário protegidas por palavra-passe

Também pode criar e personalizar uma página de formulário protegida por palavra-passe no seu site WordPress. Isto é muito útil se quiser restringir o acesso ao formulário apenas a utilizadores com sessão iniciada ou a quem tenha uma palavra-passe.

Para mais detalhes, consulte este guia sobre como criar um formulário protegido por palavra-passe.

E pronto! Agora sabe como personalizar uma página protegida por palavra-passe no WordPress.

Em seguida, crie o seu próprio tema WordPress

Quer criar um tema WordPress que tenha exatamente o aspeto que deseja? Felizmente, já não precisa de ser um programador para criar o seu próprio tema WordPress. Consulte o nosso guia detalhado sobre criação de temas WordPress sem código para mais informações.

Além disso, se procura uma forma fácil de aumentar os visitantes do seu site, pode considerar enviar notificações push do WordPress.

Crie o seu formulário WordPress agora

Pronto para criar o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.