Como Personalizar uma Página Protegida por Senha no WordPress

Você quer aprender como personalizar uma página protegida por senha no WordPress?

Personalizar páginas bloqueadas permite que você incentive mais visitantes a se tornarem assinantes do seu site. Além disso, é uma ótima maneira de utilizar o espaço para promover outros serviços ou páginas do seu site.

Neste guia, mostrarei como proteger uma página com senha no WordPress usando o recurso integrado e, em seguida, como personalizá-la com o SeedProd para que pareça projetada em vez de básica.

Quando Você Deve Personalizar uma Página Protegida por Senha no WordPress?

Existem vários cenários em que o uso de uma página personalizada protegida por senha é uma boa ideia. Por exemplo, se o seu site ainda estiver em construção, bloquear suas páginas com senhas permite que apenas pessoas autorizadas as acessem para fins de teste.

Outra situação comum em que páginas protegidas por senha são muito úteis é quando você deseja restringir algumas de suas páginas apenas a assinantes pagos.

A página padrão do WordPress protegida por senha tem um design muito básico que possui um campo de senha e tem um design baseado no seu tema do WordPress. Veja como é uma página padrão do WordPress protegida por senha:

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

Mas para tornar isso consideravelmente fácil, vamos usar um plugin especial para WordPress chamado SeedProd. Como o melhor plugin de construtor de páginas para WordPress, o SeedProd permite que você crie páginas protegidas por senha com um visual incrível sem precisar de nenhum código!

Como Proteger uma Página com Senha no WordPress

Antes de poder personalizar qualquer coisa, você precisa de uma página bloqueada, e o WordPress tem isso integrado para que você não precise de um plugin para começar.

Abra a página ou postagem que deseja proteger no editor de blocos. Na barra lateral de configurações à direita, encontre o painel Resumo e clique em Visibilidade (geralmente exibe Público). Escolha Protegido por senha, digite a senha que deseja usar e atualize a página.

Qualquer pessoa que visite essa página agora verá o prompt de senha padrão do WordPress, e apenas pessoas com a senha poderão ver o que está por trás dela.

O processo é rápido e gratuito, mas o prompt em si é simples e não carrega nenhuma de suas marcas. É exatamente disso que o método SeedProd na próxima seção cuida.

Como Personalizar uma Página do WordPress Protegida por Senha com SeedProd

Para transformar essa tela de bloqueio simples em uma página com aparência projetada, eu uso o SeedProd. É um construtor de páginas de arrastar e soltar com controles de acesso integrados, o que significa que você pode projetar uma página bloqueada e definir sua senha em um só lugar. As etapas abaixo detalham toda a configuração.

Etapa 1: Instalar o Plugin SeedProd

Para começar, instale e ative o plugin SeedProd em seu site. Se você é novo na adição de plugins, este guia sobre como instalar um plugin do WordPress o orienta.

Depois de instalado, pegue sua chave de licença em sua conta SeedProd. Você a encontrará na guia Downloads no painel da sua conta.

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

Ótimo! Agora que o SeedProd Pro está ativo em seu site, você pode fazer todos os tipos de personalizações interessantes.

Etapa 2: Criar uma Página de Em Breve

O SeedProd tem um modo "Em Breve" que vem com configurações para restrições de acesso. Com essas restrições de acesso, você pode facilmente definir uma senha para sua página.

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

Agora, clique no botão Configurar uma Página "Em Breve".

Aqui, você encontrará uma enorme variedade de modelos para escolher. Você pode escolher qualquer um que desejar, mas usaremos o modelo Página de Webinar de Conferência para este exemplo.

Após selecionar o tema, você deverá ver o construtor de arrastar e soltar do SeedProd, que permite personalizar a página de diversas maneiras.

Etapa 3: Personalizar a Página Protegida por Senha

Quando tiver selecionado seu modelo, você pode personalizar sua página protegida por senha usando dezenas de diferentes tipos de blocos visíveis no painel esquerdo.

Você pode simplesmente arrastar e soltar esses blocos à direita para adicionar um novo elemento, como um formulário, ícones de mídia social, concursos de brindes e muito mais.

Como queremos adicionar um campo de senha que permita aos usuários acessar o conteúdo bloqueado, vamos arrastar e soltar o HTML Personalizado na página.

Para fazer isso, basta pesquisar HTML Personalizado no campo de pesquisa e posicionar este bloco no local desejado em sua página protegida por senha.

Agora, clique no bloco no editor ao vivo para acessar suas configurações. Aqui, cole este código no campo HTML Personalizado:

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

Observação: Certifique-se de envolver o código acima em colchetes ao colar no campo HTML Personalizado.

O código acima cria um campo de senha padrão, mas você precisará editá-lo ligeiramente para que funcione perfeitamente em seu site. Veja o que cada uma das três partes deste código significa:

