Criação de formulário de login e registro para Elementor

Se você deseja criar um site de membros onde as pessoas se inscrevem para aproveitar recursos especiais, é melhor criar uma página dedicada de login e registro. Isso permitirá que você torne seu site muito mais profissional, solicite informações adicionais do usuário durante o procedimento de inscrição e muito mais.

E assim, reunimos um tutorial detalhado para ajudá-lo a criar uma página personalizada de login e registro usando o plugin construtor de páginas Elementor .

Elementor é de longe um dos plugin para WordPress. A versão gratuita do plugin vem com vários blocos e widgets para construção básica de sites. Considerando que existe uma versão profissional do plugin que oferece widgets e blocos mais avançados.

Agora, o widget construtor de formulários que vem com o Elementor está bloqueado em sua versão pro. No entanto, em vez de obter o Elementor Pro para criar seu formulário de registro, recomendamos usar o plugin Ultimate Addon for Elementor (UAE), pois ele vem com muitos blocos e widgets poderosos em comparação com o Elementor Pro.

Índice

Benefícios de criar uma página de registro personalizada

Apenas em termos de funcionalidade, não há problema em usar uma página de registro de aparência genérica em seu site. Mas se você fizer isso, perderá muitas vantagens que vêm com uma página de registro feita sob medida para o seu site.

aqui estão alguns dos principais benefícios da criação de uma página de registro personalizada para você ter uma ideia:

1. Personalize as páginas de registro do usuário

Com a ajuda de páginas de registro personalizadas, você pode criar formulários de registro com campos personalizados e projetá-los de acordo com suas necessidades. Você pode estilizar os formulários de acordo com suas necessidades e exigências, para que correspondam à sua ideia de negócio e ao seu site.

O widget Formulário de registro de usuário pode ser usado para o seguinte:

  • Uma solução elegante para se tornar membro de uma loja online
  • Um formulário de registro WordPress personalizado para refletir seu negócio
  • Um formulário seguro para fóruns e sites de e-learning
  • Um formulário de registro personalizado para sites de membros

2. Colete todas as informações necessárias em um único formulário

Se houver uma informação específica que você deseja coletar de seus membros, você pode incluí-la em seu formulário de registro.

Portanto, não é apenas um nome de usuário e uma senha que o usuário pode escolher, e isso é tudo. Você pode adicionar mais campos de formulário, como nome, endereço de e-mail, detalhes de contato e assim por diante. Você pode criar formulários abrangentes de maneira elegante com a ajuda de campos personalizados nos quais você pode fazer parte do seu formulário de registro.

3. Personalize a experiência do usuário

Você pode fornecer uma experiência de usuário personalizada aos seus membros. Isso pode redirecionar os usuários para uma página específica, ajudá-los a fazer login automaticamente em suas contas ou enviar um e-mail para sua caixa de entrada.

4.Combate ao spam e aumento da segurança

Com a adição do Honeypot e do ReCaptcha, você pode combater spammers e evitar registros falsos.

5. Perfeitamente para o estilo da sua marca

Um formulário de registro deve ser semelhante às outras páginas do seu site. Com formulários de registro personalizados, você pode criar formulários que tenham repercussão em sua empresa.

Como criar um formulário de registro de usuário personalizado usando Elementor?

Agora que você tem uma compreensão básica de como um formulário de registro de usuário personalizado pode ajudar seus negócios, aqui está um guia passo a passo abrangente sobre como usar o Elementor e o complemento dos Emirados Árabes Unidos para ajudá-lo a criar sua própria experiência de login de usuário personalizada.

Aqui está um guia de três etapas sobre como você pode criar um formulário de registro de usuário para o seu site.

Nota : Antes de prosseguir, certifique-se de ter habilitado a Assinatura acessando Painel > Configurações > Geral > Assinatura: Ativada .

Ativar a opção de associação permitirá que qualquer usuário se registre em seu site.

Etapa 1: Crie um formulário de registro de usuário usando o Plugin UAE (Ultimate Addon for Elementor)

Para fazer um Formulário de Cadastro de Usuário customizado, certifique-se de ter a versão atualizada do plugin UAE , com o bloco ativado.

Depois de garantir os pré-requisitos para a criação de uma página de login, você precisa criar ou adicionar uma Nova Página. E edite a página onde deseja anexar o Formulário de Cadastro de Usuário.

Se você arrastar e soltar o widget, poderá ver os campos de formulário padrão.

Você pode brincar com os campos - você pode remover um campo desnecessário ou adicionar outros campos, como nome de usuário, nome, etc.

Existe uma opção para gerenciar a largura necessária e a largura da coluna em campos de formulário individuais.

Você também pode gerenciar o tamanho da entrada e os rótulos dos campos (se deseja exibi-los ou ocultá-los) ou a marca obrigatória.

Etapa 2: definir as configurações do formulário

Depois de abordar o básico, você pode definir as configurações do formulário visitando a seção Configurações Gerais Você pode executar as seguintes funções aqui:

  • Nova função de usuário
  • Escolha 'Ações pós-registro'

