Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar uma página de login personalizada no WordPress (guia definitivo) 2024

A página de login padrão do WordPress funciona bem, mas não representa totalmente a sua marca. Para criar uma experiência mais envolvente, é importante mostrar sua marca e seu negócio nessa página.

Um design de página de login personalizado é especialmente impactante para sites de associação ou lojas on-line, onde os usuários interagem com frequência com a página de login.

Na WPBeginner, implementamos uma página de login personalizada para nosso site gratuito de treinamento em vídeo do WordPress. Isso nos ajudou a mostrar nossa marca com mais destaque e, ao mesmo tempo, melhorou a experiência do usuário.

Neste guia, mostraremos a você como criar uma página de login personalizada no WordPress. Exploraremos vários métodos para que você possa escolher o que melhor se adapta às suas necessidades comerciais.

How to Create a Custom WordPress Login Page (Ultimate Guide)

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

Por que criar uma página de login personalizada do WordPress?

Seu site WordPress vem com um sistema avançado de gerenciamento de usuários. Ele permite que os usuários criem contas em lojas de comércio eletrônico, sites de associação e blogs.

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

Standard WordPress login screen example

No entanto, se o seu site permitir que os usuários se regist rem e façam login, uma página de login personalizada oferecerá uma experiência melhor para o usuário.

Alguns usuários podem ficar desconfiados se a tela de login do 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 fim, 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 em que 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.

WPBeginner WordPrss Training Videos website uses a custom login page

Dito isso, vamos dar uma olhada em mais alguns exemplos de designs personalizados de páginas de login 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 fazer.

WPForms

WPForms custom login page example

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

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

A página de login mostrada acima permite que os usuários conheçam os novos recursos. Ela usa branding personalizado, ilustração de fundo e cores da marca para criar uma experiência de login exclusiva.

Jacquelynne Steves

Jacquelynne Steves Custom Login Page

Jacquelynne Steeves é um site de artes e artesanato em que 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 usa uma imagem de fundo personalizada que combina com o tema do site, e o formulário de login está à direita.

Gráficos de animação da igreja

Church Motion Graphics Custom Login Page

A página de login dessa empresa de design de gráficos em movimento tem um plano de 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 é bastante simples, com um fundo claro.

Revisão da administração do MITSloan

MITSloan Custom Login Page

O 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 evita que eles precisem carregar uma nova página e oferece uma experiência de usuário mais rápida.

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

Criação de uma página de login do WordPress usando o tema My Login (gratuito)

Theme My Login é um plug-in 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 do WordPress e a deixará com uma aparência mais profissional.

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

Após a ativação, o Theme My Login cria automaticamente URLs para suas ações personalizadas de login, logout, registro, esquecimento de senha e redefinição de senha.

Você pode personalizar esses URLs de login do WordPress visitando a página Theme My Login ” General. Role para baixo até a seção “Slugs” para modificar os URLs usados pelo plug-in para ações de login.

Theme My Login Pages

O Theme My Login também permite que você use códigos de acesso para criar páginas personalizadas de login e registro. Você pode simplesmente criar uma página para cada ação e adicionar o slug da página aqui para que o plug-in possa localizar e redirecionar os usuários adequadamente.

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

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

Adding Theme My Login Shortcode to a Page

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

Esta é a aparência em nosso site de teste do WordPress.

Theme My Login Preview

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

Criação de uma página de login personalizada do WordPress usando WPForms

O WPForms é o melhor plug-in de criação de formulários para WordPress do mercado. Ele permite que você crie facilmente formulários personalizados de login e registro para o seu site.

O WPForms é um plug-in premium do WordPress, e você precisará de pelo menos o plano profissional para acessar o complemento de registro de usuário. Os usuários do WPBeginner podem obter um desconto de 50% usando nosso código de cupom do WPForms: SAVE50

A primeira coisa que você precisa fazer é instalar e ativar o plug-in WPForms. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in 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 essas informações em sua conta no site do WPForms.

Enter Your WPForms License Key

Depois de inserir a chave de licença, você poderá instalar complementos.

Vá em frente e visite a página WPForms ” Addons e localize o User Registration Addon.

WPForms user registration addon

Em seguida, clique no botão “Install Addon” (Instalar complemento) para fazer o download e ativar o complemento. 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 seu formulário. Procure o modelo “User Login Form” e clique no botão “Use Template” para continuar.

User login form template

O WPForms carregará o formulário de login do usuário com os campos obrigatórios.

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

