Como adicionar um formulário de login do WordPress a qualquer página (4 métodos)

Adicionar um formulário de login a qualquer página do seu site WordPress pode parecer complicado, especialmente se você não estiver familiarizado com codificação ou configurações complexas.

Você deve estar se perguntando se há uma maneira fácil de fazer isso sem quebrar seu site ou passar horas tentando descobrir como fazer. Felizmente, com a ferramenta certa, como o WPForms, esse processo é realmente simples.

Neste guia, mostrarei como adicionar um formulário de login a qualquer página do seu site WordPress com apenas alguns cliques, economizando seu tempo e evitando dores de cabeça técnicas.

Crie seu formulário de login do WordPress agora! 🙂

Como criar um formulário de login em qualquer página do WordPress

Existem várias maneiras de adicionar um formulário de login no WordPress, e a melhor opção depende do nível de controle que você precisa sobre a aparência e a funcionalidade do formulário. Aqui está o que abordarei.

Método 1: Use o Assistente de incorporação

Esta é a maneira mais rápida de adicionar seu formulário de login a uma página. Você nem precisa sair do criador de formulários. Depois de criar ou editar seu formulário, clique no botão “Incorporar”, no canto superior direito do criador.

Uma janela pop-up exibirá duas opções: criar uma nova página ou selecionar uma já existente.

Incorporar em uma nova página

Se você quiser criar uma nova página para o seu formulário de login, clique em “Criar nova página”. Digite um nome para a página e clique em “Vamos lá”.

Você será direcionado diretamente para o editor de páginas, com o formulário já incorporado. Basta clicar em “Publicar” para colocá-lo no ar.

Incorporar em uma página existente

Já tem uma página onde deseja inserir o formulário de login? Clique em “Selecionar página existente” e escolha a página no menu suspenso.

Clique em “Vamos lá” e você será redirecionado para o editor dessa página. A partir daqui, talvez seja necessário adicionar o bloco do WPForms à página (explicarei como fazer isso no Método 2). Clique em “Atualizar” para salvar suas alterações.

Método 2: Use o Editor de Blocos

Se você já estiver editando uma página e quiser inserir seu formulário de login, pode adicionar o bloco do WPForms diretamente. Não é preciso voltar ao criador de formulários.

Abra a página onde deseja inserir o formulário. Clique no botão + para abrir o inseridor de blocos e procure por “WPForms”. Clique no bloco WPForms para adicioná-lo à sua página e, em seguida, selecione o formulário de login no menu suspenso.

Seu formulário aparecerá diretamente no editor. Clique em “Publicar” ou “Atualizar” quando estiver pronto.

Você pode repetir isso em quantas páginas quiser. Todos os envios de login continuam sendo direcionados para um único local em WPForms » Entradas. Para ver a lista completa de opções de incorporação, consulte a documentação sobre como exibir formulários no seu site.

Configurar as definições do bloco WPForms

Depois de adicionar o formulário, você verá configurações adicionais no painel da barra lateral direita.

Veja o que você pode ajustar:

• Mostrar título e descrição: ative essas opções para exibir o nome e a descrição do formulário acima dos campos do formulário.
• Estilo dos formulários: O WPForms permite que você defina o estilo dos seus formulários diretamente no editor de blocos, sem precisar escrever CSS. Você pode alterar visualmente o tamanho dos campos, as cores e os estilos dos botões.
• Avançado: Adicione classes CSS personalizadas se precisar de mais controle sobre a aparência do formulário.

Método 3: Use um código de atalho

O WPForms gera um shortcode exclusivo para cada formulário que você cria. Isso é útil se você estiver trabalhando com o Editor Clássico, um tema que não ofereça suporte total a blocos ou qualquer área que aceite shortcodes.

Para encontrar o código de atalho do seu formulário, acesse WPForms » Todos os formulários no seu painel de controle. Você verá o código de atalho listado ao lado de cada formulário. Ele tem o seguinte formato:

Copie o código de atalho, abra a página ou a publicação onde deseja inserir o formulário de login, adicione um bloco de código de atalho, cole o código e clique em Publicar ou Atualizar.

Você também pode incorporar seu formulário de login usando este código de atalho em widgets de texto, áreas da barra lateral e em qualquer outro lugar que suporte códigos de atalho.

Método 4: Use um widget (barra lateral ou rodapé)

Quer que o formulário de login fique visível em todas as páginas do seu site? Adicioná-lo à barra lateral ou ao rodapé como um widget é uma ótima opção.

Os visitantes podem fazer login de qualquer lugar sem precisar procurar uma página de login específica. Acesse Aparência » Widgets no painel do WordPress.

Encontre a seção “Barra lateral principal ”. Se o seu tema não for compatível com barras laterais, você não verá essa opção. Clique no botão + e procure por WPForms.

Clique no bloco WPForms para adicioná-lo e, em seguida, selecione seu formulário de login no menu suspenso.

Você verá uma pré-visualização do formulário diretamente na área do widget.

