Anpassen des neutralen Brandings in Ihrem externen Mandanten

Gilt für: Mitarbeitermandanten Externe Mandanten (weitere Informationen)

Nachdem Sie einen neuen externen Mandanten erstellt haben, können Sie die Benutzererfahrung anpassen. Erstellen Sie ein benutzerdefiniertes Erscheinungsbild für Benutzer, die sich bei Ihren webbasierten Apps anmelden, indem Sie Unternehmensbranding-Einstellungen für Ihren Mandanten konfigurieren. Mit diesen Einstellungen können Sie eigene Hintergrundbilder, Farben, Unternehmenslogos und Text hinzufügen, um die Anmeldeoberflächen in Ihren Apps anzupassen.
Sie können Benutzerflüsse auch programmgesteuert mithilfe der Unternehmensbranding Graph-API erstellen.

Tipp

Um dieses Feature auszuprobieren, gehen Sie zur Woodgrove Groceries Demo und starten Sie den Anwendungsfall "Firmenbranding".

Voraussetzungen

• Falls Sie noch nicht Ihren eigenen externen Microsoft Entra-Mandanten erstellt haben, erstellen Sie ihn jetzt.
• Registrieren einer Anwendung.
• Erstellen eines Benutzerablaufs
• Überprüfen Sie die Dateigrößenanforderungen für jedes Bild, das Sie hinzufügen möchten. Möglicherweise müssen Sie einen Foto-Editor verwenden, um die Bilder in der richtigen Größe zu erstellen. Der bevorzugte Bildtyp für alle Bilder ist PNG, aber JPG wird akzeptiert.

Brandingelemente

Standardmäßig bietet Microsoft ein neutrales Branding für Ihren Mandanten, das entsprechend den spezifischen Anforderungen Ihres Unternehmens personalisiert werden kann. Dieses Standardbranding enthält kein bereits vorhandenes Microsoft-Branding. Wenn das benutzerdefinierte Unternehmensbranding nicht geladen werden kann, wechselt die Anmeldeseite automatisch zu diesem neutralen Branding zurück. Darüber hinaus kann jede benutzerdefinierte Brandingeigenschaft der benutzerdefinierten Anmeldeseite manuell hinzugefügt werden.

Sie können dieses neutrale Branding durch ein benutzerdefiniertes Hintergrundbild oder eine Farbe, ein Favicon, ein Layout sowie eine Kopf- und Fußzeile anpassen. Sie können das Anmeldeformular auch anpassen und benutzerdefinierten Text zu verschiedenen Instanzen hinzufügen oder benutzerdefinierte CSS hochladen. Das folgende Bild zeigt das neutrale Standard-Branding des Kundenmandanten. Sie finden die nummerierten Brandingelemente und die dazugehörigen Beschreibungen nach dem Bild.

1. Neutraler Hintergrund.
2. Favicon.
3. Banner-Logo.
4. Fußzeile als Seitenlayout-Element.
5. Fußzeilenlinks, z. B. Datenschutz & Cookies, Nutzungsbedingungen.

So passen Sie die Standardanmeldungsoberfläche an

Bevor Sie Einstellungen anpassen, wird das neutrale Standardbranding in Ihren Anmelde-, Anmelde- und Abmeldeseiten angezeigt. Sie können diese Standardoberfläche mit einem benutzerdefinierten Hintergrundbild oder einer benutzerdefinierten Farbe, Favicon, Layout, Kopf- und Fußzeile anpassen. Sie können auch ein benutzerdefiniertes CSS hochladen.

1. Melden Sie sich beim Microsoft Entra Admin Center zumindest als Organisationsbrandingadministrator an.

2. Wenn Sie Zugriff auf mehrere Mandanten haben, verwenden Sie das Einstellungen-Symbol im Menü oben, um über das Menü Verzeichnisse + Abonnements zum externen Mandanten zu wechseln, den Sie zuvor erstellt haben.

3. Navigieren Sie zu Unternehmensbranding entweder mithilfe der Suchleiste oder navigieren Sie zu Startseite>Mieterübersicht>Branding anpassen.

   

4. Wählen Sie auf der Registerkarte Standardanmeldung die Option Bearbeitenaus.

   

So passen Sie den Hintergrund und das Layout der Anmeldeseite an

1. Auf der Registerkarte Grundeinstellungen ändern Sie eines der Hintergrundelemente.

   • Favicon: Das Symbol, das auf der Registerkarte des Webbrowsers angezeigt wird.

   • Hintergrundbild – Das große Bild, das auf der Anmeldeseite angezeigt wird. Wenn Sie ein Bild hochladen, wird es skaliert und beschnitten, sodass es das Browserfenster ausfüllt.

   • Seitenhintergrundfarbe – Die Farbe, die das Hintergrundbild ersetzt, wenn das Bild nicht geladen werden kann, z. B. aufgrund der Verbindungslatenz.

   

2. Wählen Sie Weiter: Layout aus, wenn Sie mit der Anpassung fortfahren möchten oder Überprüfen und speichern, wenn Sie Ihre Änderungen speichern möchten.

