Como criar e usar um shortcode de login do WooCommerce

Muitos proprietários de lojas WooCommerce desejam criar uma página de login em seu site usando um shortcode de login WooCommerce. No entanto, embora o WooCommerce forneça códigos de acesso para criar facilmente muitas páginas diferentes, ele não oferece um código de acesso direto que permite criar uma página de login em sua loja WooCommerce.

E é novamente onde um plugin vem em seu socorro. Você pode facilmente usar o Profile Builder, o melhor plug-in de formulário de registro e login para criar e usar um shortcode de login do WooCommerce.

A necessidade de criar um shortcode de login do WooCommerce

Assim como os códigos de acesso para outras páginas, um código de acesso de login do WooCommerce permitiria que você criasse uma página de login do WooCommerce.

Aqui estão algumas razões importantes para precisar de um plugin confiável para criar um shortcode de login do WooCommerce:

• Permitir que os usuários façam login em sua conta onde possam encontrar todas as suas informações em um só lugar;
• Criação de uma área restrita que só pode ser acessada por usuários logados;
• Oferecer uma funcionalidade de login é crucial para construir uma base de clientes fiéis em sua loja;
• Tornando a jornada de compra muito mais fácil, pois os usuários poderão fazer login antes de finalizar a compra, para que não precisem preencher todos os detalhes da compra novamente quando voltarem;
• Isso também aumentaria a taxa de conversão em sua loja, pois os usuários poderiam adicionar produtos ao carrinho e finalizar a compra mais tarde quando fizerem login novamente em sua conta.

Há muitas outras razões também, mas temos certeza que você já entendeu a ideia. Então, deixe-me agora discutir como você pode criar um shortcode de formulário de login WooCommerce usando o Profile Builder.

Criador de perfis profissional

Criar login, registro e outras páginas importantes totalmente personalizadas em sua loja WooCommerce é muito fácil com o Profile Builder.

Obtenha o plug-in

Ou baixe a versão GRATUITA

Criando um Shortcode da página de login do WooCommerce

Criar um shortcode de formulário de login do WooCommerce usando o Profile Builder é muito fácil. Você só precisa seguir algumas etapas simples para criar um formulário de login totalmente personalizável e colocá-lo onde quiser em sua loja WooCommerce.

Você precisará comprar uma das versões Pro do Profile Builder para criar um shortcode de login WooCommerce que permite criar formulários de login WooCommerce personalizáveis. As versões Pro do plug-in vêm com o complemento WooCommerce Sync , que adiciona automaticamente campos de cobrança e envio de clientes aos seus formulários de registro e edição de perfil.

O Profile Builder Pro permite que você crie registro, login e outros formulários relacionados ao usuário totalmente personalizáveis ​​em seu site WooCommerce, além de gerenciar outras áreas de gerenciamento de usuários sem problemas. É o melhor investimento que você pode fazer no gerenciamento de usuários do seu site.

Então vá em frente e compre aqui. Em seguida, faça login na sua conta Cozmoslabs e baixe o arquivo de plug-in para o Profile Builder Pro, como você pode ver na imagem abaixo.

Agora clique na outra opção, Addons Download . Você descobrirá que a primeira opção em si é o Pb Add On WooCommerce , que é o que você precisa baixar para sua loja WooCommerce.

Agora vá para o painel do WordPress e clique na opção Adicionar novo em Plugins . Em seguida, clique no botão Carregar plug -in na parte superior e solte ou navegue e carregue o arquivo de plug-in que você acabou de baixar.

Por fim, clique no botão Instalar agora e, uma vez instalado, no botão Ativar . Agora o Profile Builder Pro está funcionando em seu site.

Repita o mesmo processo para instalar o complemento WooCommerce Sync também.

Enquanto o Profile Builder cria automaticamente o registro, login e outras páginas relacionadas ao usuário, você também obtém códigos de acesso para cada uma dessas páginas.

