Como Criar uma Página de Login Personalizada no WordPress (Guia Definitivo 2025)

Uma página de login genérica do WordPress pode parecer fora de lugar — especialmente se você administra um site de membros, um curso online ou qualquer site onde os usuários façam login regularmente.

Geralmente é a primeira impressão que as pessoas têm após se inscreverem, e se parecer simples ou desconectada do resto do seu site, pode minar a confiança ou tornar a experiência confusa.

Personalizar a página de login é uma maneira simples, mas poderosa, de reforçar sua marca, criar uma experiência de usuário mais profissional e até mesmo adicionar segurança extra.

Vimos isso em primeira mão quando lançamos nosso treinamento gratuito de vídeo do WordPress no WPBeginner. Uma página de login com a marca tornou tudo mais coeso e proporcionou aos nossos usuários uma experiência melhor desde o início.

Neste guia, mostraremos como criar sua própria página de login personalizada no WordPress. Você aprenderá métodos fáceis para iniciantes e avançados para que possa escolher a abordagem certa para o seu site.

Aqui está o que você aprenderá com este guia:

• Por que Criar uma Página de Login Personalizada no WordPress?
• Exemplos de Design de Página de Login do WordPress
• Criando uma Página de Login no WordPress Usando Theme My Login (Grátis)
• Criando uma Página de Login Personalizada no WordPress Usando WPForms
• Criando uma Página de Login Personalizada no WordPress Usando SeedProd (Recomendado)
• Alterar o Logotipo e o URL de Login do WordPress
• Desativando o Seletor de Idioma da Página de Login do WordPress

Por que Criar uma Página de Login Personalizada no WordPress?

Seu site WordPress vem com um poderoso sistema de gerenciamento de usuários. Ele permite que os usuários criem contas em lojas de comércio eletrônico, sites de membros e blogs.

Por padrão, a página de login exibe a marca e o logotipo do WordPress. Isso é aceitável se você for a única pessoa com acesso de administrador ou tiver poucos usuários.

No entanto, se o seu site permite que os usuários se registrem e façam login, uma página de login personalizada oferece uma melhor experiência ao usuário.

Alguns usuários podem ficar desconfiados se a tela de login do seu WordPress não se parecer em nada com o seu site. Eles provavelmente se sentirão mais à vontade se você usar o logotipo e o design da sua empresa.

Por último, a tela de login padrão não contém nada além do formulário de login. Ao criar uma página de login personalizada, você pode usar o espaço para promover outras páginas ou ofertas especiais.

É por isso que usamos uma página de login personalizada para todos os nossos sites onde os usuários precisam interagir com um formulário de login.

Por exemplo, aqui está a página de login personalizada que usamos para o site de vídeos de treinamento do WPBeginner.

Dito isso, vamos ver mais alguns exemplos de designs de páginas de login personalizadas do WordPress.

Exemplos de Design de Página de Login do WordPress

Os proprietários de sites podem personalizar a página de login do WordPress usando diferentes estilos e técnicas.

Alguns criam uma página de login personalizada que usa o tema e as cores do site. Outros modificam a página de login padrão adicionando um plano de fundo, cores e logotipo personalizados.

Aqui estão alguns exemplos do que é possível.

WPForms

WPForms é o melhor plugin de formulário de contato do WordPress do mercado. O plugin deles também inclui um add-on para criar belos formulários de login e registro do WordPress, que mostraremos mais adiante neste artigo.

A página de login personalizada deles usa um layout de duas colunas. A coluna da esquerda contém o formulário de login e a coluna da direita destaca promoções e outras chamadas para ação.

A página de login deles mostrada acima informa aos usuários sobre novos recursos. Ela usa branding personalizado, ilustração de fundo e cores da marca para criar uma experiência de login única.

Jacquelynne Steves

Jacquelynne Steeves é um site de artes e artesanato onde a autora publica conteúdo sobre decoração de casas, confecção de colchas, padrões, bordados e muito mais.