Você pode fazer o mesmo com o rodapé. Role a página até a área de widgets “Barra do rodapé ”, adicione o bloco do WPForms e selecione o seu formulário de login.

Clique em “Atualizar” quando terminar. Veja como fica um formulário de login na barra lateral:

E aqui está no rodapé:

Se você estiver usando um tema de blocos com a funcionalidade “Edição completa do site”, acesse “Aparência » Editor ”. Abra a seção do modelo correspondente à sua barra lateral ou rodapé e insira o bloco do WPForms nesse local.

Bônus: Crie um formulário de cadastro de usuário

Agora que você já tem um formulário de login no seu site, provavelmente vai querer um formulário de cadastro também, para que os novos visitantes possam criar contas. O WPForms cuida disso com o mesmo complemento de cadastro de usuários que você configurou anteriormente.

Você pode criar um formulário de cadastro personalizado com os campos que precisar e incorporá-lo usando qualquer um dos métodos acima. Para um passo a passo completo, consulte este guia sobre como criar um formulário de cadastro de usuários no WordPress.

Depois de criar sua página de inscrição, você vai querer adicioná-la à navegação do seu site para que os visitantes possam encontrá-la. No painel do WordPress, acesse Aparência » Menus.

Se você ainda não tem um menu, dê um nome a ele e clique em “Criar menu”.

Na seção “Páginas ”, à esquerda, clique em “Ver tudo” para ver todas as suas páginas publicadas. Marque as caixas de seleção das páginas de login e de cadastro e, em seguida, clique em “Adicionar ao menu”.

Arraste e solte os itens do menu para organizá-los como quiser.

Selecione um local de exibição (como o Menu principal) e clique em Salvar menu.

Agora, as páginas de login e cadastro estão na navegação principal do seu site.

Se você estiver usando um tema baseado em blocos, adicione essas páginas em Aparência » Editor. Abra a seção do modelo do cabeçalho, selecione o bloco Navegação e adicione os links ali.

Dicas para melhorar sua página de login do WordPress

• Configure redirecionamentos de login: não direcione os usuários para a página inicial após o login. Direcione-os para um local útil, como a página da conta ou um painel exclusivo para membros. Aqui está um guia completo sobre como configurar redirecionamentos de registro no WordPress.
• Adicione proteção contra spam: os formulários de login são alvo de ataques de força bruta. Se você estiver usando o WPForms, pode ativar o CAPTCHA, configurar regras antispam ou usar o honeypot integrado. Essas dicas simples para eliminar registros de usuários indesejados também funcionam para formulários de login.
• Personalize a aparência: um formulário de login simples funciona, mas adaptá-lo à identidade visual do seu site causa uma impressão melhor. Você pode personalizar a identidade visual do seu formulário de login com cores, logotipos e layouts personalizados. Confira estes exemplos de páginas de login para se inspirar.

Perguntas frequentes sobre como adicionar um formulário de login do WordPress a qualquer página

Adicionar um formulário de login do WordPress a qualquer página é um dos pedidos mais comuns dos proprietários de sites que administram assinaturas, cursos on-line ou fóruns comunitários. Aqui estão as perguntas que recebo com mais frequência.

Como faço para adicionar um formulário de login a uma página do WordPress?

A maneira mais fácil é usar o WPForms Pro com o complemento de Registro de Usuário. Crie um formulário de login no construtor e, em seguida, incorpore-o em qualquer página usando o assistente de incorporação, o editor de blocos, o shortcode ou um widget. Você também pode usar o bloco de Login/Logout integrado do WordPress para uma abordagem mais simples.

Como faço para redirecionar o login do WP para outra página?

No WPForms, acesse o formulário de login Configurações » Confirmações e definir a página de redirecionamento. Você pode criar diferentes redirecionamentos para diferentes funções de usuário usando lógica condicional. Se você estiver usando wp_login_form(), passar por um redirect parâmetro com a URL de destino.

Qual é a diferença entre um formulário de login e um formulário de cadastro?

Um formulário de login permite que os usuários existentes acessem suas contas com um nome de usuário e uma senha. Um formulário de cadastro permite que novos visitantes criem uma conta. A maioria dos sites precisa dos dois, e o WPForms pode criar ambos os tipos usando o mesmo complemento de cadastro de usuários.

Posso atribuir diferentes funções de usuário com base nas respostas do formulário?

Sim. O WPForms permite atribuir funções aos usuários de forma condicional, com base na forma como eles preenchem o formulário de registro. Isso lhe dá mais controle sobre as permissões e os níveis de acesso no seu site.

Em seguida, personalize sua página de login

Isso abrange cinco maneiras diferentes de adicionar um formulário de login do WordPress a qualquer página do seu site. Agora que seu formulário de login está no ar, aqui estão algumas coisas que você pode querer fazer a seguir:

• Personalize a identidade visual do seu formulário de login com cores, logotipos e layouts personalizados
• Configure redirecionamentos de registro para encaminhar os usuários para onde eles precisam ir
• Elimine registros de spam com CAPTCHA e ferramentas antispam

Crie seu formulário de login do WordPress agora

Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.