Personalizar a marca neutra em seu locatário externo

Depois de criar um novo locatário externo, você pode personalizar a experiência do usuário final. Crie uma aparência personalizada para os usuários que entram em seus aplicativos definindo as configurações de marca da empresa para seu locatário. Com estas definições, pode adicionar as suas próprias imagens de fundo, cores, logótipos da empresa e texto para personalizar as experiências de início de sessão nas suas aplicações.
Você também pode criar fluxos de usuário programaticamente usando a API do Company Branding Graph.

Gorjeta

Para experimentar esse recurso, vá para a demonstração do Woodgrove Groceries e inicie o caso de uso "Marca da empresa".

Pré-requisitos

• Se você ainda não criou seu próprio locatário externo do Microsoft Entra, crie um agora.
• Registe uma candidatura.
• Criar um fluxo de usuário
• Revise os requisitos de tamanho de arquivo para cada imagem que você deseja adicionar. Pode ser necessário usar um editor de fotos para criar as imagens do tamanho certo. O tipo de imagem preferido para todas as imagens é PNG, mas JPG é aceito.

Elementos de branding

Por padrão, a Microsoft oferece uma marca neutra para seu locatário que pode ser personalizada para atender aos requisitos específicos da sua empresa. Essa marca padrão não inclui nenhuma marca Microsoft pré-existente. Se a marca personalizada da empresa não for carregada, a página de login voltará automaticamente para essa marca neutra. Além disso, cada propriedade de identidade visual personalizada pode ser adicionada manualmente à página de entrada personalizada.

Você pode personalizar essa marca neutra com uma imagem ou cor de fundo personalizada, favicon, layout, cabeçalho e rodapé. Você também pode personalizar o formulário de entrada e adicionar texto personalizado a instâncias diferentes ou carregar CSS personalizado. A imagem a seguir exibe a marca padrão neutra do locatário. Você pode encontrar os elementos de marca numerados e suas descrições correspondentes após a imagem.

1. Fundo neutro.
2. Favicon.
3. Logótipo do banner.
4. Rodapé como um elemento de layout de página.
5. Hiperligações de rodapé, tais como Privacidade & cookies, Termos de utilização.

Como personalizar a experiência de início de sessão predefinida

Antes de personalizar qualquer configuração, a marca padrão neutra aparece nas páginas de entrada, inscrição e saída. Você pode personalizar essa experiência padrão com uma imagem ou cor de plano de fundo personalizada, favicon, layout, cabeçalho e rodapé. Você também pode carregar um CSS personalizado.

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é Marca da empresa usando a barra de pesquisa ou navegando até Visão geral>do locatário doméstico>Personalizar marca.

   

4. No separador Início de sessão predefinido, selecione Editar.

   

Para personalizar o plano de fundo e o layout da página de entrada

1. Na guia Noções básicas, modifique qualquer um dos elementos de plano de fundo.

   • Favicon – O ícone que é exibido na guia do navegador da web.

   • Imagem de fundo – A imagem grande apresentada na página de início de sessão. Se você carregar uma imagem, ela será dimensionada e cortada para preencher a janela do navegador.

   • Cor de fundo da página – A cor que substitui a imagem de fundo sempre que a imagem não pode ser carregada, por exemplo, devido à latência da ligação.

   

2. Selecione Seguinte: Esquema se pretender continuar a personalizar ou Rever + guardar se pretender guardar as alterações.

3. Na guia Layout, selecione o posicionamento dos elementos da página da Web na página de entrada.

   • Modelo – Escolha se o plano de fundo exibe tela cheia ou parcial.

   • Cabeçalho – Mostrar ou ocultar o cabeçalho.

   • Rodapé – Mostrar ou ocultar o rodapé.

   • CSS personalizado – Carregue seu próprio arquivo CSS para substituir o estilo padrão da Microsoft pelo seu próprio estilo para: cor, fonte, tamanho do texto, posição dos elementos e monitores para diferentes dispositivos e tamanhos de tela.

   

4. Selecione Seguinte: Cabeçalho se pretender continuar a personalizar ou Rever + guardar se pretender guardar as alterações.

Para personalizar o logotipo, o link de privacidade e os termos de uso

1. No separador Cabeçalho, selecione o logótipo a apresentar no cabeçalho da página de início de sessão.

   

2. Selecione Seguinte: Rodapé se pretender continuar a personalizar ou Rever + guardar se pretender guardar as alterações.

3. Na guia Rodapé, você pode personalizar as URLs e o texto do link para os hiperlinks de privacidade e termos de uso que aparecem no rodapé da página de entrada.

   • Privacidade & cookies – Marque a caixa de seleção ao lado de Privacidade & cookies para exibir este hiperlink no rodapé. O link de privacidade padrão da Microsoft é exibido, a menos que você insira seu próprio hiperlink Exibir texto e URL.

   • Termos de Uso – Marque a caixa de seleção ao lado de Termos de Uso para exibir esse hiperlink no rodapé. O link Termos de uso da Microsoft é exibido, a menos que você insira seu próprio hiperlink Exibir texto e URL.

   

4. Selecione Seguinte: Formulário de início de sessão se pretender continuar a personalizar ou Rever + guardar se pretender guardar as alterações.

