Configurare la personalizzazione neutra nel tenant esterno

Si applica a: Tenant delle risorse Tenant esterni (altre informazioni)

Dopo aver creato un nuovo tenant esterno sarà possibile personalizzare l'esperienza dell'utente finale. Creare un aspetto personalizzato per gli utenti che accedono alle app configurando le impostazioni di Personalizzazione aziendale per il tenant. Con queste impostazioni, è possibile aggiungere immagini di sfondo, colori, loghi aziendali e testi su misura per personalizzare le esperienze di accesso nelle app.
Inoltre, è 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 "Personalizzazione aziendale".

Prerequisiti

• Se non è già stato creato un tenant esterno di Microsoft Entra, crearne uno ora.
• Registrare un'applicazione.
• Creare un flusso utente
• Per ogni immagine che si desidera aggiungere, esaminare i requisiti relativi alle dimensioni del file. Per creare immagini di dimensioni corrette potrebbe essere necessario usare un editor di foto. Il tipo di immagine preferito per tutte le immagini è il formato PNG, ma è accettabile anche JPG.

Elementi di personalizzazione

Per impostazione predefinita, Microsoft offre una personalizzazione neutra per il tenant che può essere personalizzato in base ai requisiti specifici dell'azienda. Questa personalizzazione predefinita non include alcuna personalizzazione Microsoft preesistente. Se la personalizzazione aziendale non viene caricata per un qualsiasi motivo, nella pagina di accesso verrà ripristinata la personalizzazione neutra. Inoltre, ogni proprietà di personalizzazione può essere aggiunta manualmente alla pagina di accesso personalizzata.

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

1. Sfondo neutro.
2. Favicon (icona preferita).
3. Logo banner.
4. Piè di pagina come elemento del layout di pagina.
5. Collegamenti ipertestuali ai piè di pagina, ad esempio Privacy & cookie, Condizioni per l'utilizzo.

Come personalizzare l'esperienza di accesso predefinita

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

1. Accedere alla Interfaccia di amministrazione di Microsoft Entra almeno come Amministratore della personalizzazione dell'organizzazione.

2. Se si dispone dell'accesso a più tenant, usare l'icona delle Impostazioni nel menu in alto per passare al tenant esterno creato in precedenza dal menu Directory e sottoscrizioni.

3. Passare a Personalizzazione aziendale tramite la barra di ricerca o scegliendo Home>Panoramica tenant>Configura personalizzazione.

   

4. Nella scheda Accesso predefinito, selezionare Modifica.

   

Personalizzare lo sfondo e il layout della pagina di accesso

1. Nella scheda Dati principali modificare uno degli elementi dello sfondo.

   • Favicon - L'icona visualizzata nella scheda del browser Web.

   • Immagine di sfondo - Immagine di grandi dimensioni visualizzata nella pagina di accesso. Se si carica un'immagine essa viene ridimensionata e ritagliata 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.

   

2. Selezionare Avanti: layout se si desidera proseguire con la personalizzazione o Rivedi e salva per salvare le modifiche.

3. Nella scheda Layout, selezionare la posizione degli elementi della pagina Web nella pagina di accesso.

   • Modello - Scegliere se si desidera impostare la visualizzazione dello sfondo a 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, carattere, dimensioni del testo, posizione degli elementi e visualizzazione per i diversi dispositivi e dimensioni dello schermo.

   

4. Selezionare Avanti: intestazione se si desidera proseguire con la personalizzazione, oppure Rivedi e salva per salvare le modifiche.

Personalizzare il logo, il collegamento all'informativa sulla privacy e alle condizioni per l'utilizzo

1. Nella scheda Intestazione, selezionare il logo da visualizzare nell'intestazione della pagina di accesso.

   

2. Selezionare Avanti: piè di pagina per proseguire con la personalizzazione, oppure Rivedi e salva per salvare le modifiche.

