---
url: https://docs.oakmega.com/guide/settings/web-tool-setting.md
description: >-
  授權頁面、表單、預約中心、優惠券等網頁型工具的網址，都用工作區的 Subdomain（例如
  yourbrand.oakmega.site），瀏覽器分頁上的小圖示則是 Favicon。這篇說明怎麼修改
  Subdomain、命名規則與修改後的影響，以及怎麼上傳 Favicon。
---

看完這篇，你可以把網頁型工具的網址換成自己品牌的名稱，並換上品牌的 Favicon，讓會員打開授權頁面、表單或優惠券時一看就知道是你的網站。

## 開始前

* 只有工作區的**擁有者**能修改：「設定」頁的「**工作區設定**」區塊只有擁有者看得到，「**網頁型工具設定**」就在裡面。
* **修改 Subdomain 會讓舊網址全部失效。** 已經發出去的連結、印好的 QR Code 都會打不開，請在活動開始前決定好。

## 網頁型工具設定頁

點導覽列下方的**設定**，在「工作區設定」點「**網頁型工具設定**」（說明是「設定 Subdomain 與 Favicon」）。

下圖是「**網域設定**」：「**Subdomain**」顯示目前的子網域與「**編輯 Subdomain**」按鈕；「**Favicon**」（選填）顯示目前的圖示，上方可以替換或刪除。

![網頁型工具設定的網域設定：Subdomain 目前是 product，下方有編輯 Subdomain 按鈕；Favicon 區塊顯示目前上傳的圖示，左上角有替換與刪除圖示](https://docs.oakmega.com/guide/settings/images/web-tool-setting-01-page.png)

網頁型工具的網址都是「**Subdomain + .oakmega.site**」，例如 Subdomain 是 `yourbrand`，優惠券的網址就會是 `https://yourbrand.oakmega.site/pass/…`。

## 修改 Subdomain

1. 點「**編輯 Subdomain**」，打開「**編輯 Subdomain**」視窗。
2. 在「**Subdomain**」輸入新的名稱，後面會自動接上「.oakmega.site」。
3. 按「**儲存**」，在「**確認要更改 Subdomain？**」視窗確認。畫面顯示「**編輯成功**」就完成了。

下面的動畫示範打開視窗，先輸入「Harbor--Cafe」：因為有大寫字母和連續的連字號，欄位下方出現「**請輸入正確的 Subdomain 格式**」；改成「harbor-cafe」後提示就消失了。（示範沒有儲存。）

[動畫（MP4）](https://docs.oakmega.com/guide/settings/images/web-tool-setting-02-edit-subdomain.mp4)

下圖是「編輯 Subdomain」視窗：上方提醒命名規則，以及更改後舊連結會失效、要更新 LINE Login 中 LIFF 的 Endpoint URL。

![編輯 Subdomain 視窗：上方說明可使用小寫英文、數字與連字號，以及更改後舊連結失效、需更新 LIFF Endpoint URL；下方 Subdomain 欄位填了 harbor-cafe，後面是 .oakmega.site，右下角有取消與儲存](https://docs.oakmega.com/guide/settings/images/web-tool-setting-03-edit-modal.png)

### Subdomain 的命名規則

| 規則 | 說明 |
|---|---|
| 可以用的字元 | 小寫英文、數字、連字號「-」 |
| 連字號 | 不能放在開頭或結尾，也不能連續使用（例如 `my--shop`） |
| 長度 | 最多 63 個字元 |
| 不能重複 | 已經被其他工作區用掉、或是系統保留的名稱都不能用，會顯示「**修改 Subdomain 失敗：名稱或項目重複**」 |

### 修改後會發生什麼事

* **舊網址全部失效。** 授權頁面、表單、預約中心、優惠券等用舊 Subdomain 的連結都會打不開，已經放在發布文章、圖文選單、聊天機器人裡的連結要重新換成新的。
* **LINE 登入的 LIFF 網址會跟著更新。** 工作區已連接 LINE 時，系統會一起更新網頁型工具使用的 LIFF 網址。介面上也提醒要確認 LINE Login 中 LIFF 的 Endpoint URL，如果會員用 LINE 登入網頁型工具時出錯，請到 LINE Developers 檢查。

## 上傳 Favicon

Favicon 是瀏覽器分頁、書籤上的小圖示。

1. 在「**Favicon**」區塊點上傳區，或把圖片拖進去。
2. 選擇**剛好 32 × 32 px** 的 **PNG** 圖片，檔案大小 **10 MB** 以內。其他尺寸即使是正方形也無法上傳。
3. 上傳完成畫面顯示「**編輯成功**」，圖示會出現在預覽框裡。

要換掉就按預覽框左上角的替換圖示重新上傳；不需要了按刪除圖示，畫面顯示「**刪除成功**」。

## 運作原理

Subdomain 是整個工作區共用的網址前綴。授權頁面、表單、預約中心與優惠券等網頁型工具都用它產生連結；修改後，舊網址不會自動轉到新網址。Favicon 則只改變這些網頁在瀏覽器分頁和書籤上的圖示，不會改變網址。工作區已連接 LINE 時，修改 Subdomain 也會更新網頁型工具的 LIFF 網址；已發出去或印出的舊連結仍須自行替換。

## 常見問題

### 請上傳 32px x 32px 的 favicon 圖片

圖片的寬或高不是剛好 32 px。請先把圖片縮成 **32 × 32 px** 的 PNG，再重新上傳；單純把檔名改成 `.png` 不會改變圖片尺寸。

### 請輸入正確的 Subdomain 格式

Subdomain 裡有大寫字母、空白、底線或其他符號，或是連字號放在開頭、結尾或連續使用。改成只有小寫英文、數字與單一連字號的名稱。

### 修改 Subdomain 失敗：名稱或項目重複

這個名稱已經被其他工作區使用，或是系統保留的名稱。換一個名稱，例如加上地區或產品線。

### 換了 Favicon，瀏覽器還是顯示舊的

瀏覽器會快取 Favicon。重新整理頁面、清除快取，或用無痕視窗打開確認。

## 下一步

* [建立授權頁面](https://docs.oakmega.com/guide/marketing-tools/approved-page.md)
* [發送優惠券](https://docs.oakmega.com/guide/marketing-tools/coupon.md)
* [管理成員與權限](https://docs.oakmega.com/guide/settings/permission-management.md)