Partilhar via


Configurar a identidade visual da empresa

Quando os usuários se autenticam em sua intranet corporativa ou aplicativos baseados na Web, o Microsoft Entra ID fornece o serviço de gerenciamento de identidade e acesso (IAM). Você pode adicionar a marca da empresa que se aplica a todas essas experiências para criar uma experiência de login consistente para seus usuários.

A experiência de início de sessão predefinida é o aspeto e funcionalidade global que se aplica a todos os inícios de sessão ao seu inquilino. Antes de personalizar qualquer configuração, a marca padrão da Microsoft aparece em suas páginas de entrada. 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 arquivo CSS personalizado.

Pré-requisitos

Adicionar identidade visual personalizada requer uma das seguintes licenças:

As edições P1 ou P2 do Microsoft Entra ID estão disponíveis para clientes na China usando a instância mundial do Microsoft Entra ID. As edições Microsoft Entra ID P1 ou P2 não são atualmente suportadas no serviço Azure operado pela 21Vianet na China.

A função de Administrador de Marca Organizacional é a função mínima necessária para personalizar a marca da empresa.

Antes de começar

Todos os elementos da marca são opcionais. As configurações padrão permanecerão, se permanecerem inalteradas. Por exemplo, se você especificar um logotipo de banner, mas nenhuma imagem de plano de fundo, a página de entrada mostrará seu logotipo com uma imagem de plano de fundo padrão do site de destino, como o Microsoft 365. Além disso, a marca da página de início de sessão não se aplica a contas pessoais da Microsoft. Se os seus utilizadores ou convidados se autenticarem utilizando uma conta Microsoft pessoal, a página de início de sessão não reflete a marca da sua organização.

As imagens têm diferentes requisitos de imagem e tamanho de arquivo. Recomendamos que você revise o processo de identidade visual da empresa no centro de administração do Microsoft Entra para reunir os requisitos de imagem necessários. Talvez seja 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.

URLs externas não são suportadas na experiência de login. Por exemplo, se você adicionar uma URL externa para o suporte técnico interno ao rodapé, essa URL será exibida explicitamente, mas não poderá ser clicada. Os usuários devem copiar a URL e navegar até ela diretamente.

As opções de identidade visual da empresa do Azure Ative Directory B2C (Azure AD B2C) são diferentes. A marca do Azure AD B2C está atualmente limitada à imagem de fundo, ao logótipo do banner e à personalização da cor de fundo. Para obter mais informações, consulte Personalizar a interface do usuário na documentação do Azure AD B2C.

Importante

A partir de 1º de maio de 2025, o Azure AD B2C não estará mais disponível para compra para novos clientes. Para saber mais, consulte O Azure AD B2C ainda está disponível para compra? em nossas Perguntas frequentes.

Use o Microsoft Graph com a marca da empresa Microsoft Entra. A marca da empresa pode ser visualizada e gerida usando o Microsoft Graph no ponto de extremidade /beta e no tipo de recurso organizationalBranding. Para obter mais informações, consulte a documentação da API de identidade visual organizacional.

Os elementos de marca são destacados no exemplo a seguir. Descrições de texto são fornecidas após a imagem.

Captura de ecrã da página de início de sessão, com cada um dos elementos da marca da empresa realçados.

  1. Favicon: Pequeno ícone que aparece no lado esquerdo da guia do navegador.
  2. Cabeçalho: Espaço no topo da página de login, atrás do log de cabeçalhos.
  3. Logótipo do cabeçalho: Logótipo que aparece no canto superior esquerdo da página de início de sessão.
  4. Imagem de fundo: Todo o espaço atrás da caixa de entrada.
  5. Cor de fundo da página: Todo o espaço atrás da caixa de entrada.
  6. Logótipo do banner: Logótipo apresentado na parte superior da caixa de login
  7. Título da página de início de sessão: Texto maior que aparece abaixo do logotipo do banner.
  8. Descrição da página de início de sessão: Texto para descrever a página de início de sessão.
  9. Dica de nome de usuário e texto: O texto que aparece antes de um usuário inserir suas informações.
  10. Redefinição de senha de autoatendimento: Um link que você pode adicionar abaixo do texto da página de entrada para redefinições de senha.
  11. Texto da página de início de sessão: Texto que você pode adicionar abaixo do campo de nome de usuário.
  12. Link de rodapé: Privacidade & cookies: Link que você pode adicionar ao canto inferior direito para obter informações de privacidade.
  13. Rodapé: Termos de Utilização: Texto no canto inferior direito da página onde pode adicionar informações sobre os Termos de utilização.
  14. Rodapé: Espaço na parte inferior da página para informações sobre privacidade e Termos de Utilização.
  15. Modelo: O layout da página e as caixas de login.

