Quando o assunto é vender produtos e serviços online, toda atenção deve ser dada afim de definir uma estratégia capaz de eleger regras de negócio que trarão sucesso ao seu negócio. É preciso estudar também como o layout e elementos devem ser aplicados em cada página do site, pois elas serão responsáveis por facilitar o contato com seus futuros clientes.
Para quem não sabe – pois ainda não teve a satisfação de trabalhar com WooCommerce, o sistema permite que você crie sites e lojas virtuais, que a depender da configuração aplicada, pode contemplar diferentes tipos de negócio.
Assim, como todo site que quer vender online exige, o WooCommerce permite que você adicione um formulário de cadastro, com seus respectivos campos para registro de um novo usuário, na mesma página em que o formulário de Login é apresentado. Logo, os campos de login e de cadastro ficam exibidos na mesma página, divididos em boxes lado a lado ou um após o outro – isso vai depender do layout aplicado pelo Tema utilizado na Loja.
Essa solução muitas vezes não é indicada para muitas lojas WooCommerce. Pois a forma de trabalhar acaba não sendo elegante e eficiente, já que estratégia de trabalho para as páginas de Login e de Cadastro devem “bater” com aquelas que foram previamente planejadas e estudadas para alcançar resultados positivos. Assim, a forma como você vai exibir os formulários de Login e de Cadastro poderão favorecer – ou não, um maior número de cadastros e também de usuários logados em seu site.
Página de Cadastro no WooCommerce com Plugin
O plugin WooCommerce utiliza-se do WordPress como base para as suas soluções focadas em vender produtos on-line. Logo, sistemas nativos e básicos como o de comentários, posts e registro de usuários do WP são reutilizados e ajustados segundo as necessidades de uma loja virtual.
Assim, antes de você querer um formulário de cadastro de usuários separado da página de Login do WooCommerce, torna-se necessária uma configuração básica do próprio WordPress, que é a de permitir o registro de novos usuários. Se você não configurar na sua Dashboard, que visitantes podem se cadastrar em seu site passando a ser “usuários”, não conseguiremos exibir nenhum tipo de formulário de cadastro.
Então, o primeiro passo é habilitar essa funcionalidade, para permitir o registro de novos usuários.
Acesse Configurações > Geral e marque o checkbox referente a área de membros onde diz “Qualquer pessoa pode se registrar”.
Selecione em Função padrão para novo usuário a opção Cliente.
Logo depois, clique em Salvar alterações.
A partir deste ponto, você já possui um site WordPress que permite novos usuários se cadastrarem em seu sistema.
A seguir você verá detalhes sobre o plugin que iremos utilizar nesse tutorial e também, o passo a passo para construir a sua página de cadastro de usuários WooCommerce exclusiva e independente da área de Login.
WooCommerce Simple Registration
Para quem precisa separar Login e Cadastro de usuários WooCommerce em páginas separadas e distintas, o plugin WooCommerce Simple Registration é a ferramenta certa! São mais de 10mil usuários ativos, que comprovam a facilidade e eficácia do plugin em realizar aquilo que ele propõe, adicionar uma shortcode WooCommerce específica para mostrar formulário de cadastro em qualquer página ou post do site.
Por padrão o WooCommerce permite que você escolha se deseja exibir Login e Cadastro numa mesma página, mas não dá a possibilidade de mostrar apenas o formulário de cadastro separado do login. Então, o WooCommerce Simple Registration percebeu essa dificuldade e criou uma solução 100% funcional, permitindo a economia na criação de código e facilitando o trabalho de muita gente.
Criar Página de Cadastro
Após a fácil instalação e ativação do plugin WooCommerce Simple Registration através do sistema WordPress – veja aqui Como Instalar e Ativar um Plugin no WordPress -, nós poderemos criar a nossa página de cadastro de usuários WooCommerce.
O plugin WooCommerce Simple Registration é realmente muito simples e vai direto ao ponto. Ele não traz nenhuma página de configuração, onde você teria definir como o mesmo deveria funcionar.
A única coisa que você precisa realmente fazer para ter a sua página de cadastro de usuário WooCommerce separada da área de Login é criar uma nova página em seu site e adicionar a shortcode do plugin dentro dela.
Assim, clique em Páginas > Adicionar nova.
Defina um título para a sua nova página de cadastro de usuários e cole o seguinte shortcode na área de texto:
[woocommerce_simple_registration]
Pronto! Nada mais precisa ser feito aqui, apenas copie e cole o shortcode.
Depois, clique no botão Publicar para colocar a sua nova página de cadastro WooCommerce no ar.
Desabilitar Cadastro na Página de Login
A ideia, como falei antes, é desvencilhar o formulário de cadastro de usuário WooCommerce da página de Login – o que é padrão do sistema.
Assim, como já criamos a nossa página independente de Cadastro, precisamos desabilitar a opção de cadastrar usuários da página de Login. E faremos isso nas próprias configurações do WooCommerce.
Acesse através da Dashboard da sua loja a página de configuração WooCommerce > Configurações. Depois, clique na aba com o título Contas.
Na página de configuração de Contas do WooCommerce, na área referente a Habilitar registro, você deve manter desmarcado o checkbox para “Habilitar registro na página Minha Conta”. Caso contrário, o formulário de cadastro continuará sendo mostrado junto com o Login.
Clique em Salvar alterações, no final da página.
Conclusão
Para cada tipo de negócio online, existem diferentes maneiras de planejar e construir as páginas para o site. Muitas vezes manter formulário de Login e Cadastro de novo usuário numa mesma página, não é uma boa ideia. Isso vai depender do comportamento do seu público alvo e nicho de mercado.
Por isso, se a sua Loja virtual pode ter um melhor desenvolvimento e lucratividade, com a ação de diferenciar e separar os sistemas de Login e Cadastro, recomendo a utilização do plugin WooCommerce Simple Registration. Essa é uma ferramenta que te permitirá em passos mínimos, oferecer uma melhor navegabilidade e experiência para seus clientes.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
SEO PowerSuite
Regenerate Thumbnail
OptinMonster
Sendy Lago, muito obrigado pela sua dica. Na minha loja virtual funcionou perfeitamente e o site ficou muito mais orgânico e transparente aos visitantes. Obrigado.
No registo não me aparece o campo para digitar uma senha.
Como faço para habilitar essa opção?
Tenho a mesma dúvida
Precisava adicionar um campo no cadastro e que esse campo apareça na página “minha conta” para o cliente poder alterar depois. Existe algum plugin para isso ou meios de fazer? Obrigado desde já
Como eu adiciono campos, como por exemplo o CPF na hora da pessoa cadastrar?
Obrigado
Olá Diogo,
Você já tentou o Extra Checkout Field?
https://br.wordpress.org/plugins/woocommerce-extra-checkout-fields-for-brazil/
Abraço!
Tutorial de excelente qualidade!
Porém tenho uma pergunta. Tem como trocar a quantidade de dígitos exigidos na senha?
Parabéns Sendy, me ajudou mto aqui em um projeto. Valeu!
Seus tutoriais são excelentes!
Sou dev também a mais de 10 anos e agora estou entrando na área de e-commerce, encontrei o seu canal e achei ele perfeito.
Parabéns e continue firme com seus tutoriais porque eles muito bons!
muito bom! tb sou dev e agora estou aprendendo sobre WP e WooCommerce.
Instalei e funcionou. Queria saber se existe a possibilidade de modificar os escritos dos campos. Ele está First Name e Last Name e eu gostaria de deixar em PT.
Obrigada!!
Estou com a msm dificuldade =\
Olá Junior,
Você pode utilizar um plugin como o loco translate (https://wordpress.org/plugins/loco-translate/) para traduzir temas e plugins direto do painel WordPress.
As vezes pode ser necessário realizar a tradução diretamente no arquivo do tema ou plugin.
Abraço.
Eu fuçei todo o tema e cada plugin com o loco translator, mas não encontrei essas palavras First Name e Last Name :(
Olá Fabio,
Qual é a seção que você está tentando editar? Me deixa um link para eu verificar..
Se for algum formulário de contato pode ser que o texto tenha sido inserido manualmente nas opções do plugin por padrão ai você precisa editar diretamente nas configurações.
Abraço.
Boa noite, Luiza! Para traduzir, baixe um plugin que chama Loco Translate, por lá você consegue traduzir puglins e os temas
Excelente dica! :)
ok legal