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.
Nesta página
Etapa 1: Abrir a página Sign in with Facebook no admin da Shopify
No admin da Shopify, acesse Configurações > Contas de clientes.
Na seção Autenticação, clique em Gerenciar.
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
- 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.
- Clique em Apps.
- Clique em Criar app.
- Preencha os campos Nome do app e E-mail de contato do app e clique em Avançar.
- 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.
- 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.
- Revise a página Requisitos de publicação e clique em Avançar.
- 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
- Depois de criar um app, no painel de controle do Meta for Developers, clique em Casos de uso.
- No caso de uso Autenticar e solicitar dados de usuários com o Login do Facebook, clique em Personalizar.
- 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.
- Clique em Configurações e acesse Configurações do OAuth do cliente.
- Na página Sign in with Facebook do admin da Shopify, copie a URL de redirecionamento da seção URLs de redirecionamento.
- 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.
- 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.
- Na página Fazer login com o Facebook do admin da Shopify, copie o URL na seção URL de desautorização.
- 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.
- 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
- Retorne ao painel de controle do Meta for Developers e clique em Configurações do app > Básico.
- Copie o ID do app no painel de controle do Meta for Developers.
- 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.
- 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.
- 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.
- No admin da Shopify, clique em Salvar alterações.
Etapa 5: Testar e ativar Fazer login com o Facebook
- 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.
- 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.