Conectar o Facebook às contas de clientes

Para conectar o Facebook às contas de clientes, conclua as tarefas a seguir na ordem indicada. Durante a configuração, é necessário alternar entre as abas do navegador referentes ao painel de controle do Meta for Developers e ao admin da Shopify. Vale lembrar que, para realizar essa conexão, é obrigatório ter uma conta de desenvolvedor da Meta. Saiba como se registrar como Meta Developer.

Etapa 1: Abrir a página Sign in with Facebook no admin da Shopify

  1. No admin da Shopify, acesse Configurações > Contas de clientes.

  2. Na seção Autenticação, clique em Gerenciar.

  3. Clique em Conectar ao lado de Facebook para abrir a página Sign in with Facebook.

Etapa 2: Criar um app no painel de controle do Meta for Developers

  1. Em outra aba do navegador, acesse o painel de controle do Meta for Developers e clique em Login para entrar. Se a conta do Meta Developer não tiver sido configurada, será preciso criar uma conta na página de login antes de passar para a próxima etapa.
  2. Clique em Apps.
  3. Clique em Criar app.
  4. Preencha os campos Nome do app e E-mail de contato do app e clique em Avançar.
  5. Na página Adicionar casos de uso, selecione Autenticar e solicitar dados de usuários com o Login do Facebook e clique em Avançar.
  6. Na página Qual portfólio empresarial você quer conectar a esse app?, selecione um portfólio empresarial ou Ainda não quero conectar um portfólio empresarial e clique em Avançar.
  7. Revise a página Requisitos de publicação e clique em Avançar.
  8. Revise a página Visão geral e clique em Acessar o painel de controle.

Etapa 3: Configurar as definições do app da Meta

  1. Depois de criar um app, no painel de controle do Meta for Developers, clique em Casos de uso.
  2. No caso de uso Autenticar e solicitar dados de usuários com o Login do Facebook, clique em Personalizar.
  3. Para garantir que as informações de clientes sejam capturadas no momento do login, acesse a seção Permissões e recursos e clique em Adicionar ao lado de email.
  4. Clique em Configurações e acesse Configurações do OAuth do cliente.
  5. Na página Sign in with Facebook do admin da Shopify, copie a URL de redirecionamento da seção URLs de redirecionamento.
  6. Na página Configurações do painel de controle do Meta for Developers, cole a URL de redirecionamento no campo URIs de redirecionamento do OAuth válidos.
  7. Se houver mais de um URL de redirecionamento na seção URLs de redirecionamento no admin da Shopify, repita estas etapas para os outros URLs de redirecionamento.
  8. Na página Fazer login com o Facebook do admin da Shopify, copie o URL na seção URL de desautorização.
  9. Na página Configurações do painel de controle do Meta for Developers, cole o URL no campo URL de retorno de chamada de desautorização.
  10. Na página Configurações do painel de controle do Meta for Developers, clique em Salvar alterações.

Etapa 4: Configurar as credenciais no admin da Shopify

  1. Retorne ao painel de controle do Meta for Developers e clique em Configurações do app > Básico.
  2. Copie o ID do app no painel de controle do Meta for Developers.
  3. Na página Fazer login com o Facebook do admin da Shopify, cole o ID do app no campo ID do app da seção Credenciais.
  4. No painel de controle do Meta for Developers, clique em Mostrar ao lado de Chave secreta do app e, em seguida, copie a Chave secreta do app.
  5. Na página Fazer login com o Facebook do admin da Shopify, cole a chave secreta no campo Chave secreta do app e clique em Salvar.
  6. No admin da Shopify, clique em Salvar alterações.

Etapa 5: Testar e ativar Fazer login com o Facebook

  1. Na página Fazer login com o Facebook do admin da Shopify, clique em Mais ações > Visualizar. Em seguida, teste o fluxo de autenticação do Facebook como se você fosse cliente fazendo login na loja.
  2. Clique em Ativar.

Após ativar a opção Fazer login com o Facebook, você pode testar a experiência do cliente acessando a loja virtual e fazendo login na conta de cliente pelo Facebook.