Passar para o conteúdo principal
Todas as coleçõesMoovin E-Commerce E-commerce
Como Adicionar Login com Google em Seu E-commerce: Guia Completo para Gerar Credenciais OAuth
Como Adicionar Login com Google em Seu E-commerce: Guia Completo para Gerar Credenciais OAuth

Aprenda a configurar o login com Google no seu e-commerce, facilitando o acesso rápido e seguro para seus clientes.

Atualizado há mais de uma semana

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.

  1. Faça login com sua conta do Google.

  2. Aceite os termos de serviço apresentados.

    Clique na imagem para ampliar.

Passo 2: Criar um Novo Projeto

  1. No painel à esquerda, clique em Credenciais.

  2. No topo da página, selecione Criar Projeto.

  3. Dê um nome ao seu projeto (não é necessário ajustar o campo "Local").

  4. Clique em Criar para avançar.

    Clique na imagem para ampliar.

Passo 3: Configurar a Tela de Consentimento OAuth

  1. Clique no botão Criar Credenciais no topo da página e escolha ID do cliente OAuth.

  2. Em seguida, clique em Configurar tela de consentimento.

  3. 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.

    Tipo usuário Google PT

    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.

  1. Selecione Aplicativo da Web como tipo de aplicativo.

  2. Dê um nome para identificar internamente o projeto.

  3. Em Origens JavaScript Autorizadas, adicione os URLs que poderão utilizar este método de autenticação. Por exemplo, https://www.minhaloja.com.br.

  4. 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:

  1. Navegue até E-commerce > Redes Sociais.

  2. Cole o ID do Cliente no campo apropriado.

  3. 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.

Respondeu à sua pergunta?