Como configurar o Single Sign-On (SSO) OAuth para Shopify usando o Facebook como provedor de identidade?

O miniOrange permite que o Facebook atue como um Provedor de Identidade (IdP), permitindo que os usuários façam login com Autenticação única (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 orientadas pela comunidade e portais B2B que desejam oferecer múltiplas opções de login. Ao configurar SSO do Facebook ShopifyCom isso, você pode aumentar as conversões, simplificar a autenticação e melhorar o engajamento do cliente, mantendo a segurança.

Instalar aplicativos Planos de preços

Pré-requisito: Instalação do aplicativo

• Faça login no seu Administrador do Shopify.
• Acesse Apps → Loja de aplicativos do Shopify
• Procurar por miniOrange Single Sign-On – SSO
• Clique Instale para adicionar o aplicativo à sua loja
• Abra o aplicativo em Apps Para começar a configurar o Facebook como IdP para SSO no Shopify.

Guia passo a passo para configurar o Facebook como provedor de identidade (IDP) para SSO no Shopify.

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 Guarde-o por perto, pois será usado nas etapas seguintes.

Você obteve com sucesso a URL de retorno (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, em seguida, clique Seguinte.

• Introduzir o Nome do aplicativo e Adicionar e-mail de contato para o seu aplicativo do Facebook, respectivamente, e então 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 clienteGuarde esses valores, pois você precisará deles posteriormente 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 este campo com o link para a página de política de privacidade do seu site.
• Termos de Serviço: Preencha este campo com o URL que direciona para a página de termos de serviço do seu site.
• Exclusão de dados do usuário: No menu suspenso, selecione URL de instruções para exclusão de dados (Insira o URL da sua página com as instruções sobre como os usuários podem excluir suas contas no seu site).
• Escolher Categoria Na lista suspensa do campo Categoria, selecione o 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, já que 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 E-mail permissão e clique no Adicione botão.
• Por padrão, seu aplicativo possui apenas 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 em [link para a página de verificação]. 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.

• Seu aplicativo está atualmente em Modo de Desenvolvimento, o que significa que pessoas fora da sua empresa não podem usá-lo. Após a conclusão da verificação, clique em Ir ao vivo Acesse a aba e publique seu aplicativo clicando no botão "Publicar" no canto inferior direito. Antes de clicar, é recomendável verificar as etapas listadas na página "Publicar" para garantir que tudo esteja configurado 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.

• 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:

• Clique em Avançar.

Etapa 6: habilitar e testar configurações de SSO

Selecione o tipo de loja Shopify:

• Loja Non-Plus
• Loja Plus

Configuração de SSO em lojas Shopify não Plus

Selecione o tipo de conta que você habilitou na sua Loja Shopify:

• Contas de clientes
• Contas de clientes legados

Observação: Se você estiver usando uma loja protegida por senha ou trabalhando em uma loja de desenvolvimento da Shopify , clique aqui para configurar o cookie de resumo da loja para que o SSO funcione na sua loja.

• Acesse o painel do aplicativo, habilite o extensão de contas de clientes Conforme mostrado na imagem abaixo.

• permitir que o Novas contas de clientes extensão e clique em Economize.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

Permitir que apenas usuários com SSO concluam o checkout - restringir os demais

Essa funcionalidade permite que apenas usuários que fizerem login por meio do Single Sign-On (SSO) concluam o processo de finalização da compra. Outros usuários serão impedidos de prosseguir com a finalização da compra.

• Acessar Configurações.



• Abra o Finalizar Compra seção.



• Role para baixo, no regras de finalização da compra seção, clique em Adicionar regra.



• Clique em Validação de checkout SSO.



• Desmarque a "Permitir que todos os clientes concluam o pagamento" opção e clique em Economize.



• Agora você pode Ligar a regra de finalização da compra.



• Se você tentar finalizar a compra sem realizar o SSO (Single Sign-On), um erro será exibido, conforme mostrado abaixo.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse sua Loja Shopify.(https:// )
• Clique no Ícone de login do usuário.

• Você será redirecionado para a página de login do provedor de identidade (IDP) configurado na etapa anterior. Faça login com as credenciais da sua conta IDP.
• Em seguida, insira o OTP de seis dígitos que será enviado para o seu endereço de e-mail cadastrado. (Este é um processo único)

• Você será conectado com sucesso à sua loja Shopify.

• Acesse o painel do aplicativo, você verá uma caixa de aviso para adicionar a extensão do botão de login na página da conta, clique em extensão do widget de login Clique no link conforme mostrado na imagem abaixo para habilitá-lo.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

• Se você deseja configurar SSO no Shopify usando vários IDPsEm seguida, selecione seu IdP na lista fornecida. aqui.e configure o SSO usando esse IdP.
• permitir que o Opção de alternância de login do IDP para habilitar o SSO no Shopify usando vários IdPs.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse a página de login da sua loja Shopify.(https:// /conta/login)
• Clique no botão de login Você personalizou anteriormente.

• Você será redirecionado para a página de login do provedor de identidade (IDP). Agora, faça login com suas credenciais de conta existentes.

• Após o login, se você encontrar um erro "token reCAPTCHA inválido ou ausente", acompanhado de uma mensagem "Algo deu errado", consulte isto Perguntas frequentes para resolver o erro.

Configuração de SSO em lojas Plus Shopify

Selecione o tipo de conta que você habilitou na sua Loja Shopify:

• Contas de clientes
• Contas de clientes legados

• Volte ao aplicativo SSO e clique em Conectar Loja aba.
• Copie o URL do ponto de extremidade de descoberta ID do cliente, Segredo do cliente, Escopos adicionais e Parâmetro URI de redirecionamento pós-logout e mantenha-os à mão.

• Clique no Contas de clientes link conforme mostrado na imagem abaixo.

• Selecione os Contas de clientes opção conforme recomendado pela Shopify. Em seguida, procure por Autenticação opção e clique em Gerenciar.
• Caso não encontre a opção, entre em contato com shopifysupport@xecurify.com para obter assistência.

• Clique no Gerenciar Fornecedores botão.

• Clique em Conectar ao Provedor botão.

• Adicione o nome do provedor de identidade e, a partir do Provedor suspenso, selecione Personalizado ou outro.

• Preencha os detalhes, como por exemplo: URL do ponto de extremidade de descoberta, ID do cliente, segredo do cliente, escopos adicionais, parâmetro URI de redirecionamento pós-logout que você copiou de acima passo. Clique em Economize.

• Depois que o Provedor de Identidade for adicionado, faça o seguinte: Testar Conexão.

• Após verificar o fluxo faça o provedor de identidade como Ativo.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse sua Loja Shopify.(https:// )
• Clique no Ícone de login do usuário.

• Você será redirecionado para a página de login do provedor de identidade (IDP) configurado na etapa anterior. Faça login com as credenciais da sua conta IDP.

• Você será conectado com sucesso à sua loja Shopify.

Forneça login usando nome de usuário e senha

Se você deseja oferecer login com nome de usuário e senha, além da opção de login com IdP, para sua loja B2B, clique aqui.

Forneça login usando OTP de e-mail

Se você deseja oferecer login via OTP por e-mail, além da opção de login com IdP, para sua loja B2B, clique aqui.

• Agora, clique no Guia de Configuração Clique no botão e siga os passos indicados para obter o token multipass.

• permitir que o Token Multipass opção. Consulte isto Perguntas frequentes para obter o valor do token Multipass e colá-lo no campo abaixo.

• Clique em Economize.

• Acesse o painel do aplicativo, você verá uma caixa de aviso para adicionar a extensão do botão de login na página da conta, clique em extensão do widget de login Clique no link conforme mostrado na imagem abaixo para habilitá-lo.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

• Se você deseja configurar SSO no Shopify usando vários IDPsEm seguida, selecione seu IdP na lista fornecida. aqui.e configure o SSO usando esse IdP.
• permitir que o Opção de alternância de login do IDP para habilitar o SSO no Shopify usando vários IdPs.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse a página de login da sua loja Shopify.(https:// /conta/login)
• Clique no botão de login Você personalizou anteriormente.

• Você será redirecionado para a página de login do provedor de identidade (IDP). Agora, faça login com suas credenciais de conta existentes.

• Se você encontrar um erro "token reCAPTCHA inválido ou ausente", acompanhado de uma mensagem "Algo deu errado", consulte este Perguntas frequentes para resolver o erro.

• Você será conectado com sucesso à sua loja Shopify.

Neste guia, você configurou o Single Sign-On (SSO) do Facebook definindo o Facebook como Provedor de Identidade (IdP) e o Shopify como Provedor de Serviços (SP) usando o aplicativo miniOrange Shopify Single Sign-On (SSO) . Com essa configuração, seus usuários agora podem desfrutar do Single Sign-On (SSO) no Shopify usando as credenciais do Facebook , proporcionando uma experiência de autenticação integrada, social e segura que aumenta o engajamento do cliente e reduz as barreiras de login.