A página de login deles usa uma imagem de fundo personalizada que combina com o tema do site, e o formulário de login fica à direita.

Church Motion Graphics

A página de login desta empresa de design de motion graphics tem um fundo colorido que reflete seu negócio.

Ele usa o mesmo cabeçalho, rodapé e menus de navegação do site na tela de login. O formulário de login em si é bem simples, com um fundo claro.

MITSloan Management Review

A MITSloan Management Review usa um modal pop-up para exibir um formulário de login e registro.

A vantagem de um pop-up é que os usuários podem fazer login sem sair da página. Isso os poupa de um novo carregamento de página e oferece uma experiência de usuário mais rápida.

Agora, você está pronto para aprender como criar uma página de login personalizada no WordPress?

Criando uma Página de Login no WordPress Usando Theme My Login (Grátis)

Theme My Login é um plugin gratuito que altera sua página de login para combinar com seu tema do WordPress. Ele não é muito personalizável, mas substituirá a página de login padrão com a marca do WordPress e a tornará mais profissional.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Theme My Login. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Ao ser ativado, o Theme My Login cria automaticamente URLs para suas ações personalizadas de login, logout, registro, esqueci minha senha e redefinição de senha.

Você pode personalizar essas URLs de login do WordPress visitando a página Theme My Login » Geral. Role para baixo até a seção ‘Slugs’ para modificar as URLs usadas pelo plugin para ações de login.

O Theme My Login também permite que você use shortcodes para criar páginas personalizadas de login e registro. Você pode simplesmente criar uma página para cada ação e, em seguida, adicionar o slug da página aqui para que o plugin possa encontrar e redirecionar os usuários corretamente.

Vamos começar com a página de login.

Vá para Página » Adicionar Nova para criar uma nova página do WordPress. Em seguida, você precisa dar um título à sua página e, em seguida, inserir o seguinte shortcode [theme-my-login] na página.

Agora você pode publicar sua página e visualizá-la para ver sua página de login personalizada em ação.

É assim que fica em nosso site de teste do WordPress.

Repita o processo para criar outras páginas usando o seguinte shortcode:

[theme-my-login action="register"] Para o formulário de registro

[theme-my-login action="lostpassword"] Para a página de senha perdida

[theme-my-login action="resetpass"] Para a página de redefinição de senha

Criando uma Página de Login Personalizada no WordPress Usando WPForms

WPForms é o melhor plugin construtor de formulários do WordPress no mercado. Ele permite que você crie facilmente formulários personalizados de login e registro para o seu site.

O WPForms é um plugin premium do WordPress, e você precisará de pelo menos o plano pro deles para acessar o add-on de Registro de Usuário. Usuários do WPBeginner podem obter um desconto de 50% usando nosso código de cupom WPForms: SAVE50

A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisa visitar a página WPForms » Configurações para inserir sua chave de licença. Você pode encontrar essa informação em sua conta no site do WPForms.

Após inserir a chave de licença, você poderá instalar add-ons.

Vá em frente e visite a página WPForms » Addons e localize o Addon de Registro de Usuário.

Em seguida, clique no botão ‘Instalar Addon’ para baixar e ativar o add-on. Agora você está pronto para criar seus formulários de login personalizados.

Vá para a página WPForms » Adicionar Novo. Você será solicitado a ‘Selecionar um Modelo’ para o seu formulário. Procure pelo modelo ‘Formulário de Login de Usuário’ e clique no botão ‘Usar Modelo’ para continuar.

O WPForms carregará o Formulário de Login de Usuário com os campos necessários.

Você pode clicar nos campos para adicionar sua própria descrição ou texto ao redor deles.

Você também pode alterar outras configurações.

Por exemplo, o título padrão do botão é ‘Enviar’. Você pode clicar no botão e alterar o texto para ‘Entrar’ em vez disso.

Você também pode decidir o que acontece depois que um usuário faz login com sucesso.

