Personalizzare la personalizzazione neutrale nel tenant esterno

Articolo
04/10/2024

Dopo aver creato un nuovo tenant esterno, è possibile personalizzare l'esperienza dell'utente finale. Creare un aspetto personalizzato per gli utenti che accedono alle app configurando le impostazioni di personalizzazione dell'azienda per il tenant. Con queste impostazioni, è possibile aggiungere immagini di sfondo, colori, logo aziendali e testo personalizzati per personalizzare le esperienze di accesso nelle app.
È anche possibile creare flussi utente a livello di codice usando l'API Graph di personalizzazione aziendale.

Suggerimento

Per provare questa funzionalità, passare alla demo Woodgrove Groceries e avviare il caso d'uso "Marchio aziendale".

Prerequisiti

Se il tenant esterno di Microsoft Entra non è già stato creato, crearne uno ora.
Registrare un'applicazione.
Creare un flusso utente
Esaminare i requisiti relativi alle dimensioni dei file per ogni immagine da aggiungere. Potrebbe essere necessario usare un editor di foto per creare le immagini di dimensioni corrette. Il tipo di immagine preferito per tutte le immagini è PNG, ma JPG è accettato.

Elementi di personalizzazione

Per impostazione predefinita, Microsoft offre una personalizzazione neutra per il tenant che può essere personalizzata in base ai requisiti specifici dell'azienda. Questa personalizzazione predefinita non include alcuna personalizzazione di Microsoft preesistente. Se il caricamento della personalizzazione dell'azienda personalizzata non viene caricato, la pagina di accesso tornerà automaticamente a questa personalizzazione neutra. Inoltre, ogni proprietà di personalizzazione può essere aggiunta manualmente alla pagina di accesso personalizzata.

È possibile personalizzare questa personalizzazione neutra con un'immagine o un colore di sfondo personalizzato, favicon, layout, intestazione e piè di pagina. È anche possibile personalizzare il modulo di accesso e aggiungere testo personalizzato a istanze diverse o caricare CSS personalizzato. L'immagine seguente mostra la personalizzazione predefinita neutra del tenant. È possibile trovare gli elementi di personalizzazione numerati e le relative descrizioni corrispondenti dopo l'immagine.

Sfondo neutro.
Favicon.
Logo banner.
Piè di pagina come elemento di layout di pagina.
Collegamenti ipertestuali piè di pagina, ad esempio Privacy e cookie, Condizioni per l'utilizzo.

Prima di personalizzare le impostazioni, la personalizzazione predefinita neutra viene visualizzata nelle pagine di accesso, iscrizione e disconnesso. È possibile personalizzare questa esperienza predefinita con un'immagine o un colore di sfondo personalizzato, favicon, layout, intestazione e piè di pagina. È anche possibile caricare un css personalizzato.

Accedere all'interfaccia di amministrazione di Microsoft Entra come almeno un Amministrazione istrator di personalizzazione dell'organizzazione.
Se si ha accesso a più tenant, usare l'icona Impostazioni nel menu in alto per passare al tenant esterno creato in precedenza dal menu Directory e sottoscrizioni.
Passare a Personalizzazione aziendale usando la barra di ricerca o passando a Home>Tenant overview>Customize branding (Personalizza personalizzazione).
Nella scheda Accesso predefinito selezionare Modifica.

