概觀

注意：我們強烈建議您在自訂品牌化設定之前先擁有網頁設計　(HTML 和 CSS) 的經驗。 如果您聯絡 Zoom 支援尋求協助，我們將盡最大努力為您處理問題，但無法保證可以解決。 如果您對 HTML/CSS 有問題，請諮詢網頁開發人員。

一旦您擁有被核准的實名 URL 後，即可以用您組織的品牌化來進行自訂。 在使用 Zoom 標誌或其他行銷材料來自訂您的頁面之前，請先參閱我們的品牌化準則。

任何為品牌化進行的變更將僅適用於從實名 URL (例如：yourorganization.zoom.us) 存取 Zoom Web Portal。 從 zoom.us 存取 Web Portal 時，品牌化則不適用。

注意：Javascript 目前不支援自訂品牌化。

先決條件

• 商業版、教育版或 API 計畫
• 經過核准且符合我們準則的實名 URL (例如：success.zoom.us)
• 熟悉 HTML/CSS 的管理員

本文介紹如下主題：

• 存取品牌化設定
• 上傳影像
• 自訂登陸頁面
  
  • 背景影像
  • 內容文字顏色
  • 頁面標題
  • 按鈕背景顏色
  • 按鈕背景懸停顏色
  • 按鈕文字顏色
  • 標誌
• 自訂 Web Portal 的頁首、頁尾和側邊欄。
• 使用自訂 CSS
• 自訂電子郵件範本
• 自訂會議邀請電子郵件範本

存取品牌化設定

1. 登入 Zoom Web Portal。
2. 在導覽功能表中，按一下進階，然後按一下品牌化。

上傳影像

在自訂品牌之前，上傳您將使用的影像，例如背景影像和您的組織標誌。

1. 登入 Zoom Web Portal。
2. 在導覽功能表中，按一下進階，然後按一下品牌化。
3. 按一下影像標籤。
4. 瀏覽電腦並選擇要上傳的影像。
5. 檔案將在上傳後顯示在清單中。 影像 URL 顯示在路徑列中。
   

自訂登陸頁面

登陸頁面是您組織實名 URL 的主頁。登陸頁面預設為下列外觀：

如要自訂登陸頁面的 HTML 和內建 CSS：

1. 登入 Zoom Web Portal。
2. 在導覽功能表中，按一下進階，然後按一下品牌化。
3. 按一下登陸頁面標籤。
4. 按照以下部分對登陸頁面進行基本變更，使其符合您組織的品牌化。
   注意：如要更快地查找以下屬性，請按 Ctrl + F 並鍵入屬性名稱。 然後按照說明更新屬性。

背景影像

屬性名稱：背景影像

如要變更背景影像，請使用上傳背景影像的 URL 來更新引號之間的 URL。 如要搜尋背景影像的 URL，請前往影像標籤並複製路徑列中的連結。

範例：

背景影像：url("https://yourorganization.zoom.us/account/branding/p/backgroundimage.jpg");

內容文字顏色

如要變更登陸頁面內容 (不包括按鈕) 的文字顏色，請在 .content-body { } 中新增 color 屬性。 如果您的背景較深，請使用較淺的顏色。

範例：

.content-body {
 display: table-cell;
 vertical-align: middle;
 color: white;
}

頁面標題

屬性名稱：title

頁面標題將會變更瀏覽器標籤中所顯示的頁面名稱。 在 <title> 和 <title> 之間輸入您自己的頁面標題。

範例：

<title>Video Conferencing, Web Conferencing, Online Meetings, Screen Sharing</title> <!--customize landing page title-->

 

按鈕背景顏色

屬性名稱：background-color (搜尋嵌在 .button 下方的 background-color)

如要變更三個按鈕 (加入、主持人和登入) 的背景顏色，需要使用顏色十六進位值來指定顏色，例如，#FFFFFF為白色。 使用顏色選擇器，依據十六進位值來辨識並選取顏色。

.button {
 width: 80px;
 background-color: #000000; /*customize button color */
 border-color: #2D8CFF;
 padding: 12px 20px;
 display: inline-block;
 text-align: center;
 margin: 10px 0;
 transition: .3s ease;
}