Você precisará ir para a aba Configurações » Confirmação e selecionar uma ação. Você pode redirecionar o usuário para qualquer outra URL, redirecioná-lo para a página inicial ou simplesmente mostrar uma mensagem de que ele está logado.

Assim que estiver satisfeito com as configurações do formulário, clique no botão ‘Salvar’ no canto superior direito da tela para fechar o construtor de formulários.

Adicionando Seu Formulário de Login Personalizado a uma Página do WordPress

O WPForms torna super fácil adicionar seu formulário de login personalizado em qualquer post ou página do WordPress.

Simplesmente edite a página onde você deseja adicionar o formulário de login ou crie uma nova. Em seguida, na tela de edição da página, adicione o bloco WPForms à sua área de conteúdo.

Em seguida, selecione o formulário de login que você criou anteriormente, e o bloco WPForms o carregará automaticamente dentro da área de conteúdo.

Agora você pode continuar editando a página do formulário de login. Sinta-se à vontade para adicionar mais texto ou blocos promocionais. Quando terminar, não se esqueça de salvar e publicar suas alterações.

Agora você pode visitar seu site para ver sua página de login em ação.

Criando uma Página de Login Personalizada no WordPress Usando SeedProd (Recomendado)

Por padrão, sua página de formulário de login personalizado do WordPress usará o modelo de página e os estilos do seu tema. Ela terá os menus de navegação, cabeçalho, rodapé e widgets da barra lateral do seu tema.

Se você deseja assumir a página inteira completamente e projetar algo do zero, então você pode usar um plugin construtor de páginas WordPress.

SeedProd é o melhor construtor de landing pages para WordPress. É fácil de usar para iniciantes e oferece um construtor de arrastar e soltar para ajudá-lo a criar qualquer tipo de landing page, incluindo uma página de login, página em breve, página em modo de manutenção e muito mais.

Nós testamos o SeedProd pessoalmente e também temos uma revisão detalhada cobrindo seus recursos, facilidade de uso e desempenho.

Primeiro, você precisará instalar o plugin SeedProd em seu site. Para mais detalhes, você pode seguir nosso guia sobre como instalar um plugin WordPress.

Assim que o plugin estiver ativo, você será redirecionado para o SeedProd na sua área de administração do WordPress.

Aqui, você precisará inserir sua chave de licença, que você pode obter facilmente na conta SeedProd. Quando você inserir a chave, clique no botão 'Verificar chave'.

Depois disso, você está pronto para criar sua página de login no SeedProd.

Para começar, acesse SeedProd » Landing Pages e selecione a opção ‘Página de Login’ clicando no botão ‘Configurar uma Página de Login’.

Na próxima tela, você pode selecionar um modelo para sua página de login. Você também pode criar uma página do zero usando o Modelo em Branco.

No entanto, sugerimos usar um modelo, pois é mais fácil e rápido personalizar a página de login.

Ao selecionar um modelo, uma janela pop-up aparecerá para inserir um Nome da Página para sua página de login. O SeedProd usará o nome da página como URL para sua landing page.

Assim que você inserir esses detalhes, clique no botão ‘Salvar e Começar a Editar a Página’.

Agora, você pode editar sua página de login usando o construtor de arrastar e soltar do SeedProd na aba Design. O construtor permite que você adicione facilmente qualquer bloco de página à página simplesmente arrastando-o do menu esquerdo e colocando-o em qualquer lugar da página.

Por exemplo, você pode adicionar algum texto, um vídeo ou um novo botão à sua página de login. Existem mais opções de personalização na seção Blocos Avançados, onde você pode adicionar um cronômetro regressivo, ícones de compartilhamento social e muito mais.

O SeedProd permite até mesmo remover blocos de página existentes no modelo. Tudo o que você precisa fazer é clicar no ícone da lixeira para excluir o bloco da página.

Em seguida, se você clicar em qualquer seção da página de login, verá mais opções de personalização.