WPForms Form Builder

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 “Login”.

Customizing the WPForms Button Text

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

Você precisará ir até a guia Configurações ” Confirmação e selecionar uma ação. Você pode redirecionar o usuário para qualquer outro URL, redirecioná-lo para a página inicial ou simplesmente mostrar uma mensagem informando que ele já está conectado.

Redirect Logged In Users

Quando estiver satisfeito com as configurações do formulário, basta clicar no botão “Save” (Salvar) no canto superior direito da tela e fechar o construtor de formulários.

Adição do formulário de login personalizado a uma página do WordPress

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

Basta editar a página em que você deseja adicionar o formulário de login ou criar uma nova página. Em seguida, na tela de edição da página, adicione o bloco WPForms à sua área de conteúdo.

Add the WPForms Block to Any Post or Page and Select the User Login Form

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. Fique à 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.

WPForms login form preview

Criação de uma página de login personalizada do WordPress usando o SeedProd (recomendado)

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

Se quiser assumir completamente o controle de toda a página e projetar algo do zero, você poderá usar um plug-in do construtor de páginas do WordPress.

O SeedProd é o melhor construtor de páginas de destino para WordPress. Ele é fácil de usar para iniciantes e oferece um construtor do tipo arrastar e soltar para ajudá-lo a criar qualquer tipo de página de destino, inclusive uma página de login, uma página de lançamento em breve, uma página de modo de manutenção e muito mais.

Para este artigo, usaremos a versão SeedProd Pro porque ela inclui um modelo de página de login e blocos de página avançados para personalização.

Há também uma versão gratuita do SeedProd, mas ela não inclui a opção de criar uma página de login para seu site WordPress.

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

Quando o plug-in estiver ativo, você será redirecionado para o SeedProd na área de administração do WordPress.

Aqui, você precisará inserir sua chave de licença, que pode ser facilmente obtida na conta do SeedProd. Depois de inserir a chave, clique no botão “Verify key” (Verificar chave).

SeedProd license key

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

Para começar, vá para SeedProd ” Landing Pages e selecione a opção “Login Page” clicando no botão “Set up a Login Page”.

Select Login Page

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

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

Choose a Template for Your SeedProd Login Page

Quando você selecionar um modelo, será exibida uma janela pop-up para inserir um Nome da página para sua página de login. O SeedProd usará o nome da página como URL de sua página de destino.

Depois de inserir esses detalhes, clique no botão “Salvar e começar a editar a página”.

Enter a Page Name and Page URL

Agora, você pode editar sua página de login usando o construtor de arrastar e soltar do SeedProd na guia 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. Há mais opções de personalização na seção Advanced Blocks, onde é possível adicionar um cronômetro de contagem regressiva, ícones de compartilhamento social e muito mais.

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

Edit Your Login Page

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.

Edit the Page Section

Quando estiver satisfeito com o design da página de login, clique na guia “Connect” (Conectar) na parte superior.

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

Connect Email Marketing Services

Depois disso, você precisa ir até a guia Page Settings (Configurações da página). Nas configurações gerais, o SeedProd permite que você edite o título da página e altere o status da página de rascunho para publicação.

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

SeedProd Page Settings

Se quiser otimizar sua página de login para os mecanismos de pesquisa, vá para as configurações de SEO. Aqui, você encontrará um botão que instalará o plug-in All In One SEO.

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

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

SeedProd SEO Page Settings

Depois disso, você também pode adicionar diferentes trechos de código à sua página de login na guia Scripts settings (Configurações de scripts).

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

Add Scripts to Your SeedProd Login Page

Agora que você alterou as configurações da página, clique no botão “Salvar” na parte superior.

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

Uma vez lá, você deve clicar no botão para alterar o status da página de “Inativa” para “Ativa”.

Make Your SeedProd Login Page Active

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

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

SeedProd Login Page Preview

Alternativa: Você também pode usar o Thrive Architect para criar uma página de login atraente. Esse é outro excelente plugin de construção de páginas do tipo arrastar e soltar que recomendamos para a criação de páginas personalizadas.

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

Preview login page

Se os plug-ins do construtor de páginas do WordPress não forem a sua praia, você poderá usar CSS personalizado para estilizar o formulário e a própria página de login.

Nem sempre é necessário criar uma página de login personalizada do WordPress para o seu site. Muitos sites substituem o logotipo e o URL do logotipo do WordPress e ainda usam a página de login padrão.