Para personalizar o formulário de início de sessão

1. No separador Formulário de início de sessão, configure os elementos do formulário de início de sessão:

   • Logótipo do banner – Apresenta na página de início de sessão e no painel de acesso do utilizador.

   • Logótipo quadrado (tema claro) – Representa as contas de utilizador na sua organização.

   • Logotipo quadrado (tema escuro) – Se o logotipo quadrado do tema claro for exibido mal em fundos escuros, você pode carregar um logotipo para ser usado em seu lugar quando fundos escuros forem usados.

   

2. Desloque-se para a metade inferior da página e configure mais elementos do formulário de início de sessão:

   • Texto de dica de nome de usuário – O texto de dica exibido no campo de entrada de nome de usuário na página de entrada (não recomendado se usuários convidados entrarem em seu aplicativo).

   • Texto da página de início de sessão – Aparece na parte inferior das páginas de início de sessão e de inscrição. Diretrizes:

     • Máximo de 1.024 caracteres
     • Não inclua informações confidenciais
     • Use esta sintaxe para formatar texto:
       • Hiperligação: [text](link)
       • Negrito: **text** or __text__
       • Itálico: *text* or _text_
       • Sublinham: ++text++

Para personalizar a redefinição de senha de autoatendimento

1. Role até a seção Redefinição de senha de autoatendimento para configurar opções para mostrar, ocultar ou personalizar o link de redefinição de senha de autoatendimento na página de entrada.

   • Mostrar redefinição de senha de autoatendimento – Marque essa caixa de seleção para exibir o link de senha de autoatendimento.
   • URL comum – Insira uma URL de redefinição de senha para usar no lugar do link padrão da Microsoft.
   • Texto de exibição da coleção de contas – Insira o texto do link para exibir no lugar do texto padrão da Microsoft "Não é possível acessar sua conta".
   • Texto de exibição da coleção de senhas – Insira o texto do link para exibir no lugar do texto padrão da Microsoft "Esqueceu a senha".

   

2. Selecione Seguinte: Texto se pretender continuar a personalizar ou Rever + guardar se pretender guardar as alterações.

Para personalizar atributos de usuário

Para o seu inquilino, poderá ter requisitos diferentes para as informações que pretende recolher durante a inscrição e o início de sessão. O locatário vem com um conjunto interno de informações armazenadas em atributos, como Nome Próprio, Sobrenome, Cidade e Código Postal. Você pode criar atributos personalizados em seu locatário usando a API do Microsoft Graph ou no portal na guia Texto em Marca da Empresa.

1. Na guia Texto, selecione Adicionar Texto Personalizado.

2. Selecione qualquer uma das opções:

   • Selecione Atributos para substituir os valores padrão.
   • Selecione Coleção de atributos para adicionar uma nova opção de atributo que você gostaria de coletar durante o processo de inscrição.
   • Selecione Entrar para adicionar texto personalizado para a página de entrada.
   • Selecione Inscrever-se para adicionar texto personalizado à página de início de sessão.
   • Selecione Login/up one time code (SISU OTC) para adicionar um título personalizado.

   

3. Selecione Seguinte: Rever para rever todas as suas modificações. Em seguida, selecione Guardar se pretender guardar as alterações ou Anterior se pretender continuar a personalizar.

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 sob cada fluxo de usuário durante a personalização do idioma e também sob a marca da empresa. Embora tenhamos duas maneiras de personalizar strings (via Company Branding e via User Flows), ambas as maneiras modificam o mesmo arquivo JSON. A alteração mais recente feita por meio de fluxos de usuários ou por meio da marca da empresa sempre substituirá a anterior.

Personalizar a experiência de saída

Você não precisa personalizar a experiência de saída para seu locatário externo. Se tiver personalizado a sua marca para a experiência de início de sessão, a experiência de saída corresponderá automaticamente à experiência de início de sessão. Se você não personalizou a experiência de entrada, a experiência de saída corresponderá à marca neutra padrão em seu locatário externo.

Como personalizar o nome do locatário

Você pode personalizar seu nome de locatário no centro de administração do Microsoft Entra para substituir o logotipo do banner da Microsoft na experiência de entrada padrão neutra. O novo nome do locatário também aparece no e-mail de verificação enviado ao usuário.

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. Na barra de pesquisa, digite e selecione Propriedades do locatário.

4. Edite o campo Nome .

   

5. Selecione Guardar.

Personalize sua marca com a API do Microsoft Graph

Você pode usar a API do Microsoft Graph para personalizar alguns itens programaticamente. Por exemplo, você pode usar a API para carregar uma imagem de plano de fundo personalizada, alterar a cor da página de entrada e adicionar um logotipo personalizado. Para obter mais informações, consulte o artigo Atualizar identidade visual padrão.

Próximos passos

Neste artigo, aprendemos como personalizar a aparência da experiência de login e inscrição do cliente. Para saber mais sobre como personalizar o idioma do locatário, consulte o artigo Personalização de idioma. Para entender as diferenças na marca do locatário da força de trabalho, consulte o artigo Como personalizar a marca para sua força de trabalho.