Compartilhar via


Personalizar o idioma do navegador para a experiência de autenticação

Aplica-se a: Círculo branco com um símbolo de X cinza. Locatários da força de trabalho Círculo verde com uma marca branca. Locatários externos (saiba mais)

Dica

Este artigo se aplica aos fluxos de usuário em locatários externos. Para obter informações sobre locatários da força de trabalho, consulte Personalização de idioma na ID externa do Microsoft Entra.

Este artigo explica como personalizar o idioma do navegador para a experiência de autenticação do aplicativo. Ao personalizar o processo de entrada com base na linguagem do navegador, você pode oferecer uma experiência personalizada para seus usuários e substituir as configurações de identidade visual padrão.

Pré-requisitos

  • Se você ainda não criou seu próprio locatário externo do Microsoft Entra, crie um agora.
  • Registre um aplicativo.
  • Crie um fluxo de usuário.
  • Examine os requisitos de tamanho do arquivo para cada imagem que você deseja adicionar. Talvez seja necessário usar um editor de fotos para criar as imagens de tamanho certo. O tipo de imagem preferencial é PNG, mas JPG é aceito.

Dica

Experimente agora

Para experimentar esse recurso, vá para a demonstração do Woodgrove Groceries e inicie o caso de uso “Personalização de idioma”.

Adicionar o idioma do navegador em Identidade visual da empresa

  1. Entre no Centro de administração do Microsoft Entra como pelo menos um Administrador de Identidade Visual Organizacional.

  2. Se você tiver acesso a vários locatários, use o ícone Configurações no menu superior para alternar para o locatário externo criado anteriormente no menu Diretórios + assinaturas.

  3. Navegue até Identidade visual da empresa>Personalizações de idioma do navegador>Adicionar idioma do navegador.

    Captura de tela da guia personalizações de idioma do navegador.

  4. Na guia Noções básicas , em Personalização de Interface do Usuário específica do idioma, selecione o idioma do navegador que você deseja personalizar no menu.

    Captura de tela da seleção de um idioma.

Há suporte para os seguintes idiomas no locatário externo:

  • Árabe (Arábia Saudita)
  • Basco (Basco)
  • Búlgaro (Bulgária)
  • Catalão (Catalão)
  • Chinês (China)
  • Chinês (RAE de Hong Kong)
  • Croata (Croácia)
  • Tcheco (Tchéquia)
  • Dinamarquês (Dinamarca)
  • Holandês (Países Baixos)
  • Inglês (Estados Unidos)
  • Estoniano (Estônia)
  • Finlandês (Finlândia)
  • Francês (França)
  • Galego (Galego)
  • Alemão (Alemanha)
  • Grego (Grécia)
  • Hebraico (Israel)
  • Húngaro (Hungria)
  • Italiano (Itália)
  • Japonês (Japão)
  • Cazaque (Cazaquistão)
  • Coreano (Coreia)
  • Letão (Letônia)
  • Lituano (Lituânia)
  • Norueguês Bokmål (Noruega)
  • Polonês (Polônia)
  • Português (Brasil)
  • Português (Portugal)
  • Romeno (Romênia)
  • Russo (Rússia)
  • Sérvio (Latino, Sérvia)
  • Eslovaco (Eslováquia)
  • Esloveno (Eslovênia)
  • Espanhol (Espanha)
  • Sueco (Suécia)
  • Tailandês (Tailândia)
  • Turco (Türkiye)
  • Ucraniano (Ucrânia)
  1. Personalize os elementos nas guias Básico, Layout, Cabeçalho, Rodapé, Formulário de entrada e Texto. Para obter instruções detalhadas, consulte Personalizar a identidade visual e a experiência do usuário final.
  2. Quando terminar, selecione a guia Revisão e examine todas as personalizações de idioma. Em seguida, selecione Adicionar se você quiser salvar suas alterações ou Anterior se quiser continuar a edição.

Adicionar personalização de idioma a um fluxo de usuário

A personalização de idioma no locatário externo permite que o fluxo do usuário acomode idiomas diferentes para atender às necessidades do cliente. Use os idiomas para modificar as cadeias de caracteres exibidas aos clientes como parte do processo de coleta de atributos durante a inscrição.

  1. Entre no Centro de administração do Microsoft Entra como pelo menos um Administrador de Identidade Visual Organizacional.

  2. Se você tiver acesso a vários locatários, use o ícone Configurações no menu superior para alternar para o locatário externo criado anteriormente no menu Diretórios + assinaturas.

  3. Navegue até ID Entra>Identidades Externas>Fluxos de usuário.

  4. Selecione o fluxo do usuário que deseja habilitar para traduções.

  5. Selecione Idiomas.

  6. Na página Idiomas do fluxo do usuário, selecione o idioma que você deseja personalizar.

  7. Expanda cadastre-se e faça login.

  8. Selecione Baixar padrões (ou Baixar substituições se você já editou esse idioma).

    Captura de tela que mostra como adicionar idiomas em um fluxo de usuário.

O arquivo baixado estará no formato JSON e incluirá atributos internos e personalizados, bem como outras cadeias de caracteres de nível de página e de erro:

