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 adicionar um formulário de login na barra lateral do WordPress

Um formulário de login na barra lateral do WordPress permite que os usuários façam login rapidamente de qualquer lugar do seu site. O fácil acesso a um formulário de login pode aumentar as vendas em sites de comércio eletrônico, aumentar a retenção em cursos on-line e muito mais.

Na WPBeginner, ajudamos muitas pessoas a projetar seus sites e a colocar o formulário de login no lugar certo. Com base em nossa experiência, sabemos que há diferentes temas que mostram a opção de login na barra lateral por padrão. Por outro lado, você pode usar um plugin como o WPForms, como nós fazemos, para criar diferentes formulários e exibi-los em qualquer lugar do seu site.

Neste artigo, mostraremos como adicionar facilmente um formulário de login personalizado à barra lateral do WordPress.

How to add a login form in your WordPress

Quando e por que você precisa de um formulário de login personalizado no WordPress?

Se você administra um site de associação, uma loja on-line ou vende cursos on-line, provavelmente precisará que seus usuários façam login para realizar determinadas ações.

Como a barra lateral aparece em todo o site, ela torna o formulário de login mais visível e facilmente acessível em todas as páginas do site.

Adicionar um formulário de login à barra lateral do WordPress facilita o acesso rápido dos usuários às suas contas. Isso aumenta o envolvimento, proporciona uma melhor experiência ao usuário e aumenta as conversões de formulários.

Dito isso, vamos dar uma olhada em como adicionar facilmente um formulário de login à barra lateral do WordPress. Mostraremos como adicionar o formulário de login padrão na barra lateral e criar um formulário de login personalizado.

Você pode clicar nos links abaixo para ir para a seção de sua preferência:

Método 1: Adicionar o formulário de login padrão do WordPress na barra lateral

Você pode exibir o formulário de login padrão do WordPress na barra lateral do seu site. Isso torna muito fácil para os usuários digitarem o nome de usuário e a senha para acessar a área de administração do WordPress.

Para este tutorial, usaremos o tema Astra. Observe que as opções podem variar dependendo do tema do WordPress que você estiver usando.

Para começar, você precisa ir para Appearance ” Widgets no painel do WordPress.

A partir daí, você pode clicar no botão “+”, rolar até o título “Tema” e clicar no bloco do widget “Login/out” para adicioná-lo à barra lateral.

Add a login out widget block

Em seguida, você verá o bloco “Login/out” na sua área de widgets. Você pode então ativar as opções para exibir o login como um formulário.

Quando tiver feito as alterações, clique no botão “Update” (Atualizar) na parte superior.

See a logout option and update widgets area

Depois disso, você pode visitar seu site do WordPress para ver o formulário de login padrão do WordPress em ação.

Observe que você estará conectado se for verificar o formulário imediatamente. Basta sair do seu site para ver como o formulário aparecerá para os membros.

Default login form preview

Método 2: adicionar um formulário de login personalizado usando o plug-in WPForms

O formulário de login padrão do WordPress oferece apenas um campo de nome de usuário e senha. No entanto, é possível criar um formulário de registro de usuário personalizado com mais campos e opções de personalização.

A melhor maneira de fazer isso é usar o WPForms. É o plugin de formulário mais popular do WordPress, e a versão premium do WPForms permite criar facilmente formulários de login e registro no WordPress com campos personalizados.

Os usuários do WPBeginner podem usar o cupom WPForms: SAVE50 para obter 50% de desconto em suas compras.

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 obter a chave de licença na sua conta do WPForms no site deles.

Entering the WPForms license key

Após a verificação, você precisa ir para a página WPForms ” Addons.

A partir daí, você precisa rolar para baixo até o “User Registration Addon” e clicar no botão “Install Addon”.

The WPForms user registration addon

O complemento será instalado e ativado automaticamente em seu site.

Agora você está pronto para criar um formulário de login personalizado do WordPress. Basta acessar a página WPForms ” Adicionar novo para iniciar o construtor de WPForms.

Primeiro, você precisa inserir um nome de formulário na parte superior e, em seguida, selecionar o modelo interno “User Login Form”. Basta passar o mouse sobre ele e clicar no botão “Use Template” (Usar modelo).

Select the user login form template

Ele exibirá os campos de login pré-carregados em seu formulário. Você pode clicar em um campo para editá-lo ou adicionar novos campos na coluna da esquerda.

O WPForms oferece vários campos de formulário que você pode adicionar usando o construtor de arrastar e soltar. Por exemplo, você pode adicionar um nome ou campos de formulário CAPTCHA ao formulário de login.

Customize your user login form

Depois disso, vá para a guia “Settings” (Configurações) e clique na seção Confirmation (Confirmação).

É aqui que você precisa definir o que fazer quando um usuário faz login com sucesso no seu site.

Go to confirmation settings

As opções incluem uma mensagem, uma página personalizada ou um URL de redirecionamento para qualquer página em seu site.

O ideal é redirecionar os usuários para uma página depois que eles estiverem conectados. Pode ser a sua página inicial, o painel de administração do WordPress ou qualquer outra página do seu site, como o painel de associação ou o portal do cliente.

Em seguida, você pode clicar no botão “Save” (Salvar) na parte superior e sair do construtor de formulários.

Seu formulário de login está pronto. A partir daqui, você pode adicioná-lo à barra lateral do WordPress.

Basta acessar a página Appearance ” Widgets em sua área de administração do WordPress. Nessa página, adicione o bloco de widgets “WPForms” na área de widgets da barra lateral do seu site.

Add WPForms widget block

Em seguida, você pode selecionar o formulário de login do usuário no menu suspenso.

Você pode ver mais opções no painel de configurações à sua direita. Por exemplo, há opções para mostrar o título e a descrição do formulário.

Edit form settings and update

Não se esqueça de clicar no botão “Update” quando terminar.

Agora você pode visitar seu site para ver o recurso de formulário de login personalizado do WordPress.

Custom login form preview

Você também pode usar o WPForms para criar um formulário de registro de usuário personalizado com recursos anti-spam.

Esperamos que este artigo tenha ajudado você a aprender como adicionar um formulário de login na barra lateral do WordPress. Talvez você também queira ver nosso guia passo a passo sobre como permitir o registro de usuários no WordPress e o melhor plugin de página de login do WordPress.

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

6 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. Paul Jurado

    Does the Sidebar Login Plugin still work? The plugin site shows it hasn’t been updated in 3 years and therefore may have some compatibility issues. Please advise.

    • WPBeginner Support

      The plugin appears to be working currently but we will certainly take a look at alternatives.

      Administrador

  3. Hafsa

    Hi,
    Could u plz tell me, if i can creat a custome login form for users without the need of registration??

  4. Zion Oyemade

    Just a thought, the WordPress sidebar login has not being updated in two years. I’m wondering if this was an oversight considering that this blog post was recently updated.

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.