Nella scheda Informazioni di base modificare uno degli elementi di sfondo.
- Favicon : icona visualizzata nella scheda del Web browser.
- Immagine di sfondo: immagine di grandi dimensioni visualizzata nella pagina di accesso. Se si carica un'immagine, viene ridimensionata e ritagliato per riempire la finestra del browser.
- Colore di sfondo della pagina: colore che sostituisce l'immagine di sfondo ogni volta che l'immagine non può essere caricata, ad esempio a causa della latenza di connessione.
Selezionare Avanti: Layout se si vuole continuare a personalizzare o rivedi e salvare se si desidera salvare le modifiche.
Nella scheda Layout selezionare il posizionamento degli elementi della pagina Web nella pagina di accesso.
- Modello : scegliere se lo sfondo visualizza lo schermo intero o parziale.
- Intestazione : mostra o nasconde l'intestazione.
- Piè di pagina: mostra o nasconde il piè di pagina.
- CSS personalizzato: caricare un file CSS personalizzato per sostituire lo stile Microsoft predefinito con uno stile personalizzato per: colore, tipo di carattere, dimensioni del testo, posizione degli elementi e visualizzazioni per dispositivi e dimensioni dello schermo diversi.
Selezionare Avanti: intestazione se si vuole continuare a personalizzare o rivedi e salvare se si desidera salvare le modifiche.

Per personalizzare il logo, il collegamento alla privacy e le condizioni per l'utilizzo

Nella scheda Intestazione selezionare il logo da visualizzare nell'intestazione della pagina di accesso.
Selezionare Avanti: Piè di pagina se si vuole continuare a personalizzare o rivedi e salvare se si desidera salvare le modifiche.
Nella scheda Piè di pagina è possibile personalizzare gli URL e il testo dei collegamenti per la privacy e le condizioni per l'utilizzo visualizzati nel piè di pagina della pagina di accesso.
- Privacy e cookie : selezionare la casella di controllo accanto a Privacy e Cookie per visualizzare questo collegamento ipertestuale nel piè di pagina. Il collegamento alla privacy predefinito di Microsoft viene visualizzato a meno che non si immetta il testo e l'URL del collegamento ipertestuale.
- Condizioni per l'utilizzo : selezionare la casella di controllo accanto a Condizioni per l'utilizzo per visualizzare il collegamento ipertestuale nel piè di pagina. Il collegamento Condizioni per l'utilizzo di Microsoft viene visualizzato a meno che non si immetta il testo e l'URL del collegamento ipertestuale.
Selezionare Avanti: modulo di accesso se si vuole continuare a personalizzare o rivedi e salvare se si desidera salvare le modifiche.

Nella scheda Modulo di accesso configurare gli elementi del modulo di accesso:
- Logo banner: visualizza nella pagina di accesso e nel pannello di accesso dell'utente.
- Logo quadrato (tema chiaro): rappresenta gli account utente dell'organizzazione.
- Logo quadrato (tema scuro): se il logo quadrato del tema chiaro viene visualizzato in modo non corretto sugli sfondi scuri, è possibile caricare un logo da usare al suo posto quando vengono usati sfondi scuri.
Scorrere fino alla metà inferiore della pagina e configurare altri elementi del modulo di accesso:
- Testo dell'hint per il nome utente: testo del suggerimento visualizzato nel campo di input del nome utente nella pagina di accesso (non consigliato se gli utenti guest accedono all'app).
- Testo della pagina di accesso: viene visualizzato nella parte inferiore delle pagine di accesso e iscrizione. Linee guida:
  - Massimo 1.024 caratteri
  - Non includere informazioni riservate
  - Usare questa sintassi per formattare il testo:
    - Collegamento ipertestuale: [text](link)
    - Grassetto: **text** or __text__
    - Corsivo: *text* or _text_
    - Sottolineare: ++text++

Per personalizzare la reimpostazione della password self-service

Scorrere fino alla sezione Reimpostazione password self-service per configurare le opzioni per visualizzare, nascondere o personalizzare il collegamento di reimpostazione della password self-service nella pagina di accesso.
- Mostra reimpostazione password self-service: selezionare questa casella di controllo per visualizzare il collegamento alla password self-service.
- URL comune: immettere un URL di reimpostazione della password da usare al posto del collegamento Microsoft predefinito.
- Testo visualizzato della raccolta account: immettere il testo del collegamento da visualizzare al posto del testo predefinito microsoft "Non è possibile accedere all'account".
- Testo visualizzato raccolta password: immettere il testo del collegamento da visualizzare al posto del testo "Password dimenticata" predefinita di Microsoft.
Selezionare Avanti: Testo se si vuole continuare a personalizzare o rivedi e salvare se si desidera salvare le modifiche.