Por exemplo, você pode alterar o texto e a cor dos campos, escolher uma fonte diferente, editar a cor do botão e muito mais.

Quando estiver satisfeito com o design da página de login, clique na aba 'Conectar' no topo.

Agora você pode conectar diferentes serviços de marketing por e-mail, como Constant Contact, Drip e outros.

Depois disso, você precisa ir para a aba Configurações da Página. Em Configurações Gerais, o SeedProd permite editar o título da página e alterar o status da página de rascunho para publicar.

Você também pode selecionar a opção para usar um Link SeedProd e adicionar seu link de afiliado SeedProd para ganhar mais dinheiro online.

Se você deseja otimizar sua página de login para mecanismos de busca, vá para as configurações de SEO. Aqui, você encontrará um botão que instalará o plugin All In One SEO.

All in One SEO for WordPress (AIOSEO) é o melhor plugin de SEO para WordPress que permite otimizar seu site WordPress para mecanismos de busca e plataformas de mídia social.

Você pode aprender a melhor maneira de usá-lo em nosso guia sobre como configurar o All In One SEO para WordPress corretamente.

Depois disso, você também pode adicionar diferentes trechos de código à sua página de login na aba de configurações de Scripts.

Por exemplo, você pode querer adicionar o código do Google Analytics, o pixel do Facebook ou outro código de rastreamento aqui.

Agora que você alterou as configurações da página, prossiga e clique no botão 'Salvar' no topo.

Em seguida, você terá que tornar sua página de login ativa. Para fazer isso, você pode sair do construtor de landing pages e ir para SeedProd » Landing Pages.

Uma vez lá, você deve clicar no interruptor para mudar o status da página de 'Inativo' para 'Ativo'.

Agora você pode ir para o URL da sua página de login e vê-la em ação.

Esta é uma captura de tela da tela de login em nosso site de demonstração.

Alternativa: Você também pode usar o Thrive Architect para criar uma página de login atraente. É outro ótimo plugin de construtor de páginas de arrastar e soltar que recomendamos para criar páginas personalizadas.

Ele inclui mais de 300 modelos projetados profissionalmente que permitem criar uma página de login que pode se parecer com a abaixo.

Se plugins de construtor de páginas do WordPress não são sua praia, você pode usar CSS personalizado para estilizar o formulário e a própria página de login.

Alterar o Logotipo e o URL de Login do WordPress

Você não precisa sempre criar uma página de login personalizada do WordPress para o seu site. Muitos sites substituem o logotipo do WordPress e o URL do logotipo enquanto ainda usam a página de login padrão.

Se você deseja substituir o logotipo do WordPress na tela de login pelo seu próprio logotipo, você pode facilmente usar um plugin do WordPress ou adicionar código personalizado. Mostraremos ambos os métodos, e você pode usar aquele que melhor lhe convier.

Método 1: Alterando o Logotipo e URL de Login do WordPress Usando um Plugin

A primeira coisa que você precisa fazer é instalar e ativar o plugin Colorlib Login Customizer. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, o plugin adiciona um novo item de menu ao personalizador de temas do WordPress. Simplesmente navegue até Aparência » Personalizar e clique no novo item ‘Colorlib Login Customizer’ para iniciar o personalizador de login.

Observe que esta opção não está disponível se você estiver usando um tema de blocos, portanto, recomendamos usar o método de código nesse caso.

O personalizador de login carregará sua tela de login padrão do WordPress, que possui opções de personalização à esquerda e uma prévia ao vivo à direita.

Para substituir o logotipo do WordPress pelo seu, clique na aba ‘Opções de logotipo’ à direita.

A partir daqui, você pode ocultar o logotipo do WordPress, fazer upload do seu próprio logotipo personalizado e alterar o URL e o texto do logotipo.

Você também pode personalizar o tamanho do texto e a cor do texto, bem como a largura e a altura do logotipo personalizado.

O plugin também permite que você personalize completamente a página de login padrão do WordPress. Você pode adicionar colunas e imagens de fundo, alterar as cores do formulário de login e muito mais.