按鈕背景懸停顏色

屬性名稱：background-color (嵌在 .button.hover 下方)

如要變更滑鼠指標懸停在按鈕上時的按鈕顏色，請使用顏色十六進位值來指定顏色，例如，#FFFFFF為白色。 使用顏色選擇器，依據十六進位值來辨識並選取顏色。

範例：

.button:hover {
  background-color: #eb9834; /*customize button color */
 }

按鈕文字顏色

屬性名稱：color (嵌在 btn-text 下方)

變更按鈕內文字的顏色。 如欲使用較深顏色做為按鈕背景，請將屬性設定為 white。 如背景顏色較淺，則將屬性設定為 black。您也可以指定自訂十六進位值。使用顏色選擇器，依據十六進位值來辨識並選取顏色。

範例：

.btn-text {
 color: #008BFF; /*customize button font color */
 font-size: 17px;
}

標誌

變更顯示在三個按鈕上方的標誌。如要搜尋標誌的 URL，請前往影像標籤並複製路徑列中的連結。

注意：標誌的大小預設會調整為 140 x 31.5 像素。 這很可能會讓您的自訂標誌變形。 如要解決此問題，請將登陸頁面 HTML 中影像 URL 後的 class="zoom-logo" 刪除。

範例：

<div class="row">
  <img src="https://zoom.us/account/branding/p/1c7dfaf5-2646-4224-92e0-5abef82036b1.png" alt="Zoom Logo"> <!--customize company logo-->
<div class="row">

 

自訂 Web Portal 的頁首、頁尾和側邊欄。

您可自訂從實名 URL 存取時顯示在 Web Portal 中的頁首和頁尾。

注意：這些設定不會影響您的登陸頁面。

1. 登入 Zoom Web Portal。
2. 在導覽功能表中，按一下進階，然後按一下品牌化。
3. 按一下頁首/頁尾/側邊欄標籤。
4. 請按照以下部分進行操作：

• 標誌 URL：自訂頁首標誌。將上傳影像的 URL 貼上。 如欲將影像儲存在外部，則可貼上外部影像的 URL。
• 頁首 HTML：自訂浮動頁首列。
• 頁尾 HTML：您可從您的實名 URL 中刪除含 Zoom 資訊的頁尾和連結。 如欲刪除頁尾，請從頁尾部分刪除所有代碼，並將其替換為以下代碼。

<div id="footer" class="container">
</div>

• 在左側邊欄上顯示常用連結：變更左側導航功能表中顯示的連結。

使用自訂 CSS

您可以使用用於 Web Portal 的自訂 CSS。

注意：自訂 CSS 不適用於登陸頁面。 您可以為登陸頁面自訂內建 CSS。

1. 登入 Zoom Web Portal。
2. 在導覽功能表中，按一下進階，然後按一下品牌化。
3. 按一下自訂 CSS 標籤。
4. 按一下您要自訂的 CSS 旁邊的編輯。
5. 使用自訂 CSS 來定義其他 CSS 選擇器。

自訂電子郵件範本

您可以自訂一般管理電子郵件的電子郵件範本，例如：當使用者重設密碼或註冊時所發送的電子郵件。

1. 登入 Zoom Web Portal。
2. 在導覽功能表中，按一下進階，然後按一下品牌化。
3. 按一下電子郵件標籤。
4. 在您想編輯的範本旁邊按一下編輯。
   注意：您可以在範本中使用自訂電子郵件變數。

自訂會議邀請電子郵件範本

您也可以在帳戶或群組層級上自訂會議邀請電子郵件範本。

1. 登入 Zoom Web Portal。
2. 在導航功能表中，存取帳戶或群組設定：
   • 帳戶：按一下帳戶管理，然後按一下帳戶設定。
   • 群組：按一下使用者管理，然後按一下群組管理。 按一下群組的群組名稱，或建立一個新的使用者群組。
3. 按一下會議標籤。
4. 在邀請電子郵件品牌化部分中，
5. 在您想更新的電子郵件範本旁邊按一下編輯。深入瞭解關於安排會議電子郵件範本的資訊。
6. 按一下套用變更，然後按一下完成。