Resumo de IA
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 post, vamos guiá-lo através das etapas para personalizar suas páginas protegidas por senha no WordPress.
Quando Você Deve Personalizar uma Página Protegida por Senha no WordPress?
Existem vários cenários em que usar uma página personalizada protegida por senha é uma boa ideia.
Por exemplo, se o seu site ainda está 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 para 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 Personalizar uma Página do WordPress Protegida por Senha com SeedProd
Para personalizar sua página protegida por senha no WordPress, basta seguir estas etapas:
- Etapa 1: Instalar o SeedProd
- Etapa 2: Criar uma Página "Em Breve"
- Etapa 3: Personalizar a Página Protegida por Senha
- Etapa 4: Configurações da Página Protegida por Senha do WordPress
- Etapa 5: Publicar sua Página do WordPress Protegida por Senha
Vamos começar.
Etapa 1: Instalar o SeedProd
SeedProd é um construtor de landing pages de arrastar e soltar para WordPress. Ele vem com modelos integrados que tornam extremamente fácil personalizar suas páginas.
Portanto, vamos começar instalando o plugin. Depois de instalado, certifique-se de copiar sua chave de licença. Você pode encontrar a chave de licença da sua conta SeedProd indo ao seu painel do SeedProd e clicando na guia Downloads. Em seguida, role para baixo para encontrar o campo Chave de Licença e copie-a.
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 "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.
Em nosso exemplo, personalizamos os valores no código desta forma:
seed_bypass_form msg="Enter passcode" button-txt="Access" return="https://wpforms.example.com/"
Observe que você não verá o campo de entrada de senha até visualizá-lo. Mas antes de fazer isso, precisamos configurar mais algumas configurações para configurar a proteção por senha.
Certifique-se de clicar no botão Salvar no canto superior direito para salvar suas alterações até este ponto.
Etapa 4: Configurações da Página Protegida por Senha do WordPress
Nesta etapa, definiremos a senha que os usuários precisarão para realmente acessar seu conteúdo protegido.
No seu construtor de páginas SeedProd, clique na guia Configurações da Página (terceira 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 definições ao nosso gosto, podemos prosseguir para a publicação.
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, siga as etapas abaixo, onde usamos o WPForms para realizar 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 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.
E aí está! Agora você sabe como personalizar uma página protegida por senha no 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 Seu Formulário WordPress Agora
Pronto para construir seu formulário? Comece hoje mesmo com o plugin construtor 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.
