Você quer criar uma página de registro no Elementor?

Se você deseja construir um site WordPress que permite o registro do usuário, o mais importante que você precisa fornecer é a página de registro. Elementor não tem um widget padrão para adicionar um formulário de registro a uma página, mas você pode adicionar um usando o widget Form com um pequeno truque. Nós descobriremos em breve neste artigo.

Uma vez que o widget de formulário está disponível apenas no Elementor Pro, você precisa atualizar seu Elementor para a versão pro.

Como criar um formulário de registro no Elementor

O Elementor não possui um widget padrão para adicionar um formulário de registro. Mas, como mencionado antes, você pode criar uma página de registro do usuário usando o widget Form com um pequeno truque. Existem dois componentes de que você precisa:

  • O próprio formulário de registro do usuário
  • Um script PHP que permite adicionar um novo usuário

Antes de começar, vamos supor que você esteja usando o Elementor há algum tempo e já tenha criado um formulário usando o widget Form.

Quando estiver pronto, siga as etapas abaixo para começar a criar uma página de inscrição no Elementor.

Etapa 1: Crie o formulário de registro

Primeiro, crie uma nova página e edite-a com o Elementor. Claro, você também pode editar uma página existente. No editor Elementor, adicione o widget Form à caixa de edição arrastando-o do painel esquerdo.

Vá para o painel esquerdo para personalizar o formulário. O primeiro bloco de opções que você precisa abrir é o bloco Campos de formulário sob a guia Contente. O formulário de registro que iremos criar consistirá em 5 campos da seguinte forma:

campeão Tipo de campo etiqueta
primeiro nome texto Nome
nom texto Nome completo
usuário (obrigatório) texto Utilisateur
E-mail (obrigatório) Email Email
Senha requerida) senha Senha

Nome do formulário: crie um novo usuário

Uma coisa crucial a se observar. Certifique-se de usar exatamente os mesmos rótulos de campo da tabela acima, incluindo maiúsculas e minúsculas, pois eles serão usados ​​como variáveis ​​no script PHP que usaremos.

Leia também: Como criar um pop-up de consentimento de cookie com Elementor

Além disso, certifique-se de dar um nome ao seu formulário. Novamente, certifique-se de usar exatamente o mesmo nome (incluindo maiúsculas e minúsculas) que estamos usando neste exemplo ("Criar um novo usuário" neste caso).

Aqui está o exemplo do formulário que criamos.

Assim que a definição dos campos do formulário estiver completa, abra o bloco Ação após o envio. Já que você deseja criar um formulário de registro de usuário, você pode definir a ação para Redirecionar.

No bloco Redirecionar, Cole a URL para a qual deseja que seus usuários sejam direcionados após criar um novo usuário. Por exemplo, você pode redirecioná-los para a página de login do seu site.

Como criar uma página de registro no Elementor

Abra o bloco Opções adicionais e ative a opção personalizadas Mensagens. Você pode substituir a mensagem de sucesso por algo como “O usuário foi criado”.

Seu formulário está pronto. Você pode publicar a página após terminar de editá-la.

Etapa 2: adicionar uma nova função para adicionar um novo usuário

Aqui está o script PHP que permite adicionar um novo usuário ao seu site WordPress.

add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); função blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Verifique se o formulário é "criar um novo usuário", caso contrário - pare e retorne; if ('Criar um novo usuário'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ user = $ form_data ['Usuário']; // Pega o valor inserido como "Nome de usuário" $ password = $ form_data ['Senha']; // Pega o valor inserido como "Senha" $ email = $ form_data ['Email']; // Pega o valor inserido como "Email" $ user = wp_create_user ($ username, $ password, $ email); // Cria um novo usuário, se bem sucedido retorna o user_id if (is_wp_error ($ user)) {// se houve um erro ao criar um novo usuário $ ajax_handler-> add_error_message ("Impossível criar um novo usuário: ". $ user-> get_error_message ()); // adicione a mensagem $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" Nome "]; //Obtenha o valor inserido como "Nome"
    $ last_name = $ form_data ["Nome"]; //Obtenha o valor inserido como "Nom"
    wp_update_user (array ("ID" => $ user, "first_name" => $ first_name, "last_name" => $ last_name)); // Atualize o usuário com o nome e o sobrenome}

Você pode colocar o código acima no arquivo functions.php do seu tema. Para fazer isso, vá para Aparência -> Editor de temas no painel do WordPress. Clique no arquivo functions.php no painel direito para editá-lo e colar o script PHP no final do arquivo funções.php.

Aqui está uma prévia.

Como criar uma página de registro no Elementor

Clique no botão Atualizar arquivo no editor para atualizar o arquivo functions.php.

Possíveis erros

Depois que seus usuários criarem com sucesso uma nova conta, há uma boa chance de que eles não consigam acessar o painel do WordPress, mesmo que tenham feito login com sucesso. Se você tiver esse problema, tente alterar a função do usuário para Colaborador ou uma função superior (Autor ou Editor).

Leia também: Como exportar e importar modelos Elementor

Para fazer isso, vá para Contas-> Todas as contas. Passe o mouse sobre um usuário cuja função você deseja alterar e clique no link Editar.

Role para baixo até a opção Papel e selecione uma nova função no menu suspenso. Clique no botão Atualizar usuário na parte inferior para aplicar a nova modificação.

Se desejar que cada usuário recém-registrado tenha uma função de Contribuidor, você pode defini-la (a função de Contribuidor) como a função padrão.

Veja também: Como criar uma página de login com Elementor

Para fazer isso, vá para Configurações-> Geral. Role para baixo até a opção Função padrão para qualquer nova conta e selecione uma função padrão no menu suspenso. Não se esqueça de clicar no botão Salvar alterações na parte inferior para aplicar a nova modificação.

Se você continuar querendo que novos usuários tenham uma função de assinante e quiser permitir que eles acessem o painel do WordPress, você pode tentar resolver o problema desativando temporariamente os plug-ins ativos e reativando-os um por um. Até ver qual é o plug-in causando o problema.

Obtenha o Elementor Pro agora!

Conclusão

Aqui está ! É isso neste artigo que mostra como criar uma página de inscrição no Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

0 ações
ação
chilrear
Enregistrer