Como adicionar o login social do WordPress ao WooCommerce

Você está procurando uma maneira de permitir que seus seguidores de mídia social façam login no seu site WooCommerce facilmente? Considere adicionar o login social do WordPress ao seu site.

Ao adicionar o login social ao WooCommerce, você oferece aos visitantes do site uma maneira rápida de fazer login usando suas credenciais de conta de mídia social.

No entanto, o único problema é que o WooCommerce, por padrão, não oferece uma opção de login social para o seu site de comércio eletrônico. Ele só permite que você ofereça um formulário simples de login e registro aos visitantes do site, exigindo que eles criem uma nova conta com novas credenciais.

A boa notícia é que você pode criar um formulário de login e registro personalizado em seu site WooCommerce usando um plugin como o ProfilePress.

Neste artigo, mostraremos como você pode adicionar botões sociais ao formulário de login do WooCommerce e substituir o padrão do WooCommerce pelos personalizados do ProfilePress.

Por que você deve adicionar login social ao WooCommerce?

Como proprietário de uma loja online, você provavelmente já sabe que o WooCommerce, por padrão, oferece opções limitadas para os visitantes do site fazerem login no seu site.

Todos os visitantes do site terão que primeiro se registrar em seu site usando um nome de usuário exclusivo e seu endereço de e-mail antes que possam acessar o conteúdo. Os formulários de login padrão não apenas parecem básicos, mas também oferecem opções limitadas para os usuários se registrarem e fazerem login rapidamente no seu site WooCommerce.

Os formulários padrão do WooCommerce não são projetados para permitir que seus usuários façam login em seu site usando suas contas de mídia social. Como muitas pessoas têm contas de mídia social em plataformas como Facebook, Twitter ou Google, fica mais fácil usar esses detalhes da conta para fazer login em sua loja.

Aqui estão mais algumas razões pelas quais adicionar login social ao seu site WooCommerce é útil:

• Permitindo que todos os tipos de usuários se registrem e façam login no seu site. Como a maioria das pessoas já tem contas de mídia social prontas, você pode tornar seu site WooCommerce muito mais acessível e acolhedor para todos os tipos de usuários. Os usuários que já possuem uma conta registrada no Facebook podem facilmente se registrar e fazer login no seu site com apenas alguns cliques.

• Ofereça uma experiência de usuário amigável. Oferecer uma experiência de usuário amigável em seu site WooCommerce incentiva as pessoas a fazer mais compras e melhora a retenção de clientes. Pense nisso: se é fácil para os clientes fazer login no seu site WooCommerce e fazer seus pedidos, há uma chance maior de que esses mesmos clientes retornem à sua loja online na próxima vez.

• Incentive mais pessoas a se registrarem. Ao oferecer inscrição e login fáceis com um clique, você incentiva mais pessoas a se registrarem no seu site WooCommerce. Essa é uma ótima maneira de criar suas listas de e-mail e aprimorar suas campanhas de marketing por e-mail.

• Converta seus seguidores de mídia social em usuários registrados em seu site. Se sua empresa tem muitos seguidores nas plataformas de mídia social, pode ser uma ótima ideia desviar toda a atenção para o seu site WooCommerce. Você pode fazer isso oferecendo botões de login social em seu site WooCommerce para que seu público tenha mais facilidade para acessar seu site WooCommerce.

A maneira mais fácil de adicionar login social ao WooCommerce padrão

Embora existam muitos plugins que você pode usar para adicionar botões de login social em seu site WooCommerce, o ProfilePress é a única solução que se destaca.

ProfilePress é um perfil de usuário profissional e plugin de associação que vem embutido com poderosos construtores de formulários e personalizações avançadas.

Você pode criar formulários personalizados de aparência atraente para as páginas de login e registro padrão do WooCommerce sem precisar escrever uma única linha de código. Além disso, você também pode criar diretórios de membros e exibir todos os seus membros registrados no front-end do seu site WooCommerce. A melhor parte do ProfilePress é que você pode usar os modelos pré-projetados para criar rapidamente formulários personalizados e personalizá-los de acordo com o que você precisa.

Usando o plug-in ProfilePress, você pode adicionar botões de login social a um formulário de login personalizado do ProfilePress e substituí-lo pelo formulário de login e registro padrão do WooCommerce na página "Minha conta".

Adicionando login social ao WooCommerce usando ProfilePress

Aqui, mostraremos como é fácil adicionar login social ao WooCommerce usando o ProfilePress.

Para este tutorial, você precisará ter o plugin WooCommerce instalado em seu site WordPress. Você também precisará do plugin ProfilePress para adicionar formulários de login personalizados com botões de login social em seu site WooCommerce.

