# Login Social com o Google

Com a integração **Login Social com o Google**, seus clientes podem se cadastrar na sua loja virtual de modo muito mais fácil e rápido!

Neste tutorial, ensinaremos passo a passo como configurar a conexão com a conta do Google e instalar a integração na sua loja virtual de maneira prática e rápida.

### **Como configurar**

1- Primeiramente acesse este[ link ](https://developers.google.com/)e faça o login com a sua conta do **Google.**

2- Depois de logado, clique em **Produtos** >> **Google Cloud** localizados no menu horizontal.

3- Na próxima página, clique em **Console**, novamente no menu horizontal.

3.1- Já na página de Console selecione a opção **Sem organização.** 

3.2- Em seguida clique no botão **Novo Projeto**. 

#### **Novo Projeto**

1- Na página **Novo Projeto**, preencha o campo de **Nome do Projeto**. O **ID do projeto** é o identificador global exclusivo do projeto. (Não é possível alterar esse código depois da criação do projeto).

2- Depois selecione uma **Organização** para anexar a um projeto. (Esta seleção não pode ser modificada posteriormente).  

3- Em seguida, basta escolher o **Local** e clicar em **CRIAR**.

#### **APIs e serviços**

1- Para o próximo passo você deve clicar em **APIs e serviços** >> **Tela de permissão OAuth**.

2- Na **Tela de permissão OAuth**, escolha a opção **Externo** e clique em **CRIAR**. 

3- Já com a **Tela** **de** **permissão OAuth** aberta, defina os seguintes campos: 

* **Nome do aplicativo;**
* **E-mail para suporte**; 
* **Logotipo do Aplicativo.**  

**Domínio do app**

1- Após isso, preencha o campo de **Domínio do app:**

* **Link da página inicial do aplicativo;**
* **Link da Política de Privacidade do aplicativo;**
* **Link dos Termos de Serviço do aplicativo**.

**Domínios autorizados**

1- Em seguida **adicione o domínio desejado**. Depois de adicionar um domínio autorizado, você pode usar qualquer um dos seus subdomínios ou páginas. 

Se você adicionou origens de JavaScript autorizadas e URLs de redirecionamento autorizados ao criar suas credenciais, eles também aparecerão aqui.

2- Por fim, preencha o campo **Dados de contato do desenvolvedor** (O Google usa esses endereços de e-mail para notificar você sobre todas as alterações no projeto) e clique em **Salvar e Continuar**.

3- Agora selecione a opção **Credenciais** no menu vertical esquerdo.

**Credenciais**

1- Depois, clique em **Criar credenciais >> ID do cliente do OAuth.**

2- Em **Tipo de aplicativo**, escolha a opção **Aplicativo da Web**, defina um **Nome** e preencha os campos de **Origens JavaScript autorizadas** e **URLs de redirecionamento autorizados**.

E por fim, clique em **Criar**!

3- De novo na página **Credenciais**, selecione o **ID do cliente OAuth 2.0** que você criou.

Lá estarão o **ID do cliente** e a **Chave secreta do cliente**. **Guarde esses dados.**

### **Integrar na loja virtual**

1- Agora, abra o **painel de controle da sua loja virtual,** clique em **Integrações** >> **Aplicativos.** 

**Atenção:** este tutorial requer a ativação do modo Especialista em seu painel de controle. Caso você não saiba como ativar o modo Especialista, é só clicar [aqui](https://ajuda.iset.com.br/inicio/minha-loja/outros/alternar-entre-os-modos-foco-e-especialista) e acessar nosso tutorial.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F7zNxqocdD5fiQPdeU9Zg%2FCaptura%20de%20Tela%202024-06-19%20a%CC%80s%2017.55.55.png?alt=media&#x26;token=5bced2c6-d03c-4375-aadd-eb0909abb916" alt=""><figcaption></figcaption></figure>

2- Em seguida encontre a opção **Login com o Google** e clique em **Instalar**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fp97ouJqDVjjWVkEOCQ22%2FCaptura%20de%20Tela%202024-06-19%20a%CC%80s%2017.59.34.png?alt=media&#x26;token=c1bf2e66-63d1-47a2-831a-7e787b8a5fda" alt=""><figcaption></figcaption></figure>

3- Preencha os campos com os dados **ID do cliente** e a **Chave secreta do cliente**.&#x20;

Por fim, clique em **Instalar** e **Salve as alterações**!

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FJPC2pllEUTpEbunUQfJ5%2FCaptura%20de%20Tela%202024-06-19%20a%CC%80s%2018.00.51.png?alt=media&#x26;token=1ea0e0b6-bd81-4325-a566-f1baf2ba323d" alt=""><figcaption></figcaption></figure>

Ficou com alguma dúvida? Deixe um comentário! Ou entre em contato conosco via chat online.