Como navegar no processo de branding da empresa

  1. Entre no centro de administração do Microsoft Entra como Administrador de Identidade Visual Organizacional.

  2. Navegue até Entra ID>Custom Branding.

    • Se tiver atualmente uma experiência de início de sessão personalizada, o botão Editar está disponível.

    Captura de tela da página de destino da marca personalizada com a marca da empresa realçada no menu lateral e no botão Configurar.

O processo de experiência de entrada é agrupado em seções. No final de cada secção, selecione o botão Rever + criar para rever o que selecionou e submeter as alterações ou o botão Seguinte para passar para a secção seguinte.

Captura de ecrã dos botões Rever + criar e Seguinte: Esquema na parte inferior da página Configurar marca personalizada.

Noções Básicas

  • Favicon: Selecione um PNG ou JPG do seu logotipo que aparece na guia do navegador da Web.

    • Tamanho da imagem: 32x32 px
    • Tamanho máximo do ficheiro: 5 KB

    Captura de tela de exemplos de favicons em um navegador da web.

  • Imagem de fundo: Selecione um PNG ou JPG para exibir como a imagem principal na sua página de login. Essa imagem é dimensionada e cortada de acordo com o tamanho da janela, mas o prompt de entrada pode bloqueá-la parcialmente.

    • Tamanho da imagem: 1920x1080 px
    • Tamanho máximo do ficheiro: 300 KB
  • Cor de fundo da página: Se a imagem de fundo não puder ser carregada devido a uma conexão mais lenta, a cor de plano de fundo selecionada será exibida.

Esquema

  • Modelos visuais: Personalize o layout da sua página de entrada usando modelos ou um arquivo CSS personalizado.

    • Escolha um de dois Templates: fundo de ecrã inteiro ou fundo de ecrã parcial. O fundo de ecrã inteiro pode obscurecer a sua imagem de fundo, por isso escolha o fundo de ecrã parcial se a sua imagem de fundo for importante.
    • Os detalhes das opções Cabeçalho e Rodapé são definidos nas duas próximas seções do processo.

    Captura de ecrã do separador Esquema para a personalização da imagem de marca.

  • CSS personalizado: Carregue um arquivo CSS personalizado para substituir o estilo padrão da página da Microsoft.

Se você não tiver ativado o cabeçalho, vá para a seção Layout e selecione Mostrar cabeçalho. Uma vez ativado, selecione um PNG ou JPG para exibir no cabeçalho da página de login.

  • Tamanho da imagem: 245x36 px
  • Tamanho máximo do ficheiro: 10 KB

Captura de tela da mensagem indicando que o cabeçalho precisa ser habilitado.

Se você não tiver ativado o rodapé, vá para a seção Layout e selecione Mostrar rodapé. Uma vez ativado, ajuste as seguintes configurações.

  • Mostrar 'Privacidade & cookies': Esta opção é selecionada por padrão e exibe o link 'Privacidade & cookies' da Microsoft .

    • Desmarque esta opção para ocultar o link padrão da Microsoft.
    • Opcionalmente, forneça seu próprio texto de exibição e URL. O texto e os links não precisam estar relacionados à privacidade e aos cookies.
    • Os URLs personalizados são exibidos como texto e não podem ser clicados.
  • Mostrar 'Termos de Utilização': Esta opção também é selecionada por padrão e exibe o link 'Termos de Uso' da Microsoft .

    • Desmarque esta opção para ocultar o link padrão da Microsoft. Opcionalmente, forneça seu próprio texto de exibição e URL.

    • O texto e os links não precisam estar relacionados aos seus termos de uso.

      Importante

      O link padrão "Termos de Uso" da Microsoft não é o mesmo que os Termos de Uso de Acesso Condicional. Ver os termos aqui não significa que você aceitou esses termos e condições.

    Captura de tela da personalização da identidade visual na seção Rodapé.