Passo #1: Instale e ative o ProfilePress

Para começar, obtenha o plugin ProfilePress e instale-o no seu site WordPress.

Navegue até Plugins → Adicionar novo no painel de administração do WordPress e clique no botão Adicionar novo . Agora, faça o upload do arquivo zip e prossiga para instalar o plugin no seu site WooCommerce.

Etapa 2: criar um formulário de login personalizado

Com o plugin ProfilePress pronto, você pode começar a criar um formulário de login personalizado com botões de mídia social adicionados a ele. Certifique-se de ativar o complemento Social Login primeiro navegando até a tela ProfilePress → Addons .

Feito isso, vá para ProfilePress → Forms & Profiles e clique no botão Add New .

Selecione o Construtor de arrastar e soltar e dê um novo título ao seu formulário de login personalizado. Agora selecione um modelo para começar a editar o formulário de login. Selecionamos o modelo Bash para demonstrar.

Depois de clicar no botão Selecionar modelo , ele o redirecionará automaticamente para a página de edição do formulário, onde você pode adicionar campos extras, bem como os botões de login de mídia social.

Etapa 3: adicionar botões de login social

Você pode adicionar vários botões de login social e arrastar e soltar para adicionar ou remover campos extras ao seu formulário de login nesta página.

Você também pode editar cada campo e personalizar o texto do campo exibido no front-end do seu site WooCommerce.

Basta clicar no ícone de configurações enquanto passa o mouse sobre o campo e clicar no botão Aplicar alterações quando terminar. Quando terminar de personalizar os campos, você pode usar a caixa meta Configurações de formulário para adicionar botões de login de mídia social ao seu formulário de login.

Usando a guia Aparência , adicione contas de mídia social usando o campo de texto Botões de login social . Você também pode personalizar o texto do botão para botões de envio e espaços reservados para campos de texto para seu formulário de login personalizado.

Quando terminar, certifique-se de clicar no botão Aplicar alterações para continuar.

Passo #4: Substitua o formulário de login padrão do WooCommerce

Copie o código de acesso do formulário de login personalizado e navegue até Páginas → Adicionar novo para criar uma nova página de login social em seu site WooCommerce.

Basta colar o shortcode do formulário de login usando o bloco Shortcode e clicar no botão Publicar para continuar. Agora, tudo o que resta a fazer é configurar o login social real nas configurações e substituir o formulário de login padrão do WooCommerce pelo que acabamos de criar.

Para definir a página que criamos como a página de login padrão do WordPress globalmente em nosso site, navegue até ProfilePress → Configurações e selecione a página de login recém-criada usando o menu suspenso Página de login na guia Configurações globais .

Para configurar o processo de login social real, navegue até ProfilePress → Configurações e clique na guia Login social para definir as configurações de login social.

Aqui, você pode inserir chaves de API de configuração para todas as contas de mídia social para que os diferentes aplicativos sociais se integrem perfeitamente aos formulários de login social do ProfilePress. Depois de inserir as chaves de API para plataformas de mídia social, clique no botão Salvar alterações .

Além disso, você também pode alterar o texto do botão nos botões de login social acessando a guia Botões .

Quando terminar, certifique-se de clicar no botão Salvar alterações .

Para substituir os formulários padrão de registro e login mostrados na página Minha conta do WooCommerce; clique na guia WooCommerce e selecione sua página de login social recém-criada usando os campos suspensos My Account Login Form e My Account Registration Form .

Veja como pode ficar na página Minha conta do WooCommerce, dependendo do tema do formulário que você selecionou.

Você também pode substituir o formulário de login padrão do WooCommerce no checkout por um formulário de login ProfilePress com login social. Para fazer isso, basta selecionar a página de login que contém o formulário de login com logins sociais que criamos anteriormente usando o menu suspenso Formulário de login do Checkout .

Clique no botão Salvar alterações para continuar.

Clicar nos botões de login social redirecionará os usuários para a página de autenticação de login.

Os clientes também podem fazer login na página de checkout do WooCommerce usando suas contas de mídia social.

Conclusão

Adicionar botões de login social ao seu site WooCommerce é uma ótima maneira de incentivar mais registros e melhorar a experiência do usuário em seu site. Isso é especialmente útil para empresas que já têm muitos seguidores em suas contas de mídia social.

No entanto, você está limitado pela funcionalidade padrão do WooCommerce quando se trata de oferecer login social em seu site. É por isso que recomendamos o uso de um plug-in de criação de formulário personalizado dedicado, como ProfilePress, para substituir o formulário de login padrão e genérico em seu site WooCommerce.

Procurando uma maneira fácil de adicionar login social ao seu site WooCommerce? Obtenha o ProfilePress hoje mesmo!