> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/integracoes/aplicativos/login-social-facebook.md).

# Login Social Facebook

#### **Assista ao tutorial: Login social do Facebook**<br>

\
O **Login Social** é uma ótima maneira de facilitar o processo de compra do seu cliente. Com o login social fica muito mais fácil e rápido criar um cadastro na loja virtual.

Nesse tutorial, você vai aprender a configurar corretamente o **Login Social do Facebook.** Vamos lá, é só seguir o passo a passo abaixo:

### **Configurando sua conta no Facebook**

#### **Etapa 1**

1-  Primeiramente, é necessário criar uma conta no portal de desenvolvimento do Facebook.

1.1- Para isso, acesse [esse link](https://developers.facebook.com/async/registration/).

1.2- Faça o login com seu Facebook.

1.3- Selecione a opção que melhor lhe descreve.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FIAWqWyCvzmdOe33vtjui%2F0.jpeg?alt=media)

&#x20;1.4- **Crie o seu primeiro aplicativo**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F55dDGFAiSwxQVH21f6xP%2F1.jpeg?alt=media)

&#x20;1.5- Na tela **Tipo**, escolha a opção **Consumidor**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FXskadqIc2RN8GEAh4jSQ%2F2.jpeg?alt=media)

&#x20;1.6 - Na tela **Detalhes**, preencha as informações solicitadas.

#### **Etapa 2**

2- Agora com seu aplicativo criado, na tela que aparecer **Adicionar produtos ao seu aplicativo**, clique na opção **Login do Facebook** em **Configurar.**

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FBcWiDOAFUrCT4hKffWVx%2F3.jpeg?alt=media)

&#x20;2.1- Clique na opção **Web** ou **WWW**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F8JQ7hVPBu8EWnjimXYpB%2F4.jpeg?alt=media)

&#x20;2.2- Informe a URL do seu e-commerce em **URL do site**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F9OAjpvY9vK9LwuVebLaw%2F5.jpeg?alt=media)

&#x20;2.3- Clique em **Salvar** e **Continuar**

#### **Etapa 3**

3- Pronto, URL do site configurada. Agora, na aba esquerda de menus, clique em **Configurações** >> **Básico.**

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FLhh77gB99MHOvO2A7noI%2F6.jpeg?alt=media)

&#x20;3.1- **Preencha todas as informações solicitadas nos campos dessa página.**&#x20;

**Importante:** Todas as URLs devem ter "HTTPS" no começo.

&#x20;3.2- Depois, clique em **Salvar alterações**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F8Dd9TLnZutRS2c2rgdqQ%2F7.gif?alt=media)

&#x20;3.3- Agora clique na opção **Login do Facebook.**

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FZ0TfvlvDu67V7D5IhqBx%2F8.jpeg?alt=media)

3.4- Em seguida selecione a opção **Configurações**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fj7Twm45PnXYhkgTJ3Mpc%2F9.jpeg?alt=media)

&#x20;3.5- Por fim, procure a opção **Entrar com SDK do JavaScript** e marque ela com a opção **Sim.**

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FVjKpbFhzpB2dK1dGXUx8%2F10.jpeg?alt=media)

#### **Etapa 4**

4- Agora clique em ativar na opção **Modo do aplicativo** na parte superior da sua tela. Assim:

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FxU9WtJLMhYy5A2biqlnQ%2F11.jpeg?alt=media)

4.1- **Copie o ID do aplicativo** que também aparece na parte superior da sua tela.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fyi3mAIvMg2kflmVzVox6%2F12.jpeg?alt=media)

&#x20;4.2- Copie também a **Chave Secreta do Aplicativo** clicando em **Mostrar**.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F3bZiDJRQ6mji9KdIFiwL%2F13.jpeg?alt=media)

### **Configurando em seu Painel de controle**

1- Acesse o painel administrativo da sua loja virtual. No menu lateral esquerdo, clique em **Integrações** >> **Aplicativos** .

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fm2KhRogLjfyDC2YVIMLM%2Fprint-painel-aplicativos-integracoes.png?alt=media&amp;token=9fb2260a-8dba-410c-9fe7-5eb9bf5a79f4" alt=""><figcaption></figcaption></figure>

2- Primeiramente, será preciso encontrar o app e clicar em **Instalar.**

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FANFEEMm5MmeKc8zMBez5%2Fprint-instalar-facebook-login.png?alt=media&amp;token=b0be101f-712b-47f7-89b4-1c85097dfde8" alt=""><figcaption></figcaption></figure>

3- Na página de instalação, você deverá preencher com os dados solicitados. **ID do aplicativo** e a **Chave Secreta do Aplicativo.**

Após preencher corretamente com as informações necessárias, clique em **Instalar**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FMxT1PlhjTuQk3vqbWuNS%2Fprint-painel-instalar-facebook.png?alt=media&amp;token=bf92c731-ba50-4431-9b4f-556bccbe33d7" alt=""><figcaption></figcaption></figure>

4- Após sua instalação, basta clicar em **OK** na mensagem de sucesso que será exibida.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FYrj8v999uZ95J6rrgUEz%2Fprint-painel-login-com-facebook-instalado.png?alt=media&amp;token=d103d153-a86a-4e09-8700-9daa0cbc64bc" alt=""><figcaption></figcaption></figure>

5- Por fim, basta clicar em **Fechar** e **Salvar Alterações**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FyqmxQT4CQnvEZIBWAxQ9%2Fpainel-print-salvar-alteracoes-.png?alt=media&amp;token=8699060f-fdc5-446a-ad75-260bdfc75ddb" alt=""><figcaption></figcaption></figure>

Prontinho! Caso todas as informações tenham sido inseridas corretamente, o seu Login pelo Facebook deve funcionar normalmente.&#x20;

Caso tenha alguma dúvida, entre em contato com nosso suporte via chat online :)