Per personalizzare gli attributi utente

Per il tenant, potrebbero essere previsti requisiti diversi per le informazioni che si desidera raccogliere durante l'iscrizione e l'accesso. Il tenant include un set predefinito di informazioni archiviate in attributi, ad esempio nome, cognome, città e codice postale. È possibile creare attributi personalizzati nel tenant usando l'API Microsoft Graph o nel portale nella scheda Testo in Personalizzazione aziendale.

Nella scheda Testo selezionare Aggiungi testo personalizzato.
Selezionare una delle opzioni seguenti:
- Selezionare Attributi per eseguire l'override dei valori predefiniti.
- Selezionare Raccolta di attributi per aggiungere una nuova opzione di attributo da raccogliere durante il processo di iscrizione.
- Selezionare Accedi per aggiungere testo personalizzato per la pagina di accesso.
- Selezionare Iscriviti per aggiungere testo personalizzato per la pagina di accesso.
- Selezionare Sign-in/up one time code (SISU OTC) per aggiungere un titolo personalizzato.
Selezionare Avanti: Rivedi per esaminare tutte le modifiche. Selezionare Quindi Salva se si desidera salvare le modifiche o Indietro se si vuole continuare a personalizzare.

Importante

Nel tenant esterno sono disponibili due opzioni per aggiungere testo personalizzato all'esperienza di iscrizione e accesso. La funzione è disponibile in ogni flusso utente durante la personalizzazione della lingua e anche in Personalizzazione aziendale. Anche se sono disponibili due modi per personalizzare le stringhe (tramite personalizzazione aziendale e flussi utente), entrambi i modi per modificare lo stesso file JSON. La modifica più recente apportata tramite i flussi utente o la personalizzazione aziendale sostituirà sempre quella precedente.

Personalizzare l'esperienza di disconnesso

Non è necessario personalizzare l'esperienza di disconnesso per il tenant esterno. Se hai personalizzato la personalizzazione per l'esperienza di accesso, l'esperienza di disconnessa corrisponderà automaticamente all'esperienza di accesso. Se l'esperienza di accesso non è stata personalizzata, l'esperienza di disconnesso corrisponderà alla personalizzazione neutrale predefinita nel tenant esterno.

Come personalizzare il nome del tenant

È possibile personalizzare il nome del tenant nell'interfaccia di amministrazione di Microsoft Entra per sostituire il logo del banner Microsoft nell'esperienza di accesso predefinita neutra. Il nuovo nome del tenant viene visualizzato anche nel messaggio di posta elettronica di verifica inviato all'utente.

Accedere all'interfaccia di amministrazione di Microsoft Entra come almeno un Amministrazione istrator di personalizzazione dell'organizzazione.
Se si ha accesso a più tenant, usare l'icona Impostazioni nel menu in alto per passare al tenant esterno creato in precedenza dal menu Directory e sottoscrizioni.
Nella barra di ricerca digitare e selezionare Proprietà tenant.
Modificare il campo Nome .
Seleziona Salva.

Personalizzare la personalizzazione con l'API Microsoft Graph

È possibile usare l'API Microsoft Graph per personalizzare alcuni elementi a livello di codice. Ad esempio, è possibile usare l'API per caricare un'immagine di sfondo personalizzata, modificare il colore della pagina di accesso e aggiungere un logo personalizzato. Per altre informazioni, vedere l'articolo aggiornare la personalizzazione predefinita.

Passaggi successivi

In questo articolo si è appreso come personalizzare l'aspetto dell'esperienza di accesso e iscrizione del cliente. Per altre informazioni sulla personalizzazione della lingua del tenant, vedere l'articolo Personalizzazione della lingua. Per una comprensione delle differenze nella personalizzazione dei tenant della forza lavoro, vedere l'articolo Come personalizzare la personalizzazione per la forza lavoro.