Aqui está um relato detalhado de ambos:

Nova função de usuário

Se você tiver um site de membros que exige que um usuário o registre em seu site, por padrão, você estará atribuindo a 'Função do usuário' como Assinante .

Você pode definir uma função de usuário padrão para seus membros, e a função atribuída será definida para todos os novos usuários quando eles se registrarem em seu site.

Escolha as ações pós-registro

Um usuário pode selecionar as seguintes ações que ele pode executar após registrar-se em um site de associação, usando o widget Formulário de registro de usuário:

  • Login automático : com esta opção, você pode permitir que o usuário faça login no seu site automaticamente. Após fornecer as credenciais pela primeira vez, o usuário não precisará fazer login novamente, pois será logado no site automaticamente após o registro bem-sucedido.
  • Redirecionar após registro : com esta opção, você pode redirecionar os usuários para uma página de boas-vindas ou uma página de login - após um registro bem-sucedido. Você pode definir uma página de redirecionamento colando o URL da página desejada no campo URL nesta opção.
  • Enviar um e-mail: quando o usuário o cadastrar em seu site com sucesso, esta opção enviará um e-mail para ele confirmando seu cadastro. O conteúdo do e-mail é personalizável e você pode tornar esses e-mails pessoais para obter mais cordialidade. Mas se quiser enviar o mesmo e-mail para todos os seus usuários, você também pode fazer isso explorando esta opção.
  • Ocultar após registro: Às vezes, você pode querer ocultar o formulário de registro do usuário depois que ele se registrou com sucesso em seu site. Com a opção 'Ocultar após registro', você pode ocultar o formulário de registro enquanto os leva a uma página de login ou simplesmente exibir a mensagem 'Bem-sucedido' após fornecer um link para visitar a página de login para obter acesso ao site. Você pode encontrar esta opção na seção Configurações Gerais na guia Conteúdo do widget.

Continuando, você pode criar e estilizar o formulário de registro do usuário usando a guia Estilo do widget.

Depois de fazer isso, você conclui o processo de criação e configuração do widget Formulário de registro de usuário. O formulário está pronto para ser publicado no site Live.

Etapa 3: adicione o formulário de registro de usuário ao seu site

Esta parte é bastante básica e simples. Você pode arrastar e soltar diretamente para adicionar este widget, como qualquer outro widget Elementor. Você também pode salvar a seção que contém o widget e buscar a seção salva na página de registro necessária.

Abaixo elaboramos mais algumas maneiras de ajudar a adicionar qualquer widget no editor Elementor.

por exemplo, para formulário de registro de usuário em uma página WooCommerce

Se você deseja criar uma página WooCommerce personalizada, ou seja, página Minha conta, com o nome de Página de conta personalizada, você pode simplesmente:

Com um clique no botão ‘Editar com Elementor’, você acessará o editor Elementor.

Podemos criar outro formulário de registro como este e salvá-lo para uso na página da conta personalizada seguindo os mesmos passos mencionados acima.

Finalmente, para definir a página como ‘Página Minha Conta’, vá para o Painel do WordPress. E siga o seguinte caminho na opção WooCommerce:

WooCommerce > Configurações > Avançado > Configuração de página > Página Minha conta > Página Minha conta > selecione Página de conta personalizada

Você pode ver a página que contém Emirados Árabes Unidos na página da conta WooCommerce.

Conclusão:

Você pode criar um formulário de registro estiloso, com opção de preferência de sua escolha, para o seu site usando Elementor e UAE .

Seguindo as etapas fornecidas neste artigo, você pode registrar usuários usando o widget Formulário de registro de usuário dos Emirados Árabes Unidos . É uma solução simples e elegante para criar um formulário de registro de usuário elegante para seus novos usuários.

Ahmad

Postagens recentes

Como usar cabeçalhos e rodapés com Elementor

Os cabeçalhos e rodapés de um site são elementos essenciais. Na maioria dos casos, o cabeçalho fornece navegação…

6 de janeiro de 2022

Comparação de temas WordPress: Astra vs OceanWP

Dois dos temas WordPress mais populares do mercado são Astra e OceanWP. Profissional…

2 de janeiro de 2022

Comparação de temas de notícias do WordPress: Jornal vs. Astra

Criar um excelente site de notícias não exige que você se torne um web designer. Nós…

25 de outubro de 2021

Crie um site relacionado a notícias com tema de jornal

O tema Jornal é um dos temas WordPress mais importantes desenvolvido por tagDiv, um…

18 de outubro de 2021

Como construir um comércio eletrônico com o construtor Avada WooCommerce

Quando se trata de abrir uma loja online, WooCommerce é o plugin ideal. Isto…

4 de outubro de 2021

Como usar cabeçalho fixo e efeitos de rolagem com Elementor

Um cabeçalho geralmente é a primeira coisa que uma pessoa vê quando visita seu site,…

21 de setembro de 2021