O aplicativo de Login com o Google no e-commerce é um meio de agilizar o cadastro do cliente na Loja Virtual, facilitando o processo de acesso à área do cliente.

Vale lembrar que é necessário possuir uma conta no Gmail seja comercial ou pessoal e efetuar o login com o seu usuário e senha.

Para criar esta integração em seu e-commerce acesse o link abaixo: https://developers.google.com/

google-IMG01

Desça a barra de rolagem até o rodapé da página e clique em “Google API Console”, conforme mostra imagem abaixo:

google-IMG02

O Site abrirá a tela abaixo, neste mesmo ambiente clique em “Selecionar um projeto” e logo após “Criar um projeto

google-IMG03

Preencha o nome do projeto e clique em criar.

google-IMG04

No menu lateral esquerdo, clique na opção Credenciais, de acordo com a imagem abaixo:

google-IMG05

Na janela que se abriu, clique na opção “Criar credenciais” e escolha “ID do Cliente O Auth”

google-IMG08

Na nova tela que foi aberta clique em “Configurar tela de consentimento” .

google-IMG09

Preencha os campos, levando em conta que o campo “Nome do produto mostrado aos usuários” é obrigatório, os demais são opcionais. Após preencher, clique no botão Salvar.

google-IMG11

Escolha a opção Aplicativo da WEB e o site irá disponibilizar novos campos a serem preenchidos:

google-IMG12

google-IMG13

No campo “Nome”, preencha com o mesmo nome do aplicativo.

Nos campos “Origens JavaScript autorizadas” e “URIs de Redirecionamento autorizadas” preencha com o nome do site, levando em conta http e https.

Exemplo: http://loja.com.br e https://loja.com.br

Quando preencher o domínio e sair do campo ira aparecer novas opções a serem preenchidas.

google-IMG14

O preenchimento deverá estar como o exemplo abaixo, após definir clique na opção Criar, conforme mostra imagem abaixo:

google-IMG15

Será exibida uma janela com o ID do Cliente e a Chave Secreta, guarde este ID pois irá utilizá-lo nas configurações do login com o Gmail. Após salvá-lo, clique em OK para validar a operação.

google-IMG17

Após fechar a tela, o ID do cliente também pode ser conferido acessando Credenciais.

google-IMG18