• msg: Esta tag especifica o texto que aparece dentro do campo de senha. Por padrão, está definido como "Digite a senha". Você pode editar este texto se desejar, mas não é necessário.
• button-txt: Esta tag controla o texto que aparece no botão que leva à sua página protegida por senha. Novamente, você pode editar este texto, mas não é obrigatório.
• return: Dentro desta tag, você precisa fornecer o URL da página à qual deseja que os usuários acessem com uma senha. Certifique-se de inserir o link correto.

Você não verá o campo de senha real até pré-visualizar a página, portanto, não se preocupe se parecer texto simples no construtor. Antes de pré-visualizar, ainda há algumas configurações a serem resolvidas, portanto, clique em Salvar no canto superior direito para manter seu trabalho até agora.

Etapa 4: Configurações da Página Protegida por Senha do WordPress

Nesta etapa, vamos definir a senha que os usuários precisarão para acessar seu conteúdo protegido. No seu construtor de páginas SeedProd, clique na guia Configurações da Página (3ª opção do canto superior esquerdo).

Agora, selecione Controle de Acesso no menu à esquerda. Em seguida, no campo URL de Bypass, você pode inserir qualquer senha que desejar configurar.

É importante notar que a senha que você escolher também será sua URL de bypass. Isso significa que, se você quiser que um usuário acesse diretamente esta página, basta fornecer a URL de bypass para ela.

Você está quase lá! Role para baixo até a seção Incluir/Excluir URLs e clique nas opções Incluir URLs. Em seguida, cole aqui o link para a página real que você deseja que fique oculta atrás de uma senha.

E agora é hora de publicar e ativar nossa nova página personalizada protegida por senha!

Etapa 5: Publique sua página do WordPress protegida por senha

Agora que personalizamos a página e configuramos as configurações de acordo com nosso gosto, podemos prosseguir para publicá-la. Clique na seta apontando para baixo ao lado do botão Salvar para expandir o menu e, em seguida, pressione Publicar.

Você verá a seguinte mensagem aparecer.

Agora, retorne ao seu painel do SeedProd e pressione o botão de alternância para que o status exiba Ativo em Modo Em Breve.

Sua página personalizada protegida por senha agora está publicada!

Excelente! Se você quiser personalizar uma página de formulário protegida por senha, consulte as etapas abaixo, onde usamos o WPForms para conseguir isso.

Como personalizar páginas de formulário protegidas por senha

Você também pode criar e personalizar uma página de formulário com bloqueio por senha em seu site WordPress. Isso é muito útil se você quiser restringir o acesso ao formulário apenas a usuários logados ou àqueles que possuem uma senha. Para mais detalhes, consulte este guia sobre como criar um formulário protegido por senha.

Perguntas Frequentes Sobre a Personalização de Páginas Protegidas por Senha

Essas perguntas surgem com frequência quando as pessoas começam a personalizar uma página protegida por senha no WordPress. Aqui estão as que ouço com mais frequência.

É possível alterar a aparência da página de senha padrão do WordPress?

O WordPress não oferece uma maneira integrada de estilizar seu prompt de senha padrão. A rota mais simples é substituí-lo por uma página personalizada criada no SeedProd, que é exatamente o que o método SeedProd acima descreve, e não requer código.

Qual é a diferença entre uma página privada e uma página protegida por senha?

Uma página protegida por senha é visível para qualquer pessoa que tenha a senha, enquanto uma página privada é visível apenas para usuários logados com a função correta, como editores e administradores. Use a proteção por senha quando quiser compartilhar o acesso com pessoas que não têm contas em seu site.

Posso proteger meu site WordPress inteiro com senha?

Sim, e é um caso de uso comum. A maneira mais fácil é com o modo "Em Breve" ou "Manutenção" do SeedProd, que bloqueia todo o site atrás de uma única página. Cobrimos todas as opções em nosso guia sobre como proteger seu site WordPress inteiro com senha.

Posso personalizar o formulário de redefinição de senha também?

Você pode. A tela de redefinição de senha é separada do prompt de senha de conteúdo, mas é igualmente personalizável. Dê uma olhada em nosso guia sobre como personalizar o formulário de redefinição de senha do WordPress.

Em seguida, Crie seu próprio tema do WordPress

Você quer criar um tema do WordPress que tenha exatamente a aparência que você deseja? Felizmente, você não precisa mais ser um desenvolvedor para criar seu próprio tema do WordPress. Confira nosso guia detalhado sobre criação de temas do WordPress sem código para mais informações.

Além disso, se você está procurando uma maneira fácil de aumentar os visitantes do seu site, pode considerar enviar notificações push do WordPress.

Crie um Formulário Protegido por Senha Agora

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

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