{
	"AttributeCollection_Description": "Wir benötigen nur ein paar weitere Informationen, um Ihr Konto einzurichten.",
	"AttributeCollection_Title": "Details hinzufügen",
	"Attribute_City": "Ort",
	"Attribute_Country": "Land/Region",
	"Attribute_DisplayName": "Anzeigename",
	"Attribute_Email": "E-Mail-Adresse",
	"Attribute_Generic_ConfirmationLabel": "{0} erneut eingeben",
	"Attribute_GivenName": "Vorname",
	"Attribute_JobTitle": "Position",
	"Attribute_Password": "Kennwort",
	"Attribute_Password_MismatchErrorString": "Kennwörter stimmen nicht überein.",
	"Attribute_PostalCode": "Postleitzahl",
	"Attribute_State": "Bundesland/Kanton",
	"Attribute_StreetAddress": "Straße",
	"Attribute_Surname": "Nachname",
	"SignIn_Description": "Melden Sie sich an, um auf {0} zuzugreifen.",
	"SignIn_Title": "Anmelden",
	"SignUp_Description": "Registrieren Sie sich, um auf {0} zuzugreifen.",
	"SignUp_Title": "Konto erstellen",
	"SisuOtc_Title": "Code eingeben",
	"Attribute_extension_a235ca9a0a7c4d33bd69e07bed81c8b1_Shoesize": "Shoe size"
}  

Você pode modificar qualquer um ou todos esses atributos no arquivo baixado. Por exemplo, você pode modificar o atributo interno, City e o atributo personalizado , Shoesize:

{
	"AttributeCollection_Description": "Wir benötigen nur ein paar weitere Informationen, um Ihr Konto einzurichten.",
	"AttributeCollection_Title": "Details hinzufügen",
	"Attribute_City": "Ort2",
	"Attribute_Country": "Land/Region",
	"Attribute_DisplayName": "Anzeigename",
	"Attribute_Email": "E-Mail-Adresse",
	"Attribute_Generic_ConfirmationLabel": "{0} erneut eingeben",
	"Attribute_GivenName": "Vorname",
	"Attribute_JobTitle": "Position",
	"Attribute_Password": "Kennwort",
	"Attribute_Password_MismatchErrorString": "Kennwörter stimmen nicht überein.",
	"Attribute_PostalCode": "Postleitzahl",
	"Attribute_State": "Bundesland/Kanton",
	"Attribute_StreetAddress": "Straße",
	"Attribute_Surname": "Nachname",
	"SignIn_Description": "Melden Sie sich an, um auf {0} zuzugreifen.",
	"SignIn_Title": "Anmelden",
	"SignUp_Description": "Registrieren Sie sich, um auf {0} zuzugreifen.",
	"SignUp_Title": "Konto erstellen",
	"SisuOtc_Title": "Code eingeben",
	"Attribute_extension_a235ca9a0a7c4d33bd69e07bed81c8b1_Shoesize": "Schuhgröße"
}  
  1. Depois de fazer as alterações necessárias, você pode carregar o novo arquivo de substituições. As alterações são salvas no fluxo de usuário automaticamente. A substituição aparece na guia Configurado.
  2. Para verificar as alterações duas vezes, selecione o idioma na guia Configurado e expanda a opção Inscrever-se e entrar . Você pode exibir seu arquivo de idioma personalizado selecionando Baixar substituições. Para remover seu arquivo de substituição personalizado, selecione Remover substituições.

Captura de tela que mostra como remover ou baixar o arquivo JSON modificado.

  1. Vá para a página de entrada do seu locatário externo. Verifique se você tem a localidade certa e o mercado em suas URLs, por exemplo: ui_locales=de-DE e mkt=de-DE. Os atributos atualizados na página de inscrição aparecem da seguinte maneira:

Captura de tela dos atributos de página de inscrição modificados.

Importante

No locatário externo, temos duas opções para adicionar texto personalizado à experiência de inscrição e entrada. A função está disponível em cada fluxo de usuário durante a personalização do idioma e em Identidade Visual da Empresa. Embora tenhamos duas maneiras de personalizar cadeias de caracteres (por meio da identidade visual da empresa e por meio de fluxos de usuário), ambas as maneiras modificam o mesmo arquivo JSON. A alteração mais recente feita por meio de fluxos de usuário ou por meio da identidade visual da Empresa sempre substitui a anterior.

Suporte a idiomas da direita para a esquerda

Idiomas lidos da direita para a esquerda, como árabe e hebraico, são exibidos na direção oposta em comparação com idiomas lidos da esquerda para a direita. O locatário externo dá suporte a funcionalidades e recursos da direita para a esquerda para idiomas que funcionam em um ambiente da direita para a esquerda para inserir e exibir dados. Os leitores da direita para a esquerda podem interagir de forma natural.

Captura de tela mostrando o suporte ao idioma da direita para a esquerda.

Remover a personalização do idioma do navegador

Quando não for mais necessário, você poderá remover a personalização do idioma do locatário externo no centro de administração ou com a API do Microsoft Graph.

Remover a personalização de idioma no centro de administração

  1. Entre no Centro de administração do Microsoft Entra.

  2. Navegue até Identidade visual da empresa>Personalizações de idioma do navegador

  3. Selecione o idioma que você deseja excluir e, em seguida, selecione Excluir e OK.

    Captura de tela da guia personalizações do idioma do navegador e do botão excluir.

Remover a personalização de idioma com a API do Microsoft Graph

  1. Entre no Explorador do MS Graph com sua conta de locatário externo: https://developer.microsoft.com/en-us/graph/graph-explorer?tenant=<your-tenant-name.onmicrosoft.com>.

  2. Consulte o objeto de identidade visual padrão usando a API do Microsoft Graph: https://graph.microsoft.com/v1.0/organization/<your-tenant-ID>/branding/localizations. Para confirmar que você está conectado ao seu locatário externo, verifique o nome do locatário no lado direito da tela.

  3. Remova o objeto de identidade visual localizado.

    Captura de tela da API do MS Graph com o tenant do CIAM conectado.

  4. Aguarde alguns minutos para que as alterações entrem em vigor.

Próximas etapas