Como configurar o Single Sign-On (SSO) no Shopify com o Facebook como IDP (OAuth)?
Visão geral
O miniOrange permite que o Facebook atue como um Provedor de Identidade (IdP), permitindo que os usuários façam login com Login único (SSO) no Shopify usando credenciais do Facebook. Esta integração permite que você ofereça aos seus clientes uma opção de login social que reduz o atrito e melhora a experiência do usuário.
A solução suporta ambos novas contas de clientes do Shopify e contas clássicas/legadas, funciona com Lojas Shopify Plus e não Plus e é ideal para Marcas D2C, lojas comunitárias e portais B2B que desejam oferecer múltiplas opções de login. Ao configurar SSO do Facebook Shopify, você pode aumentar as conversões, otimizar a autenticação e melhorar o envolvimento do cliente, mantendo a segurança.
Pré-requisitos: Download e instalação
Para configurar SSO na loja Shopify usando o Facebook como IDP (OAuth), você precisará adicionar Login único (SSO) da Shopify aplicativo na sua Loja.
Consulte os nossos vídeo, para saber mais sobre como o aplicativo Shopify SSO funciona no Shopify.
Etapas de configuração
Etapa 1: Obtenha o URL de retorno (URI de redirecionamento) do Shopify
- Acesse sua loja Shopify e navegue até App seção e clique em Login único - login SSO aplicação.
- Clique no Adicionar Provedor de Identidade botão para adicionar seu IDP.
- Selecionar OAuth2.0 protocolo.
- Agora escolha Facebook da lista de deslocados internos.
- Copie o URL de retorno de chamada OAuth e mantenha-o à mão, pois ele será usado em etapas futuras.
Você obteve com sucesso o URL de retorno de chamada (URI de redirecionamento) da Shopify.
Etapa 2: configurar o Facebook como provedor OAuth
- Para começar, vá para o console de desenvolvedores do Facebook e clique em aqui. e inscreva-se/faça login com sua conta de desenvolvedor do Facebook.
- Acesse a página de aplicativos do Facebook Developers e clique em Criar aplicativo botão para adicionar novo aplicativo.
- Então escolha o Permitir que as pessoas façam login com suas contas do Facebook opção como caso de uso e então clique Seguinte.
- Introduzir o Nome do aplicativo e Adicionar e-mail de contato para o seu aplicativo do Facebook, respectivamente, clique em Criar aplicativo para salvar suas configurações.
- Acesse Configurações do aplicativo -> Básico para visualizar seu ID do aplicativo e segredo do aplicativo. O app ID é seu ID do cliente e Segredo do aplicativo é seu Segredo do clienteMantenha esses valores à mão, pois você precisará deles mais tarde para configurar o aplicativo Shopify Single Sign-On SSO (consulte as imagens abaixo).
- Domínio do aplicativo: Escreva o domínio do seu site lá.
- URL com Política de Privacidade: Preencha esta caixa com o URL da página de política de privacidade do seu site.
- Termos de Serviço: Preencha esta caixa com o URL vinculado à página de termos de serviço do seu site.
- Exclusão de dados do usuário: No menu suspenso, selecione URL de instrução de exclusão de dados (insira a URL da sua página com as instruções sobre como os usuários podem excluir suas contas no seu site).
- Escolher Categoria no menu suspenso no campo Categoria e escolha Objetivo do aplicativo opção que melhor descreve seu aplicativo e pressione Salvar alterações para salvar suas configurações.
- Agora role para baixo e clique em Adicionar plataforma botão. Selecione os Website opção, pois você está tentando integrar seu login do Facebook a um site. Clique em Seguinte.
- Em seguida, insira seu URL da loja Shopify (store.xecurify.com) e clique Economize. Então clique Continuar.
- Clique no Os casos de uso aba no lado esquerdo e depois clique em Personalizar botão que aparece ao lado do Autenticação e criação de conta item.
- Abaixo da Permissões seção, encontre o email permissão e clique em Adicione botão.
- Por padrão, seu aplicativo só tem Acesso Padrão para as permissões "public_profile" e "email", o que significa que somente você pode fazer login com ele. Para obter Acesso Avançado, você precisará passar pela Verificação Comercial, que pode ser iniciada no site. Verificação aba no lado esquerdo.
- Sob o Login do Facebook >> configurações seção clique em Ir para Configurações botão para adicionar o URL de redirecionamento/retorno de chamada (da Etapa 1).
- No URIs de redirecionamento OAuth válidos campo adicione o URL de redirecionamento/retorno de chamada que você obterá no aplicativo Shopify Single Sign-On (SSO). Clique em Salvar as alterações botão.
- Atualmente, seu aplicativo está em Modo de Desenvolvimento, o que também significa que pessoas de fora da sua empresa não podem usá-lo. Assim que a verificação for concluída, clique em Ir ao vivo Abra a aba e publique seu aplicativo clicando no botão "Ir ao vivo" no canto inferior direito. Antes de clicar, é recomendável verificar os passos listados na página "Ir ao vivo", para ver se você configurou tudo corretamente.
Você configurou com sucesso o Shopify como Provedor de Serviços no Aplicativo do Facebook.
Etapa 3: Configurar o Facebook como IDP no Shopify
- Navegue de volta para o miniOrange Single Sign On-SSO aplicação.
- Clique no Adicionar Provedor de Identidade botão para adicionar seu IDP.
- Selecionar OAuth2.0 protocolo.
- Na lista de IDPs, selecione Facebook.
- Agora, preencha os detalhes necessários, como ID do cliente, segredo do cliente, endpoints e escopo.
- Consulte a tabela abaixo para configurar os valores.
- Observação: Você pode encontrar o domínio cognito em Etapa 2.
| Nome de exibição do IDP: | [digite qualquer nome de aplicativo de sua escolha] |
| ID do Cliente: | Desde Etapa 2 |
| Segredo do Cliente: | Desde Etapa 2 |
| Autorizar ponto final: | https://www.facebook.com/dialog/oauth |
| Ponto final do token de acesso: | https://graph.facebook.com/v2.8/oauth/access_token |
| Obter informações do usuário Endpoint: | https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link |
| Escopo: | e-mail public_profile (insira este texto exatamente como mostrado) |
- Agora você pode clicar em Economize.
Etapa 4: teste de conexão
-
Após salvar a configuração do IDP, você será redirecionado para o
Testar Conexão degrau.
Execute o teste de conexão antes de mapear ou buscar atributos. O teste de conexão garante que sua configuração de IDP esteja correta. - Clique no Testar Conexão botão.
- Ao inserir credenciais válidas do Facebook, você verá uma janela pop-up mostrada na tela abaixo.
- Clique no Buscar Atributos botão para buscar o atributo IDP.
Etapa 5: Mapeamento de Atributos
- Clique no + Mapeamento de Atributos botão para mapear atributos entre Shopify e AWS Cognito.
- Mapeie os atributos consultando a tabela abaixo:
| Nome do atributo no Shopify | Selecione a chave de atributo do cliente do Shopify na qual você deseja sincronizar o valor do atributo recebido do IDP |
| Tipo de Atributo | Atributo IDP |
| Valor do atributo | Selecione a chave de atributo que você obteve do seu IDP e deseja sincronizar no Shopify |
- Clique em Avançar.
Etapa 6: habilitar e testar configurações de SSO
Selecione o tipo de loja Shopify:
- Loja Non-Plus
- Loja Plus
Neste guia, você configurou Login único do Facebook (SSO) configurando Facebook como Provedor de Identidade (IdP) e Shopify como Provedor de Serviços (SP) usando o Aplicativo de login único (SSO) miniOrange Shopify. Com esta configuração, seus usuários agora podem aproveitar Login único (SSO) no Shopify usando credenciais do Facebook, entregando um experiência de autenticação contínua, social e segura que aumenta o envolvimento do cliente e reduz as barreiras de login.
Integrações e recursos suportados
Mais recursos ➔Perguntas Frequentes (FAQs)
Mais perguntas frequentes ➔
Segui os passos para definir o IDP, mas onde posso verificar o SSO?
Siga as etapas descritas aqui. para configurar o SSO no Shopify com seu IDP preferido.
Instalei o aplicativo SSO da Shopify. Cliquei na opção "CONFIGURAR IDP", mas nada abriu.
O redirecionamento para qualquer outro site pode estar bloqueado no navegador. Siga os passos indicados aqui. para resolver o problema.
Depois de realizar o SSO, quero que meus clientes sejam redirecionados para a página de cobranças ou ofertas de desconto.
Siga as etapas descritas aqui. para redirecionar seu cliente para coleções/carrinho ou qualquer outra página.
Como habilito o redirecionamento automático do aplicativo SSO para o recurso IDP na minha loja Shopify?
Você deve atualizar para o plano Enterprise do aplicativo SSO para habilitar o recurso de Redirecionamento Automático para o IDP. Siga as etapas descritas. aqui. para ativar esse recurso.
RECURSOS ADICIONAIS
Vamos Falar?
Entre em contato conosco em shopifysupport@xecurify.com, e nossa equipe ajudará você a configurar o aplicativo SSO da Shopify. Nossa equipe ajudará você a selecionar a solução/plano mais adequado às suas necessidades.