Formulário de início de sessão

  • Logótipo do banner: Selecione um arquivo de imagem PNG ou JPG de um logotipo do tamanho de um banner (curto e largo) para aparecer nas páginas de login.

    • Tamanho da imagem: 245x36 px
    • Tamanho máximo do ficheiro: 50 KB
  • Logótipo quadrado (tema de luz): Selecione um arquivo de imagem quadrado PNG ou JPG do seu logotipo para ser usado em navegadores que estão usando um tema de cor clara. Este logótipo é utilizado para representar a sua organização na interface Web do Microsoft Entra e no Windows.

    • Tamanho da imagem: 240x240 px
    • Tamanho máximo do ficheiro: 50 KB
  • Logótipo quadrado (tema escuro) Selecione um arquivo de imagem quadrado PNG ou JPG do seu logotipo para ser usado em navegadores que estão usando um tema de cor escura. Este logótipo é utilizado para representar a sua organização na interface Web do Microsoft Entra e no Windows. Se o seu logotipo tiver uma boa aparência em fundos claros e escuros, não há necessidade de adicionar um logotipo de tema escuro.

    • Tamanho da imagem: 240x240 px
    • Tamanho máximo do ficheiro: 50 KB
  • Texto da dica do nome de usuário: Insira o texto de dica para o campo de entrada de nome de usuário na página de entrada. Se os hóspedes usarem a mesma página de login, não recomendamos o uso de texto de dica aqui.

  • Texto da página de início de sessão: Introduza o texto que aparece na parte inferior da página de início de sessão. Você pode usar este texto para comunicar informações adicionais, como o número de telefone para o suporte técnico ou uma declaração legal. Esta página é pública, por isso não forneça informações confidenciais aqui. Este texto deve ser Unicode e não pode exceder 1.024 caracteres.

    Para começar um novo parágrafo, pressione a tecla Enter duas vezes. Você também pode alterar a formatação do texto para incluir negrito, itálico, sublinhado ou link clicável. Use a sintaxe a seguir para adicionar formatação ao texto:

    • Hiperligação: [text](link)
    • Negrito: **text** ou __text__
    • Itálico: *text* ou _text_
    • Sublinhe: ++text++

    Importante

    Os hiperlinks adicionados ao texto da página de entrada são renderizados como texto em ambientes nativos, como aplicativos móveis e de desktop.

  • Redefinição de senha de autoatendimento:

    • Mostrar redefinição de senha de autoatendimento (SSPR): marque a caixa de seleção para ativar o SSPR.
    • URL comum: insira o URL de destino para onde os usuários redefiniram suas senhas. Esse URL aparece nas telas de coleta de nome de usuário e senha como texto e não pode ser clicado.
    • Texto de exibição da coleção de nome de usuário: substitua o texto padrão pelo seu próprio texto personalizado da coleção de nomes de usuário.
    • Texto de exibição da coleção de senhas: substitua o texto padrão pelo seu próprio texto de coleta de senha do cliente.

Rever

Todas as opções disponíveis aparecem em uma lista para que você possa revisar tudo o que personalizou ou deixou na configuração padrão. Quando terminar, selecione o botão Criar .

Depois que sua experiência de entrada padrão for criada, selecione o botão Editar para fazer alterações. Não pode eliminar uma experiência de início de sessão predefinida depois de criada, mas pode remover todas as definições personalizadas.

O tempo necessário para que as alterações apareçam na experiência de entrada varia de acordo com a localização geográfica do locatário.

Personalizar a experiência de início de sessão por idioma do browser