3. Wählen Sie auf der Registerkarte Layout die Platzierung von Webseitenelementen auf der Anmeldeseite aus.

   • Vorlage: Wählen Sie aus, ob der Hintergrund als Voll- oder als Teilbildschirm angezeigt werden soll.

   • Kopfzeile: Zeigt die Kopfzeile an oder blendet sie aus.

   • Fußzeile: Zeigt die Fußzeile an oder blendet sie aus.

   • Benutzerdefinierte CSS- – Laden Sie Ihre eigene CSS-Datei hoch, um das Standard-Microsoft-Design durch Ihr eigenes Design zu ersetzen: Farbe, Schriftart, Textgröße, Elementposition und Anzeige auf verschiedenen Geräten und Bildschirmgrößen.

   

4. Wählen Sie Weiter: Kopfzeile aus, wenn Sie mit der Anpassung fortfahren möchten oder Überprüfen und speichern, wenn Sie Ihre Änderungen speichern möchten.

So passen Sie das Logo, den Datenschutzlink und die Nutzungsbedingungen an

1. Wählen Sie auf der Registerkarte Kopfzeile das Logo aus, das in der Kopfzeile der Anmeldeseite angezeigt werden soll.

   

2. Wählen Sie Weiter: Fußzeile aus, wenn Sie mit der Anpassung fortfahren möchten oder Überprüfen und speichern, wenn Sie Ihre Änderungen speichern möchten.

3. Auf der Registerkarte Fußzeile können Sie die URLs und den Linktext für die Links zum Datenschutz und zu den Nutzungsbedingungen anpassen, die in der Fußzeile der Anmeldeseite angezeigt werden.

   • Datenschutz & Cookies – Aktivieren Sie das Kontrollkästchen neben "Datenschutz & Cookies", um diesen Link in der Fußzeile anzuzeigen. Der Standarddatenschutzlink von Microsoft wird angezeigt, es sei denn, Sie geben den Anzeigetext und die URL für Ihren eigenen Link ein.

   • Nutzungsbedingungen – Aktivieren Sie das Kontrollkästchen neben "Nutzungsbedingungen", um diesen Link in der Fußzeile anzuzeigen. Der Link zu den Microsoft-Nutzungsbedingungen wird angezeigt, es sei denn, Sie geben Ihren eigenen Anzeigetext und Ihre eigene URL ein.

   

4. Wählen Sie Weiter: Anmeldeformular aus, wenn Sie mit der Anpassung fortfahren möchten oder Überprüfen und speichern, wenn Sie Ihre Änderungen speichern möchten.

So passen Sie das Anmeldeformular an

1. Auf der Registerkarte Anmeldeformular konfigurieren Sie die Elemente des Anmeldeformulars:

   • Bannerlogo: Dies wird auf der Anmeldeseite und im Zugriffsbereich des Benutzers angezeigt.

   • Quadratlogo (helles Design) – Stellt Benutzerkonten in Ihrer Organisation dar.

   • Quadratisches Logo (dunkles Thema): Wenn das quadratische Logo des hellen Themas auf dunklen Hintergründen schlecht dargestellt wird, können Sie ein Logo hochladen, das an seiner Stelle verwendet wird, wenn dunkle Hintergründe verwendet werden.

   

2. Scrollen Sie zur unteren Hälfte der Seite, und konfigurieren Sie weitere Elemente des Anmeldeformulars:

   • Benutzernamenhinweistext – Der Hinweistext, der im Eingabefeld "Benutzername" auf der Anmeldeseite angezeigt wird (wird nicht empfohlen, wenn sich Gastbenutzer bei Ihrer App anmelden).

   • Text der Anmeldeseite: Dieser wird am unteren Rand der Anmelde- und Registrierungsseiten angezeigt. Leitlinien:

     • Maximal 1.024 Zeichen
     • Keine vertraulichen Informationen einschließen
     • Verwenden Sie diese Syntax zum Formatieren von Text:
       • Hyperlink: [text](link)
       • Fettdruck: **text** or __text__
       • Kursiv: *text* or _text_
       • Unterstrich: ++text++

So passen Sie die Self-Service-Kennwortzurücksetzung an

1. Scrollen Sie zum Abschnitt Self-Service-Kennwortzurücksetzung, um Optionen zum Anzeigen, Ausblenden oder Anpassen des Links zur Self-Service-Kennwortzurücksetzung auf der Anmeldeseite zu konfigurieren.

   • Self-Service-Kennwortzurücksetzung anzeigen:Aktivieren Sie dieses Kontrollkästchen, um den Link zur Self-Service-Kennwortzurücksetzung anzuzeigen.
   • Gemeinsame URL: Geben Sie eine URL zur Kennwortzurücksetzung ein, die Sie anstelle des Standardlinks von Microsoft verwenden können.
   • Anzeigetext für Kontosammlung: Geben Sie einen Linktext ein, der anstelle des Microsoft-Standardtexts „Kein Zugriff auf Ihr Konto?“ angezeigt werden soll.
   • Anzeigetext für Kennwortsammlung: Geben Sie den Linktext ein, der anstelle des Microsoft-Standardtexts „Kennwort vergessen?“ angezeigt werden soll.

   

