共用方式為


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

適用於:白色圓圈內有灰色 X 符號。勞動力租戶綠色圓圈內有白色勾選符號。外部租戶(了解更多

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

提示

立即試用

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

先決條件

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

商標元素

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

您可以透過自訂背景圖片或顏色、favicon、小圖標、版面配置、頁首和頁尾來自訂此中性品牌。 您也可以自訂登入表單,並將自訂文字新增於不同的實例中,或上傳自訂 CSS。 下圖顯示租戶的中性預設品牌。 您可以在影像之後找到編號的商標元素及其對應的描述。

中性商標的螢幕快照。

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

如何自定義預設登入體驗

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

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

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

  3. 流覽至 公司品牌,可以利用搜尋列或瀏覽至 首頁>租戶概觀>自訂品牌

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

  4. 在 [預設登入] 分頁上,選取 [編輯]。

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

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

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

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

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

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

    公司商標基本數據索引標籤的螢幕快照。

  2. 選取 [下一步:版面配置] 以繼續自定義,或選取 檢閱 + 儲存 以保存變更。

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

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

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

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

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

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

  4. 選取 [標頭] 如果您想繼續自定義,或者選擇 [檢閱 + 儲存] 如果您想儲存變更。

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

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

  2. 若要繼續自定義,請選取 下一步:頁尾;若要儲存變更,請選取 檢閱 + 儲存

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

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

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

    公司品牌頁尾索引標籤的螢幕截圖。

  4. 選擇 下一步:登入窗體,以繼續自定義,或選擇 檢閱 + 儲存,以儲存您的變更。

自訂登入表單

  1. 在 [登入表單] 標籤頁上,設定登入表單的項目:

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

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

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

    公司品牌登入表單索引標籤的螢幕截圖。

  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. 以至少 組織品牌管理員的身分登入 Microsoft Entra 管理中心

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

  3. 在搜尋欄中,輸入並選取 租戶屬性

  4. 編輯 名稱 欄位。

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

  5. 選取 [儲存]。

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

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

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