Você pode criar uma experiência de entrada personalizada para usuários que entram usando um idioma específico do navegador, personalizando os elementos de identidade visual para esse idioma do navegador. Essa personalização substitui todas as configurações feitas para a marca padrão. Se você não fizer nenhuma alteração nos elementos, os elementos padrão serão exibidos.

  1. Entre no centro de administração do Microsoft Entra como Administrador de Identidade Visual Organizacional.

  2. Navegue até Entra ID>Custom Branding.

  3. Selecione Adicionar idioma do navegador.

O processo para personalizar a experiência é o mesmo que o processo de experiência de início de sessão padrão, exceto que deve selecionar um idioma na lista suspensa na seção Básico. Recomendamos adicionar texto personalizado nas mesmas áreas da sua experiência de início de sessão padrão.

O Microsoft Entra ID suporta a funcionalidade da direita para a esquerda para idiomas como árabe e hebraico que são lidos da direita para a esquerda. O layout é ajustado automaticamente, com base nas configurações do navegador do usuário.

Captura de ecrã da experiência de início de sessão em hebraico, demonstrando o layout da direita para a esquerda.

Experiência de utilizador

Há alguns cenários a serem considerados ao personalizar as páginas de entrada para os aplicativos específicos do locatário da sua organização.

Imagem de fundo padrão

A imagem de fundo predefinida atrás da caixa de início de sessão será alterada ainda este ano. A alteração é apenas na imagem, não requer nenhuma ação e não afeta nenhuma funcionalidade. Sabemos que a imagem de fundo predefinida é frequentemente utilizada para formação e documentação para demonstrar a experiência de início de sessão. Fornecer a imagem atualizada permite que você atualize sua documentação para que possa demonstrar a experiência de login exata que seus usuários verão. Para obter detalhes sobre a mudança futura, consulte Versões e anúncios de atualizações do Microsoft Entra.

Captura de ecrã do fundo atual à esquerda e da nova imagem à direita.

A imagem de fundo atual está à esquerda e a nova imagem de fundo está à direita.

Software como serviço (SaaS) e aplicativos multilocatários

Para a Microsoft, Software as a Service (SaaS) e aplicativos multilocatário, como https://myapps.microsoft.com, ou https://outlook.com, a página de entrada personalizada aparece somente depois que o usuário digita seu número de Email ou Telefone e seleciona o botão Avançar.

Descoberta do Domínio Inicial

Alguns aplicativos da Microsoft oferecem suporte ao Home Realm Discovery para autenticação. Nesses cenários, quando um cliente entra em uma página de entrada comum do Microsoft Entra, a ID do Microsoft Entra pode usar o nome de usuário do cliente para determinar onde ele deve entrar.

Para clientes que acessam aplicativos a partir de uma URL personalizada, o whr parâmetro de cadeia de caracteres de consulta, ou uma variável de domínio, pode ser usado para aplicar a marca da empresa na tela de entrada inicial, não apenas depois de adicionar o e-mail ou número de telefone. Por exemplo, whr=contoso.com apareceria no URL personalizado do aplicativo. Com o Home Realm Discover e o parâmetro domain incluídos, a marca da empresa aparece imediatamente na primeira etapa de login. Outras pistas de domínio podem ser incluídas.

Nos exemplos a seguir, substitua o contoso.com pelo seu próprio nome de locatário ou nome de domínio verificado:

  • Para o Microsoft Outlook https://outlook.com/contoso.com
  • Para SharePoint no Microsoft 365 https://contoso.sharepoint.com
  • Para o portal Meus Aplicativos https://myapps.microsoft.com/?whr=contoso.com
  • Redefinição de senha de autoatendimento https://passwordreset.microsoftonline.com/?whr=contoso.com

Cenários B2B

Para usuários finais de colaboração B2B que executam logins entre locatários, a marca do locatário doméstico é exibida, mesmo que não haja uma marca personalizada especificada.

No exemplo a seguir, a marca da empresa para Woodgrove Groceries aparece à esquerda, com o logotipo, fontes e texto personalizado do Woodgrove. O exemplo à direita exibe a marca padrão para o locatário doméstico do usuário. A marca padrão exibe o logotipo, as fontes e o texto da Microsoft.

Captura de ecrã da comparação entre a experiência de início de sessão personalizada e a experiência de início de sessão predefinida.

Próximos passos