3. Nella scheda Piè di pagina è possibile personalizzare gli URL e il testo dei collegamenti all'informativa sulla privacy e alle 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 il collegamento ipertestuale nel piè di pagina. Verrà visualizzato il collegamento all'informativa sulla privacy predefinita di Microsoft a meno che non si immetta il proprio testo visualizzato del collegamento ipertestuale e l'URL.

   • Condizioni per l'utilizzo - Selezionare la casella di controllo accanto a Condizioni per l'utilizzo per visualizzare questo collegamento ipertestuale nel piè di pagina. Verrà visualizzato il collegamento alle Condizioni per l'utilizzo di Microsoft a meno che non si immetta il proprio testo visualizzato del collegamento ipertestuale e l'URL.

   

4. Selezionare Avanti: modulo di accesso per proseguire con la personalizzazione, oppure Rivedi e salva per salvare le modifiche.

Personalizzare il modulo di accesso

1. Nella scheda Modulo di accesso, configurare gli elementi del modulo di accesso:

   • Logo del banner - Viene visualizzato 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 a tema chiaro non viene visualizzato correttamente sugli sfondi scuri, è possibile caricare un logo da usare in sostituzione con gli sfondi scuri.

   

2. Scorrere fino alla metà inferiore della pagina e configurare altri elementi del modulo di accesso:

   • Testo dell'hint per il nome utente - Testo dell'hint visualizzato nel campo di immissione del nome utente nella pagina di accesso (si sconsiglia se utenti guest accedono all'app).

   • Testo della pagina di accesso - Viene visualizzato nella parte inferiore delle pagine di accesso e di 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_
       • Sottolineato: ++text++

Personalizzare la reimpostazione della password self-service

1. Scorrere fino alla sezione Reimpostazione della password self-service per configurare le opzioni per mostrare, nascondere o personalizzare il collegamento di reimpostazione della password self-service nella pagina di accesso.

   • Mostra reimpostazione della 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 utilizzare in sostituzione del collegamento Microsoft predefinito.
   • Testo visualizzato dalla raccolta account - Immettere il testo del collegamento da visualizzare in sostituzione del testo Microsoft predefinito "Impossibile accedere all'account".
   • Testo visualizzato dalla raccolta account - Immettere il testo del collegamento da visualizzare in sostituzione del testo Microsoft predefinito "Password dimenticata".

   

2. Selezionare Avanti: testo se si desidera proseguire con la personalizzazione, oppure Rivedi e salva per salvare le modifiche.

Personalizzare gli attributi utente

Per il tenant è possibile definire 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 utilizzando l'API Microsoft Graph oppure farlo nel portale nella scheda Testo in Personalizzazione aziendale.

1. Nella scheda Testo selezionare Aggiungi testo personalizzato.

2. 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 un testo personalizzato per la pagina di accesso.
   • Selezionare Iscriversi per aggiungere un testo personalizzato per la pagina di accesso.
   • Selezionare Codice monouso di accesso/iscrizione (SISU OTC) per aggiungere un titolo personalizzato.

   

3. Selezionare Avanti: rivedi per rivedere tutte le modifiche. Selezionare Salva se si desidera salvare le modifiche o Indietro per proseguire con la personalizzazione.

Importante

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

Personalizzare l'esperienza di disconnessione

Non è necessario personalizzare l'esperienza di disconnessione per il tenant esterno. Se l'esperienza di accesso è stata personalizzata, l'esperienza di disconnessione corrisponderà automaticamente a quella di accesso. Se l'esperienza di accesso non è stata personalizzata, l'esperienza di disconnessione corrisponderà alla personalizzazione neutra 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 neutra predefinita. Il nuovo nome del tenant viene visualizzato anche nel messaggio e-mail di verifica inviato all'utente.

1. Accedere all'Interfaccia di amministrazione di Microsoft Entra almeno come Amministratore della personalizzazione dell'organizzazione.

2. Se si dispone dell'accesso a più tenant, usare l'icona delle Impostazioni nel menu in alto per passare al tenant esterno creato in precedenza dal menu Directory e sottoscrizioni.

3. Nella barra di ricerca digitare e selezionare Proprietà tenant.

4. Modificare il campo Nome.

   

5. Seleziona Salva.

Configurare la personalizzazione con l'API Microsoft Graph

È possibile utilizzare l'API Microsoft Graph per personalizzare alcuni elementi a livello di programmazione. 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

Grazie a questo articolo è stato possibile apprendere 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 riconoscere le differenze di personalizzazione dei tenant delle risorse, vedere l'articolo Come configurare la personalizzazione per il personale.