Oferecer a opção de login com o Google em sua loja virtual pode melhorar a experiência do usuário, facilitando o processo de autenticação e aumentando as conversões. Neste guia, você aprenderá passo a passo como gerar credenciais OAuth no Google Developers e configurar a integração no seu e-commerce, tornando o login rápido e seguro para seus clientes
Passo 1: Acessar o Google Developers Console
A primeira etapa é acessar o Google Developers Console.
Faça login com sua conta do Google.
Aceite os termos de serviço apresentados.
Clique na imagem para ampliar.
Passo 2: Criar um Novo Projeto
No painel à esquerda, clique em Credenciais.
No topo da página, selecione Criar Projeto.
Dê um nome ao seu projeto (não é necessário ajustar o campo "Local").
Clique em Criar para avançar.
Clique na imagem para ampliar.
Passo 3: Configurar a Tela de Consentimento OAuth
Clique no botão Criar Credenciais no topo da página e escolha ID do cliente OAuth.
Em seguida, clique em Configurar tela de consentimento.
Na tela seguinte, selecione o tipo de usuário como Externo e clique em Criar.
Clique na imagem para ampliar.
Clique na imagem para ampliar.
Clique na imagem para ampliar.
Passo 4: Preencher as Informações do App
Preencha os campos obrigatórios na tela de configuração:
Nome do App: Este será o nome exibido aos seus clientes durante o login. Use o nome da sua loja para garantir consistência.
E-mail de Suporte: Adicione o e-mail que seus usuários podem utilizar para suporte.
Logotipo do App: Escolha o logotipo da sua loja para personalizar a experiência de login.
Domínio do App: Adicione a URL da sua loja e da página de política de privacidade.
Domínios Autorizados: Insira o domínio da sua loja no formato
https://www.minhaloja.com.br/
(substitua "minhaloja" pelo domínio do seu site).Dados de Contato do Desenvolvedor: Insira um e-mail de contato para que o Google possa notificá-lo sobre alterações no projeto.
Clique na imagem para ampliar.
Clique na imagem para ampliar.
Clique em Salvar e Continuar até chegar à página final. Lá, você verá o botão Publicar Aplicativo — clique nele.
Clique na imagem para ampliar.
Passo 5: Criar as Credenciais OAuth
Agora, volte ao menu Credenciais e clique em +Criar Credenciais no topo da página. Escolha ID do Cliente OAuth na lista.
Selecione Aplicativo da Web como tipo de aplicativo.
Dê um nome para identificar internamente o projeto.
Em Origens JavaScript Autorizadas, adicione os URLs que poderão utilizar este método de autenticação. Por exemplo,
https://www.minhaloja.com.br
.Em URIs de Redirecionamento Autorizados, insira os domínios da sua loja que irão interagir com a API, como:
https://www.minhaloja.com.br
https://www.minhaloja.com.br/login
https://www.minhaloja.com.br/pagamento/identificacao
Clique em Criar para finalizar.
Clique na imagem para ampliar.
Clique na imagem para ampliar.
Clique na imagem para ampliar.
Passo 6: Copiar as Credenciais
Após criar as credenciais, copie o ID do Cliente exibido na tela.
Passo 7: Inserir Credenciais na Plataforma de E-commerce
Dentro da sua plataforma de e-commerce:
Navegue até E-commerce > Redes Sociais.
Cole o ID do Cliente no campo apropriado.
Salve as configurações.
Clique na imagem para ampliar.
A propagação da configuração poderá demorar alguns minutos até que o cache de página atualize.