共用方式為


自定義外部租使用者中的中性商標

適用於:具有灰色 X 符號的白色圓圈。員工員工租使用者外部租具有白色複選標記符號的綠色圓圈。使用者(深入瞭解

建立新的外部租用戶之後,您可以自定義用戶體驗。 為 使用者設定租使用者的公司商標 設定,以建立使用者登入應用程式的自定義外觀與風格。 透過這些設定,您可以新增自己的背景影像、色彩、公司標誌和文字,以自訂應用程式之間的登入體驗。
您也可以使用公司商標圖形 API 以程式設計方式建立使用者流程。

提示

立即試用

若要試用這項功能,請移至 Woodgrove Groceries 示範並啟動「公司品牌」使用案例。

必要條件

  • 如果您尚未建立自己的 Microsoft Entra 外部租使用者,請立即建立一個。
  • 註冊應用程式。
  • 建立使用者流程
  • 檢閱您想要新增之每個影像的檔案大小需求。 您可能需要使用相片編輯器來建立正確的影像。 所有影像的慣用映像類型為 PNG,但接受 JPG。

商標元素

根據預設,Microsoft 會為您的租使用者提供中性商標,以符合公司的特定需求。 此默認商標不包含任何預先存在的 Microsoft 商標。 如果自定義公司商標無法載入,登入頁面會自動切換回此中性商標。 此外,每個自定義商標屬性都可以手動新增至自定義登入頁面。

您可以使用自定義背景影像或色彩、favicon、版面配置、頁首和頁尾來自定義此中性商標。 您也可以自定義登入窗體,並將自定義文字新增至不同的實例,或上傳 自定義 CSS。 下圖顯示租使用者的中性默認商標。 您可以在影像之後找到編號的商標元素及其對應的描述。

中性商標的螢幕快照。

  1. 中性背景。
  2. 法維康。
  3. 橫幅標誌。
  4. 頁尾做為版面配置元素。
  5. 頁尾超連結,例如隱私權和 Cookie,使用規定。

如何自定義預設登入體驗

在您自定義任何設定之前,中性默認商標會出現在登入、註冊和註銷頁面中。 您可以使用自訂背景影像或色彩、favicon、版面配置、頁首和頁尾來自定義此預設體驗。 您也可以上傳 自定義 CSS

  1. 以至少組織商標 管理員 istrator 身分登入 Microsoft Entra 系統管理中心

  2. 如果您有多個租使用者的存取權,請使用頂端功能表中的 [設定] 圖示,切換至您稍早從 [目錄 + 訂用帳戶] 功能表建立的外部租使用者。

  3. 使用搜尋列或流覽至首頁>租使用者概觀>自定義商標,流覽至公司商標。

    公司商標選項的螢幕快照。

  4. 在 [ 預設登入] 索引標籤上,選取 [ 編輯]。

    公司商標編輯按鈕的螢幕快照。

自定義登入頁面背景和版面配置

  1. 在 [ 基本] 索引 標籤上,修改任何背景元素。

    • Favicon – 顯示在網頁瀏覽器索引標籤中的圖示。

    • 背景影像 – 登入頁面上顯示的大型影像。 如果您上傳影像,它會縮放並裁剪以填滿瀏覽器視窗。

    • 頁面背景色彩 – 每當無法載入影像時,取代背景影像的色彩,例如因為連線延遲。

    公司商標基本概念索引標籤的螢幕快照。

  2. 如果您想要繼續自定義,請選取 [下一步:版面配置],如果您想要儲存變更,請選取 [檢閱 + 儲存]。

  3. 在 [版面配置] 索引標籤上,選取登入頁面上網頁元素的位置。

    • 範本 – 選擇背景是否顯示全螢幕或部分畫面。

    • 標頭 – 顯示或隱藏標頭。

    • 頁尾 – 顯示或隱藏頁尾。

    • 自定義 CSS – 上傳您自己的 CSS 檔案,以您自己的樣式取代預設的 Microsoft 樣式:色彩、字型、文字大小、元素的位置,以及不同裝置和螢幕大小的顯示。

    公司商標版面配置索引標籤的螢幕快照。

  4. 如果您想要繼續自定義,請選取 [下一步:標頭],如果您想要儲存變更,請選取 [檢閱 + 儲存]。

  1. 在 [ 標頭 ] 索引標籤上,選取要在登入頁面標頭中顯示的標誌。

    公司商標標題索引標籤的螢幕快照。

  2. 如果您想要繼續自定義,請選取 [下一步:頁尾],如果您想要儲存變更,請檢閱 + 儲存。

  3. 在 [ 頁尾] 索引標籤上,您可以針對登入頁面頁尾中顯示的隱私權和使用規定超連結,自定義 URL 和連結文字。

    • Privacy & Cookies – 選取 Privacy & Cookies 旁的複選框,以在頁尾中顯示此超連結。 除非您輸入自己的超連結 [顯示文字和 URL],否則 Microsoft 預設隱私權鏈接會顯示。

    • 使用規定 – 選取 [使用 規定] 旁的複選框,以在頁尾中顯示此超連結。 除非您輸入自己的超連結顯示文字和 URL,否則 Microsoft 使用規定連結會顯示。

    公司商標頁尾索引標籤的螢幕快照。

  4. 如果您想要繼續自定義,請選取 [下一步:登入表單],如果您想要儲存變更,請選取 [檢閱 + 儲存]。

自定義登入表單

  1. 在 [ 登入表單] 索引卷標上,設定登入表單的元素:

    • 橫幅標誌 – 在登入頁面和使用者存取面板中顯示。

    • 方形標誌 (淺色主題) – 代表組織中的用戶帳戶。

    • 方形標誌 (深色主題) – 如果淺色主題方形標誌在深色背景上顯示不佳,您可以在使用深色背景時上傳標誌以用於其位置。

    公司商標登入窗體索引卷標的螢幕快照。

  2. 捲動至頁面的下半部,並設定登入窗體的更多元素:

    • 使用者名稱提示文字 – 登入頁面上使用者名稱輸入欄位中顯示的提示文字(如果來賓使用者登入您的應用程式,則不建議這麼做)。

    • 登入頁面文字 – 出現在登入和註冊頁面底部。 指導方針:

      • 最多 1,024 個字元
      • 不要包含敏感性資訊
      • 使用此語法來格式化文字:
        • 連結: [text](link)
        • 大膽: **text** or __text__
        • 斜體 字: *text* or _text_
        • 強調: ++text++

自定義自助式密碼重設

  1. 捲動至 [自助式密碼重設 ] 區段,以設定在登入頁面上顯示、隱藏或自定義自助式密碼重設連結的選項。

    • 顯示自助式密碼重設 – 選取此複選框以顯示自助式密碼連結。
    • 一般 URL – 輸入密碼重設 URL 以取代預設的 Microsoft 連結。
    • 帳戶集合顯示文字 – 輸入連結文字,以取代 Microsoft 預設文字「無法存取您的帳戶」文字。
    • 密碼集合顯示文字 – 輸入連結文字來取代 Microsoft 預設的「忘記密碼」文字。

    公司商標自助式密碼重設的螢幕快照。

  2. 如果您想要繼續自定義,請選取 [下一步:文字],如果您想要儲存變更,請選取 [檢閱 + 儲存]。

自訂用戶屬性

針對您的租使用者,您可能會對註冊和登入期間想要收集的資訊有不同的需求。 租使用者隨附一組內建的信息,儲存在屬性中,例如指定名稱、姓氏、城市和郵遞區號。 您可以在租使用者中使用 Microsoft Graph API 或在公司商標的 [文字] 索引標籤底下,在入口網站中建立自定義屬性。

  1. 在 [文字] 索引標籤上,選取 [新增自定義文字]。

  2. 選取任何選項:

    • 選取 [屬性] 以覆寫預設值。
    • 選取 [屬性集合 ] 以新增您想要在註冊程序期間收集的新屬性選項。
    • 選取 [登入 ] 以新增登入頁面的自定義文字。
    • 選取 [ 註冊 ] 以新增登入頁面的自定義文字。
    • 選取 [登入/啟動一次程序代碼][SISU OTC], 以新增自定義標題。

    公司商標文字索引標籤的螢幕快照。

  3. 選取 [ 下一步:檢 閱] 以檢閱您的所有修改。 然後,如果您想要繼續自定義,請選取 [儲存] 或 [上一頁]。

重要

在外部租使用者中,我們有兩個選項可將自定義文字新增至註冊和登入體驗。 函式可在語言自定義期間以及公司商標下,在每個使用者流程下使用。 雖然我們有兩種方式可以自定義字串(透過公司商標和使用者流程),但兩種方式都會修改相同的 JSON 檔案。 透過使用者流程或透過公司商標進行的最新變更一律會覆寫先前的變更。

自定義註銷體驗

您不需要自定義外部租使用者的註銷體驗。 如果您已針對登入體驗自定義商標,則註銷體驗會自動符合登入體驗。 如果您尚未自定義登入體驗,註銷體驗將會符合外部租使用者中的預設中性商標。

如何自定義租用戶名稱

您可以在 Microsoft Entra 系統管理中心自定義租用戶名稱,以取代中性預設登入體驗中的 Microsoft 橫幅標誌。 新的租用戶名稱也會出現在傳送給使用者的驗證電子郵件中。

租用戶名稱的螢幕快照。

  1. 以至少組織商標 管理員 istrator 身分登入 Microsoft Entra 系統管理中心

  2. 如果您有多個租使用者的存取權,請使用頂端功能表中的 [設定] 圖示,切換至您稍早從 [目錄 + 訂用帳戶] 功能表建立的外部租使用者。

  3. 在搜尋列中,輸入並選取 [租用戶屬性]。

  4. 編輯 [ 名稱] 欄位。

    編輯租用戶名稱的螢幕快照。

  5. 選取 [儲存]。

使用 Microsoft Graph API 自定義您的商標

您可以使用 Microsoft Graph API,以程式設計方式自定義一些專案。 例如,您可以使用 API 來上傳自定義背景影像、變更登入頁面的色彩,以及新增自定義標誌。 如需詳細資訊,請參閱 更新默認商標 一文。

下一步

在本文中,我們已瞭解如何自定義客戶登入和註冊體驗的外觀和風格。 若要深入瞭解如何自定義租用戶的語言,請參閱 語言自定義 文章。 如需瞭解員工租使用者商標的差異,請參閱如何為您的員工自定義商標一文