Com a App Facebook Login, os teus clientes podem fazer o registo e login na tua loja com o Facebook. Este processo aumenta a taxa de conversão e diminui as desistências no processo de registo.

Cria uma conta no Meta for Developers

Antes de começares a configuração da App Facebook Login, pode ser necessário criar uma conta de developer na Meta.

Se já tens uma conta de developer, podes saltar este procedimento inicial e passar desde logo aos passos indicados na secção Configuração da App Facebook Login.

Para criares a tua conta de developer, procura aceder à página da aplicação e, de seguida, clica em Log In.

Configuração da App Facebook Login

Após o registo no Meta for Developers, o passo seguinte é criar uma app. Para tal, deves proceder da seguinte forma:

• No canto superior direito, clica em Apps;
• De seguida, clica em Create App;
• Escolhe a opção Authenticate and request data from users with Facebook Login e clica em Next;
• No passo seguinte selecciona a opção No, I'm not building a game e clica em Next;
• Indica o nome da app no campo Add an app name (recomendamos que utilizes o nome da tua loja online);
• Define como e-mail de contacto um endereço de e-mail que utilizas  na tua loja (ex. contacto de loja).

Tendo feito os passos anteriores, és redireccionado(a) para uma área global de gestão da app.

Para continuares a configurar a app Facebook Login, no separador Dashboard acede ao primeiro passo e clica em Customize adding a Facebook Login button. De seguida, clica em Go to Settings.

No menu Facebook Login settings que surge de seguida, existem várias configurações que tens de efetuar:

• No parâmetro Embedded Browser OAuth Login deves escolher a opção Yes;
• Preenche o campo Valid OAuth Redirect URLs com o domínio nativo e domínio primário da tua loja (exemplo: atualoja.shopk.it / atualoja.pt). Em algumas contas de Facebook Developers, o campo pode surgir com uma aparência e designação diferentes (ex. Share Redirect Domain Allow List).
• Preenche o campo Allowed Domains for the Javascript SDK com o domínio nativo e domínio primário da tua loja;

No parâmetro Login with the Javascript SDK deves escolher a opção Yes e clica em Save changes.

De seguida, clica em Go Back e no menu Customize clica em Go to quickstart.

Deves selecionar a opção Web e inserir o endereço primário da tua loja no campo Site URL.

Depois de inserires o endereço primário no campo indicado, clica em Save e avança até chegares ao fim dos cinco passos que se seguem.

Após este procedimento, deves aceder ao menu App Settings pelo separador Basic.

De seguida, preenche os campos que surgem da seguinte forma:

• No campo App Domains deves inserir o domínio nativo associado à tua loja (ex. atualoja.shopk.it) e, se existir, um domínio próprio que esteja definido como primário (ex. atualoja.pt);
• Preenche o campo Privacy Policy URL com o link da página associada à Política de Privacidade da tua loja (deves utilizar sempre o link associado ao domínio primário - ex. https://atualoja.pt/politica-de-privacidade);
• Preenche o campo Terms of Service URL com o link da página associada aos Termos e Condições da tua loja (deves utilizar sempre o link associado ao domínio primário - ex. https://atualoja.pt/termos-e-condicoes);
• Seleciona a opção Category com o valor Shopping;
• No campo User Data Deletion escolhe a opção Data Deletion Instructions URL e insere novamente o URL da política de privacidade.

Conclui a configuração neste menu ao clicares em Save changes.

Posteriormente, regressa ao separador Dashboard e avança para o passo 2 Prepare and submit for App Review para dares início à verificação do negócio. Na janela seguinte, seleciona a tua página de negócio e clica em Start business verification.

No menu Verification podes iniciar a verificação do negócio. Esta verificação é feita pelo próprio Meta, sendo que será necessário dar informações adicionais sobre o teu negócio. Sabe mais sobre a verificação do negócio do Meta.

De seguida, deves responder a perguntas do Meta a partir do menu Data handling questions. Este passo é também obrigatório para que a app Facebook Login possa funcionar corretamente. Podes saber mais sobre as questões colocadas no artigo de suporte do Meta.

No final destes passos, já com o negócio verificado, acede ao menu Publish para que a tua app Facebook Login seja publicada.

Depois de publicares a app tens acesso ao App Secret, que será necessário para a configuração da app Facebook Login na área de gestão da loja. Vais também precisar do App ID, que surge visível nos detalhes da app criada no Meta for Developers. 

Podes encontrar ambos os códigos no menu App Settings / Basic. O App Secret está escondido por defeito, pelo que deves utilizar a opção Show para que fique visível e o possas copiar. 

Depois de copiares o  App ID e App Secret, deves inseri-los nos respetivos campos na app Facebook Login, na área de gestão da loja (menu Apps / Social). Exemplo:

Por último, clica em Activar app para que a mesma fique a funcionar na tua loja. A partir desse momento, é possível permitir o registo e login através do Facebook na tua loja online.