Basicamente, você pode criar uma página de login personalizada do WordPress sem alterar o URL de login padrão do WordPress.

Quando terminar, basta clicar no botão ‘Publicar’ para salvar suas alterações. Agora você pode visitar a página de login do WordPress para ver seu formulário de login personalizado em ação.

Método 2: Alterando o Logotipo e o URL de Login do WordPress com Código

Este método permite substituir manualmente o logotipo do WordPress na tela de login pelo seu próprio logotipo personalizado sem a necessidade de um plugin. Ele também é adequado para temas de blocos.

Primeiro, você precisa fazer o upload do seu logotipo personalizado para a biblioteca de mídia. Simplesmente vá para a página Mídia » Adicionar Novo e faça o upload do seu logotipo personalizado.

Depois de fazer o upload da imagem, clique no link ‘Editar’ ao lado dela. Isso abrirá a página de edição de mídia, onde você precisará copiar o URL do arquivo e colá-lo em um local conveniente, como um arquivo de texto em branco no seu computador.

Em seguida, você precisará adicionar o seguinte trecho de código ao arquivo functions.php do seu tema ou usar o plugin WPCode para adicionar código personalizado facilmente sem quebrar seu site (recomendado):

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Não se esqueça de substituir o URL do background-image na Linha 4 pelo URL do arquivo que você copiou anteriormente. Você também pode ajustar outras propriedades CSS para combinar com a imagem do seu logotipo personalizado.

Agora você pode visitar a página de login do WordPress para ver seu logotipo personalizado.

No entanto, este código apenas substitui o logotipo do WordPress. Ele não altera o link do logotipo, que aponta para o site WordPress.org.

Vamos mudar isso.

Simplesmente adicione o seguinte código ao arquivo functions.php do seu tema ou ao WPCode. Você pode colá-lo logo abaixo do código que adicionou anteriormente:

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

Não se esqueça de substituir ‘Nome e Informações do Seu Site’ pelo nome do seu site. O logotipo personalizado na sua tela de login agora apontará para a página inicial do seu site.

Desativando o Seletor de Idioma da Página de Login do WordPress

O lançamento do WordPress 5.9 introduziu uma nova opção de login em menu suspenso que permite aos usuários selecionar um novo idioma ao fazer login em um site.

Se houver mais de um idioma ativo no site, essa opção aparecerá. 

Isso funciona bem para sites multilíngues e equipes com diferentes usuários que podem querer acessar o painel do WordPress em um idioma diferente.

Mas se você quiser manter sua página de login simples e seus usuários não precisarem trocar de idioma com frequência, remover o seletor de idioma pode ajudar a despoluí-la. Você pode fazer isso usando um plugin ou código.

Método 1: Desativando o Seletor de Idioma com um Plugin

Tudo o que você precisa fazer é instalar e ativar o plugin Disable Login Language Switcher . Após a ativação, a opção de seletor de idioma será removida automaticamente. Não há configurações adicionais para você configurar.

Agora, quando você for para a sua tela de login, verá a tela de login padrão sem a opção de seletor de idioma.

Método 2: Desativando o Seletor de Idioma Com Código

Outra maneira de desativar o seletor de idioma é adicionando código ao WordPress.

Simplesmente adicione o seguinte trecho de código ao seu arquivo functions.php ou em snippets do WPCode. Para detalhes, veja nosso tutorial sobre como adicionar snippets de código personalizados no WordPress:

add_filter( 'login_display_language_dropdown', '__return_false' );

Para mais detalhes, veja nosso guia sobre como desativar o seletor de idioma na tela de login do WordPress.

É isso. Esperamos que este artigo tenha ajudado você a aprender diferentes maneiras de criar uma página de login do WordPress para o seu site. Você também pode querer ver nosso tutorial sobre como adicionar login com um clique do Google no WordPress ou nosso guia sobre como adicionar login OAuth no WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.