O shortcode de login do WooCommerce é [wppb-login] . Você pode usar este código de acesso para criar uma página de login em seu site WooCommerce em qualquer lugar que desejar. A página ficará mais ou menos assim:

Criando outros códigos de acesso e páginas importantes do WooCommerce

Criar uma página de login usando o shortcode do formulário de login do WooCommerce é um passo importante para construir uma base de usuários sólida para sua loja. No entanto, há muito mais que você pode fazer para fornecer a melhor e mais suave experiência do usuário em sua loja WooCommerce.

Código de acesso de registro do WooCommerce

Você não pode ter uma página de login sem ter uma página de registro em sua loja WooCommerce que permita que os visitantes se registrem em seu site. Portanto, se você ainda não tiver uma página de registro, precisará de um código de acesso de registro de login do WooCommerce para criar uma.

Em outras palavras, você precisará de códigos de acesso para criar um login e uma página de registro em seu site WooCommerce.

Obviamente, o Profile Builder também permite que você crie uma página de registro, e o código de acesso de registro do WooCommerce é [wppb-register] .

Você pode não apenas usar o código de acesso do registro de login do WooCommerce para criar páginas de login e registro, mas também personalizar a página de registro da maneira que desejar.

Personalizando sua página de registro WooCommerce

Você também pode personalizar facilmente sua página de registro do WooCommerce usando o Profile Builder. Clique na opção Campos de formulário em Criador de perfil e você encontrará todos os campos usados ​​em seu formulário de login.

Embora todos os campos possam ser editados, alguns campos permanentes não podem ser excluídos, como Nome de usuário ou Senha .

Você também pode adicionar novos campos selecionando uma opção de campo da ampla variedade de opções de entrada e campos padrão disponíveis, inserindo os detalhes necessários, personalizando o campo e clicando na opção Adicionar campo .

E, como explicamos acima, os campos de cobrança e envio serão adicionados ao seu formulário de registro por padrão quando você baixar e ativar o plug-in complementar WooCommerce Sync. Dessa forma, você obtém uma página de registro padrão perfeita do WooCommerce pronta para uso, que pode personalizar posteriormente de acordo com suas necessidades.

Shortcode de recuperação de senha do WooCommerce

Agora, como o esquecimento de senhas é da natureza humana, recomendamos sempre criar uma maneira de seus usuários recuperarem suas senhas caso precisem.

Para criar uma página de recuperação de senha em sua loja WooCommerce, tudo o que você precisa fazer é colar o [wppb-recover-password] para adicionar um formulário de recuperação de senha de frontend a uma página em branco.

O próximo passo é dar aos visitantes acesso fácil a esta página, diretamente do formulário de login. Para isso, você precisará usar o argumento lostpassword_url em seu shortcode de login inicial, assim:

[wppb-login lostpassword_url="/recover-password"]

Observe como a primeira parte do código ainda é o shortcode de login, seguido pelo argumento de senha perdida e, em seguida, o URL da sua página de recuperação de senha.

E já que estamos no assunto, outra dica profissional para sua página de login do WooCommerce seria incluir também uma maneira de seus novos usuários acessarem a página de registro diretamente da página de login. Para isso, você pode usar o argumento register_url . Agora, seu shortcode de login do WooCommerce deve ser algo assim:

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

Cole isso na sua página de login do WooCommerce e agora seus visitantes não apenas poderão fazer login a partir daqui, mas também recuperar suas senhas ou registrar uma nova conta.

Login Social WooCommerce

Fazer com que os usuários façam login usando suas credenciais envolve algum atrito. Então, é aí que entra o login social.

O Profile Builder Pro também vem com a funcionalidade que ajuda você a implementar o login social em sua loja WooCommerce. Os usuários podem fazer login em sua conta usando apenas um de seus perfis de mídia social, incluindo Facebook, Google, Twitter e LinkedIn.