2. Wählen Sie Weiter: Text aus, wenn Sie mit der Anpassung fortfahren möchten oder Überprüfen und speichern, wenn Sie Ihre Änderungen speichern möchten.

So passen Sie Benutzerattribute an

Für Ihren Mieter haben Sie möglicherweise unterschiedliche Anforderungen an die Informationen, die Sie während der Registrierung und Anmeldung sammeln möchten. Der Mandant umfasst einen integrierten Satz von in Attributen gespeicherten Informationen, z. B. Vorname, Nachname, Ort und Postleitzahl. Sie können benutzerdefinierte Attribute in Ihrem Kundenmandanten mithilfe der Microsoft Graph-API oder im Portal unter der Registerkarte Text in Unternehmensbranding erstellen.

1. Wählen Sie auf der Registerkarte Text die Option Benutzerdefinierten Text hinzufügenaus.

2. Wählen Sie eine der Optionen aus:

   • Wählen Sie Attribute aus, um die Standardwerte außer Kraft zu setzen.
   • Wählen Sie Attributsammlung aus, um eine neue Attributoption hinzuzufügen, die Sie während des Registrierungsvorgangs erfassen möchten.
   • Wählen Sie Anmelden aus, um benutzerdefinierten Text für die Anmeldeseite hinzuzufügen.
   • Wählen Sie Registrieren aus, um benutzerdefinierten Text für die Registrierungsseite hinzuzufügen.
   • Wählen Sie Einmalcode für Anmelden/Registrieren (SISU OTC) aus, um einen benutzerdefinierten Titel hinzuzufügen.

   

3. Wählen Sie Weiter: Überprüfen aus, um Ihre gesamten Änderungen zu überprüfen. Wählen Sie dann Speichern aus, wenn Sie Ihre Änderungen speichern möchten, oder Vorherige, wenn Sie die Anpassung fortsetzen möchten.

Wichtig

Im externen Mandanten stehen zwei Optionen zum Hinzufügen von benutzerdefiniertem Text zur Registrierungs- und Anmeldeoberfläche zur Auswahl. Die Funktion ist während der Sprachanpassung unter jedem Benutzerflow und auch unter „Unternehmensbranding“ verfügbar. Obwohl es zwei Möglichkeiten gibt, Zeichenfolgen anzupassen (über Unternehmensbranding und Benutzerflows), wird mit beiden Methoden dieselbe JSON-Datei geändert. Die letzte Änderung, die entweder über Benutzerabläufe oder über das Unternehmensbranding vorgenommen wurde, überschreibt immer die vorherige Änderung.

Abmeldeerlebnis anpassen

Sie müssen den Abmeldeprozess für Ihre externen Mandanten nicht anpassen. Wenn Sie Ihr Branding für die Anmeldeoberfläche angepasst haben, passt sich die Abmeldeoberfläche automatisch an die Anmeldeoberfläche an. Wenn Sie die Anmeldeoberfläche nicht angepasst haben, entspricht die Abmeldeoberfläche dem standardmäßigen neutralen Branding in Ihrem externen Mandanten.

Anpassen des Mandantennamens

Sie können Ihren Mandantennamen im Microsoft Entra Admin Center anpassen, um das Microsoft-Bannerlogo in der neutralen Standardanmeldungserfahrung zu ersetzen. Der neue Mandantenname wird auch in der Bestätigungs-E-Mail angezeigt, die an den Benutzer gesendet wurde.

1. Melden Sie sich beim Microsoft Entra Admin Center zumindest als Organisationsbrandingadministrator an.

2. Wenn Sie Zugriff auf mehrere Mandanten haben, verwenden Sie das Einstellungen-Symbol im Menü oben, um über das Menü Verzeichnisse + Abonnements zum externen Mandanten zu wechseln, den Sie zuvor erstellt haben.

3. Geben Sie Mandanteneigenschaften in die Suchleiste ein, und wählen Sie sie dann aus.

4. Bearbeiten Sie das Feld Name.

   

5. Wählen Sie Speichern aus.

Passen Sie Ihr Branding mit der Microsoft Graph API an

Sie können die Microsoft Graph-API verwenden, um einige Elemente programmgesteuert anzupassen. Sie können beispielsweise die API verwenden, um ein benutzerdefiniertes Hintergrundbild hochzuladen, die Farbe der Anmeldeseite zu ändern und ein benutzerdefiniertes Logo hinzuzufügen. Weitere Informationen finden Sie im Artikel Aktualisieren des Standardbrandings.

Verwandte Inhalte

In diesem Artikel haben wir gelernt, wie wir das Erscheinungsbild der Kundenanmeldung und -registrierung anpassen können. Weitere Informationen zum Anpassen der Sprache des Mandanten finden Sie im Artikel zum Anpassen der Sprache. Ein Verständnis der Unterschiede beim Branding von Mitarbeitern im Mandanten finden Sie im Artikel Anpassen des Brandings für Ihre Mitarbeiter.