Se você quiser substituir o logotipo do WordPress na tela de login pelo seu próprio logotipo, poderá usar facilmente um plug-in do WordPress ou adicionar um código personalizado. Mostraremos os dois métodos, e você poderá usar o que melhor lhe convier.

Método 1: Alterar o logotipo e o URL de login do WordPress usando um plug-in

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

Após a ativação, o plug-in adiciona um novo item de menu ao personalizador de temas do WordPress. Basta navegar até Appearance ” Customize e clicar no novo item “Colorlib Login Customizer” para iniciar o personalizador de login.

Observe que essa opção não estará disponível se você estiver usando um tema de bloco, portanto, recomendamos o uso do método de código se esse for o caso.

The Colorlib Login Customizer Plugin Adds a New Item to the Theme Customizer

O personalizador de login carregará sua tela de login padrão do WordPress com opções de personalização à esquerda e uma visualização ao vivo à direita.

Para substituir o logotipo do WordPress pelo seu próprio, clique na guia “Opções de logotipo” à direita.

Colorlib Login Customizer

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

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

Upload Custom Logo to Login Page

O plug-in também permite que você personalize completamente a página de login padrão do WordPress. Você pode adicionar colunas, 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.

Colorlib Login Customizer Preview

Método 2: Alterar o logotipo e o URL de login do WordPress com o código

Esse método permite que você substitua manualmente o logotipo do WordPress na tela de login pelo seu próprio logotipo personalizado sem a necessidade de um plug-in. Ele também é adequado para temas de blocos.

Primeiro, você precisa carregar seu logotipo personalizado na biblioteca de mídia. Basta acessar a página Mídia ” Adicionar novo e carregar seu logotipo personalizado.