Você precisa baixar e ativar o complemento avançado Social Connect , assim como o WooCommerce Sync. Você pode encontrar todas as etapas que precisa seguir em nossa postagem sobre login social do WooCommerce.

Basicamente, você só precisa obter as chaves de API de suas contas nessas plataformas sociais e colocá-las no complemento Social Connect. Também temos documentação detalhada sobre como recuperar essas informações que você pode encontrar na postagem que vinculamos acima.

Implementar o login social em sua loja WooCommerce é uma ótima maneira de aumentar as conversões, melhorar a experiência do usuário e garantir um melhor nível de retenção de clientes.

Código de acesso de logout do WooCommerce

Novamente, se você tiver uma página de registro e login no seu site WooCommerce, também é necessário ter uma página de logout. O Profile Builder vem pré-instalado com os shortcodes de login e logout do WooCommerce, então tudo que você precisa fazer é pegar o shortcode de logout e colocá-lo em uma página.

O shortcode de logout do WooCommerce é [wppb-logout] . Depois de criar uma página usando esse código de acesso, os usuários logados em seu site WooCommerce verão um link para fazer logout no front-end.

Outras páginas importantes

Profile Builder é um plugin completo de gerenciamento de usuários. Além das páginas de login, registro e logout, ele também permite que você crie uma página de perfil de edição de usuário e uma página de conteúdo restrito, todas usando códigos de acesso pré-criados que podem ser encontrados aqui.

Supondo que você obtenha a versão Pro do Profile Builder para obter um shortcode de login do WooCommerce personalizado, você também obteria um shortcode de diretório de usuário que pode ser usado para criar um diretório de membros funcional e personalizado.

Redirecionar usuários após o login

Depois de ter a funcionalidade de login em funcionamento em seu site usando o código de acesso da página de login WooCommerce do Profile Builder, você precisa pensar um pouco sobre onde direcionar os usuários após o login.

Afinal, simplesmente deixá-los cair na página 'minha conta' não faria bem a você. Você precisa garantir que eles sejam redirecionados para páginas focadas em produtos em sua loja que podem ajudá-lo a aumentar as vendas.

E o Profile Builder também oferece essa funcionalidade. Você precisa ativar o complemento Custom Redirects pro no menu Profile Builder no seu painel do WordPress.

Isso permitiria redirecionar usuários com base no nome de usuário ou ID do usuário, função do usuário, bem como redirecionamentos globais configurados para redirecionar todos os usuários em geral. Você pode seguir nosso tutorial sobre como redirecionar usuários após o login no WooCommerce.

Redirecionar os usuários para as páginas certas ajudará você a aproveitar ao máximo a implementação da funcionalidade de login em seu site usando o shortcode de login WooCommerce do Profile Builder.

Crie um shortcode de login do WooCommerce hoje

O Profile Builder Pro ajudará você a preencher muitas lacunas que o WooCommerce deixa por padrão. Você pode fazer muito mais do que apenas criar um shortcode de login do WooCommerce para criar uma página de login de front-end para sua loja.

Você também pode criar outras páginas importantes, incluindo uma página de registro totalmente personalizável usando o código de acesso de registro de login do WooCommerce.

Da mesma forma, você pode restringir categorias premium em sua loja WooCommerce, redirecionar usuários após login e registro, permitir que os usuários gerenciem seus perfis, criem um diretório de membros, gerenciem funções de usuários e controlem todos os aspectos do gerenciamento de usuários em seu site.

Criador de perfis profissional

O Profile Builder Pro é o melhor plugin para gerenciar todas as áreas de gerenciamento de usuários da sua loja WooCommerce, além de ajudá-lo a criar páginas funcionais de login e registro.

Obtenha o plug-in

Ou baixe a versão GRATUITA

Você ainda tem dúvidas sobre como criar um shortcode de login do WooCommerce e usá-lo em sua loja? Pergunte-nos nos comentários!