Depois de fazer o upload da imagem, clique no link “Edit” (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 algum lugar conveniente, como um arquivo de texto em branco no seu computador.

Em seguida, você precisa adicionar o seguinte trecho de código ao arquivo functions.php do seu tema ou usar o plug-in WPCode para adicionar facilmente o código personalizado 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 da imagem de fundo na linha 4 pelo URL do arquivo que você copiou anteriormente. Você também pode ajustar outras propriedades CSS para corresponder à imagem do logotipo personalizado.

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

WordPress Login Page With Custom Logo

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

Vamos mudar isso.

Basta adicionar 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 “Your Site Name and Info” pelo nome do seu site. O logotipo personalizado na tela de login agora apontará para a página inicial do seu site.

Desativação do seletor de idioma da página de login do WordPress

O lançamento do WordPress 5.9 introduziu uma nova opção de login suspensa 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 será exibida.

Login screen language switcher example

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 quiser manter a página de login simples e os usuários não precisarem trocar de idioma com frequência, a remoção do alternador de idioma pode ajudar a organizá-la. Você pode fazer isso usando um plug-in ou código.

Método 1: Desativar o alternador de idioma com um plug-in

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

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

Standard WordPress login screen example

Método 2: Desativar o seletor de idioma com código

Outra maneira de desativar o alternador de idioma é adicionar um código ao WordPress.

Basta adicionar o seguinte trecho de código ao seu arquivo functions.php ou nos trechos do WPCode. Para obter detalhes, consulte nosso tutorial sobre como adicionar trechos de código personalizados no WordPress:

add_filter( 'login_display_language_dropdown', '__return_false' );

Para obter mais detalhes, consulte nosso guia sobre como desativar o alternador de idioma na tela de login do WordPress.

Isso é tudo. Esperamos que este artigo tenha ajudado você a conhecer diferentes maneiras de criar uma página de login do WordPress para seu website. Talvez você também queira ver nosso tutorial sobre como adicionar um login do Google com um clique no WordPress ou nosso guia sobre como escolher o esquema de cores perfeito para seu site.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

96 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez

    As you have said in this article that many people used the default WordPress login page, but I want ask if it is safe ?, because that is the sample page admin also used to login.
    Hope to there will not a hacking attempt ??

  3. Jiří Vaněk

    This article will be a great use for websites I make for other people, so I can also make a login screen for them according to their wishes. Websites that are then managed by their owners can have a little something extra, which the competition usually does not, and that is always a big advantage. Moreover, I did not expect that it could be this simple.

  4. Moinuddin Waheed

    Thanks for this helpful guide as I have thought many times over to have different login page than the one comes default with WordPress.
    I was not aware this is this much easy to get without having to do with complex set of code and thinking.
    I will be using seedprod to get the beautiful login page for my websites.

  5. KateOsborn

    Thank you for your helpful videos. I have successfully installed TML and like the look of the login page. If not logged in, though, and an attempt is made to access different pages from the header, such as a product page, the user is taken to a default login page, not the TML one. How do I fix this? Thank you.

    • WPBeginner Support

      That would depend on your specific site and if you have a membership plugin or a coming soon plugin that is redirecting your users that could be part of the issue.

      Administrador

  6. Ashok Pandit

    Confused about login url after we use the last method. What would be the login url if we use, “Change WordPress Login Logo and URL without Plugin (Code)”. I want to only to change login url though.

    • WPBeginner Support

      The third method is for changing the logo URL not the login URL. The login URL would not change with that method.

      Administrador

  7. Aidin Mohajer

    Hi,
    Thanks for all the information about wordpress. Very useful.

    Best Regards

    Aidin

    • WPBeginner Support

      You’re welcome :)

      Administrador

  8. kato d

    Oh also, could you also show us how to use css to change the button color and text color on the login screen? I would like to make a fancy custom login page but at least changing away from the wordpress blue would look better with our black, white and red logo. thank you, helpful article, appreciate it!

  9. kato d

    Thank you, very helpful, i used the code method to change the functions.php in my child theme to replace the wordpress logo with our own and it looks better now.

    • WPBeginner Support

      Glad our guide could help you :)

      Administrador

    • WPBeginner Support

      Glad you like our recommendation :)

      Administrador

  10. Hasibul Islam

    Hello there, How can I edit the login page without any plugin!??? With HTML and CSS…and in theme file..where is the login file… which I have to edit!!! Please help me.. thanks

  11. S.kamal

    My problem is when a user login, he or she will be directed to WP admin dashboard.. How do I fixed that?

  12. David DLima

    I do not see the screens as shown in the article. Is there a paid version of this plugin?
    All I can see is the Settings and Extensions options in the TYL admin menu.

    David

    • WPBeginner Support

      The Theme My Login plugin had a large overhaul after we created this article, we will certainly look into updating this article.

      Administrador

  13. David DLima

    Hi,

    This is an awesome article. I have one doubt in this whole process. How do I validate the username and password ? I do not see anything on that in the article.

    For e,g, how does the form know whether the username and password is valid?

    Regards
    David DLima

    • WPBeginner Support

      It would check your WordPress database to see if the user is valid

      Administrador

  14. kris

    I’m new to Wordpress and am trying to set up a small blog on my own.
    I’m toying with the idea of having readers ‘sign or log in’ to be able to gain access to extra features.

    From what I understand in this thread is how to create the log in form and apply it to your site, but how do you adjust the access to features or essentially what the are logging in for?

  15. Ahsan

    This plugin is not available in this time. So, how can i create login page?

    • WPBeginner Support

      While theme my login was updated after this article was created, both plugins should still be available to use to create a login page.

      Administrador

  16. suresh

    Hi ,

    Thanks for all your replies and videos. Great help! I have three questions, would highly appreciate, if you answer.

    (i)I am also puzzled what could be the use of “login widget”, if it does not include an option for sign-up. So the users, who are not registered, will have to be directed to some other page.

    (ii) How to integrate social login, with the “elementor login wigdget”?

    (iii) Is there no way for creating ” registration form” using elementor.

    Thanks

    suresh

  17. Josh

    I’m blown away!

    I’m not a “tech” guy, but I own 6 or 7 badly, barely managed websites. I have huge aspirations, but not the talent or team to go with it. I may take me until I’m 100, but eventually I’ll build out my vision. I working on it. Regardless, that’s not the point of this post. It’s just to describe me.

    I’m looking for more automation, and specifically was looking for a way to create/buy/obtain a pop-up with social logins (FB & Google) to build my list, which, if you can recommend one, I’d be most appreciative.

    I read one of your articles and as I was leaving, saw you Ultimate toolkit. In just briefly skimming through it, I found answers to several things I’ve wanted to know about and 2 or 3 questions I didn’t even know I had. I know a truly valuable lead magnet when I see one, and I just wanted to take a second to commend you on this one. FREE VALUE!

    Thank you
    Joshua Houston

  18. Martin

    A really great article, easy to understand and Implemented on my site in minutes. Thank you.

  19. TJ

    Theme My Login is no longer an option. They went to an all paid model and rewrote their entire plugin.

  20. Kareem

    Hello,
    When users try to register through TML they don’t receive activation e-mail .. how can i solve that !?

  21. Mukesh Patel

    Can I customise my default WordPress login page without any plugin. Actually I need only to change WordPress logo on /wp-login page.

  22. Eymiel

    Can I use these forms for a modal? Because im trying to make a modal log in.

  23. Karrie Daze

    Is there a way to send members to a login specific page after they have logged in? TIA

    • WPBeginner Support

      Hi Karrie,

      Yes both Theme My Login and WPForms allow you to choose where to send users after they have logged in.

      Administrador

  24. BricABrac

    What I would actually like to do is get users to land on a certain page on my website no matter where they come from or which link they use – even if ti is to one of the other pages on my site.

    Once they have landed, i want to redirect them to the page they chose to visit.

    Can we do this and how?

  25. Nick

    I want a section where staff can log in to a single page where there will be a form for them to log in their daily work.

    Is this possible and if so which plugin would best suit my needs?

  26. Sierra

    Hello!

    I’ve created a free resource library for my website and I want to collect emails in exchange for the password in order to grow my email list. I am having such a hard time finding a way to customize a password-entry page because I don’t want anyone to have their own account or anything, I just want them to enter a password that I’ve set so they can gain access to the library. I don’t like the WP password protection feature because I want to be able to collect emails on the same page that they enter the password on so it’s like “If you have the password, enter it here. If you don’t have the password, enter your email and I’ll send it to you.” Would I be able to do something like that here? Do you have any suggestions? I would so greatly appreciate it because I’ve been stuck on this issue for like 3 days now!

    Thanks so much,

    Sierra

    • WPBeginner Support

      Hi Sierra,

      If you are using WPForms, then you can redirect users to the download page. You can also send them an email notification with the download link or password. Another solution could be sending the link or the password in an auto reply using your email marketing software. This way you will also be able to verify their email address.

      Hope this helps

      Administrador

    • Robert

      Hi Sierra, I have come across your post. I have just started building my blog, and I am facing the same issue as you have had. Would you mind sharing your advice on how to create a password protected page for users and obtain their email address for the newsletter? Thank you in advance, Rob

  27. Rahul Tyagi

    Thanks for the tutorial really its an awesome plugin..

  28. solomon

    I have one customized page for specific user, do you have any plugin for that ?

  29. Mridul

    how to add social media login ? i want to add social media login but i cant use any thirdparty plugin. how to do

  30. Alex

    This is a great article but how can we do what you currently have at wpbeginner.com/wp-admin

    It asks for a password before loading the page. How can we achieve this?

    • Arize

      That’s some bullet proof sh*t going on there.

  31. mike

    need to pay $ 199/yeart for having login form addon in WP forms!!!!!!

  32. dean wilson

    I am using plugin ‘Admin Custom Login’ and would like this page for normal subscriber login/register. Can I make a menu page in WP with this address?
    Thank you.

    • WPBeginner Support

      Hi Dean,

      Yes you can add it to the navigation menu and your users will be able to login through this page.

      Administrador

  33. Chaz H

    Hi,

    I’d just like to create a login page and link so users can upload posts and photo’s. I tried TML but nothing seems to happen when I refresh my home page. And my version of WPForms is lite. I don’t have money to purchase the full version if thats what is necessary. Just want my users to have a log in page! And tips

    • WPBeginner Support

      Hey Chaz,

      Please check your theme my login settings. You can also try updating WordPress permalinks. Simply visit Settings » Permalinks and then click on the save changes button without changing anything.

      Administrador

  34. numan malik

    hi
    i’m trying to find the coding for customize the wrodpress login page using my own custom fields. can u help me what is the code for it?

  35. kris

    I need help, so I need to be able to add a client login to my website but just for a few pages, I can’t remember how to do this. I don’t build site all the time. I want the site to be free so everyone can look at it I just need a few pages to be for my clients and agents.

  36. siri

    the username and password for the login page, is that the same for accessing the admin area, or do we need to create a new username and password for the custom login area?

  37. Roger Thomas

    TML is a nice plugins that’s we are using on our website. However, login page sometimes redirected to home page on our travel website, but whenever cache are deleted, it’s working fine…
    Thanks for your suggestions..

  38. Nishant

    I was looking for creating own login page template with all the functionalities. Is there any way of creating our own login page template without plugin. Or codex section where we can learn and create our own login template.

  39. clever ubiagege

    Hi,

    I tried implementing the theme my login plugin to my website, but now I can not even login as an admin. What could be the problem?

    • Saurabh Saneja

      Hi,

      just you can open from yousite/wp-login.php
      Replace yoursite with whatever is the name of your website.

      If you want to remove the plugin change it name to something else by accessing the plugin through filezilla/winscp or from your cpanel .

  40. Adi Prabhune

    Hello, just wanted to know if when you create a login like this, if the members of the site are redirected to their own account. I run a tax company and I want my clients to be able to access their account and then upload files through there, as well as see the status of their specific tax return. Their account would have to be linked to their login IDs that way they can see what is specific to them. Please let me know, thank you.

  41. veer choudhary

    Good wordpress theme for developing

  42. RUPESh

    Plug-in is amazing,but i it is showing RERGISTRATION NOT ALLOWED

    • Saurabh Saneja

      Same here!! I wish I could find a solution to this!! :(

    • Saurabh Saneja

      From wordpress backend settings ->general

      allow users registration. It will be something like that:

      Registration Settings

      Allow new registrations New registrations settings Registration is disabled.
      User accounts may be registered.
      Logged in users may register new sites.
      Both sites and user accounts can be registered.

  43. Prasad

    Hi, I have installed the TML plugin but I couldn’t find any shortcodes for ‘Registration’ & ‘Login’ pages to show them on the front-end. Please help me. Thanks.

  44. Ewan

    Installed TML but no Login showing on the website. ( Latest update of WP

    No Page ID available in General settings. so TML does not work.

    • WPBeginner Support

      We tested it with the latest version of WordPress, and we were unable to confirm your report. The plugin works fine at our test sites.

      Administrador

      • Tom

        You might want to edit the article. TML no longer appears in ‘settings’ but in the main dashboard menu as ‘TML’… Took me ages to realise as there are old issues around it needing you to disable other plugins etc. So I’d gone through a lot of troubleshooting, when it was staring me in the face!

  45. Steven Denger

    I have been trying for god knows how many days and today several hours installing and uninstalling login/registration plugins. I have followed every lesson along the way and followed yours closely. But – another total failure. This did not work. It created all the pages but put the profile/registration form on all of them. I give up! How do all of these sites get logins? Because nothing what-so-ever works for me. I can write a book on all the plugins and programs that I have tried. I am not going to hire a web developer to put one in because this task should not be that hard. But I can tell you it must be .

    I will just have to do without like a lot of things in wordpress that are just not accessable to all – just web developers. It is too bad that one cannot have a decent normal site like the web developers can. Doing without a lot of functions is getting to be a real problem with me and wordpress. When the forums do not help – and the plugins don’t work – I just just have to give up and do without.

    • kris

      it is not hard nor did I use a plugin last time, it is on the menu page but I forgot how to do this, a guy wanted to charge me $80 to do this and I won’t pay either. it is easy I can’t remember how to do it, I have been looking for days.

  46. kathy

    Go t fed up trying with this., I’m sure it’s a great plugin but it is inconsistent. I cannot find the login page – it appears intermittently and then I cannot get a registration page to work properly.
    Pfft! Tired

  47. Joe Barrett

    Is there a way/ any documentation to do this with out a plugin? Please help.

  48. Anna

    waw, thanks for the video, very helpful.

    one further question: I am building a site with a paid membership. I want to customize not only the login page but also the WP default page you get when your are logged in (i.e. with the dashboard on the left etc,…) is there a plugin for that?or coding is necessary?

    Thanks
    Anna

  49. jonny

    Does anybody know how to move a site that has this plugin installed? When I try to move the site, the login page completely stops working.

    Thanks for any suggestions.

    • Raina

      Custom login form is the best of all the plugins that i have tried.

    • Martin

      Hi, there could be a few reasons why this could happen.

      Try disabling the plugin, then move the site,

      Refresh your permalinks, then enable it again.

  50. kkramer2195

    I came across this plugin recently and LOVE IT!!!! I am trying to figure out how to verify a person is logged in prior to allowing them to write a post using Gravity Forms.

    All forms work properly, I found generic code to redirect to wp-login.php but since I am using the plugin, I want it to redirect to the same as the theme my login screen does.

    Here is sample code: (setup as page_loggedin.php)

    <?php else:
    wp_die('Sorry, you must first log in to view this page. You can register free here.');
    endif; ?>

    I don’t want hard coded site references, so any help with the PHP code will be appreciated! Preferred choice would be if user not logged in the redirect like the plugin does (but I can’t find how it does it yet)

    Ken

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.