CMS:新增並設定上傳按鈕
10 分鐘
建立上傳按鈕,讓網站訪客直接將檔案提交至 CMS(內容管理系統)集合。
將上傳按鈕連結至集合時,請選擇用來儲存上傳檔案的集合欄位類型。可選擇「圖片」、「文件」、「影片」、「音訊」、「媒體圖庫」或「多份文件」欄位類型。
連結的欄位類型也會決定上傳按鈕可接受的檔案類型。上傳的檔案會以新項目的形式儲存在集合中,並顯示於媒體管理員的「訪客上傳內容」區段。
開始之前:
若尚未新增 CMS,請先將 CMS 新增至編輯器。
注意:
Wix Harmony 編輯器不支援輸入元件,因此訪客無法篩選內容或將項目提交至集合。若要收集訪客資訊,請改用 Wix Forms 新增表單。深入了解在 Wix Harmony 中運作方式不同的功能。
第 1 步|新增上傳按鈕元件
前往編輯器中的相關頁面,並新增上傳按鈕。
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 前往要新增上傳按鈕的頁面。
- 點擊編輯器左側的「新增元件」。
- 點擊「輸入」。
- 點擊「進階」下方的「上傳按鈕」。
- 點擊要使用的上傳按鈕,並將其拖曳至頁面上。

第 2 步|透過資料集連結至 CMS
將上傳按鈕連結至資料集,再透過該資料集連結至用來儲存提交內容的 CMS 集合欄位。
Wix 編輯器
Studio 編輯器
- 在編輯器中,點擊剛才新增的上傳按鈕。
- 點擊「連結至 CMS」圖示 。
- 點擊「選擇資料集」下拉式選單,選擇已連結至提交內容儲存集合的現有資料集。或者,選擇「新增資料集」,再選擇要儲存提交內容的集合。
- 在集合中新增欄位,用來儲存透過上傳按鈕提交的內容:
提示:也可以連結至現有集合欄位。- 點擊「檔案連結至」下拉式選單,然後選擇「+新增」。
- 輸入新集合欄位的「欄位名稱」。
- 從下拉式選單中選擇要新增至集合的「欄位類型」。欄位類型會決定可在該欄位中儲存的檔案類型。
- 點擊「新增」。

步驟 3|設定資料集模式和集合權限
資料集可控制上傳按鈕與 CMS 集合之間的連結。請將資料集模式設為寫入或讀取與寫入,讓上傳按鈕可將檔案新增至集合。如有需要,請調整集合權限,控制可存取集合內容的對象。
步驟 4|自訂上傳按鈕
前往上傳按鈕設定,設定按鈕接受的檔案類型,以及每次可上傳的檔案數量。您可在版面配置和設計設定中自訂按鈕外觀,使其符合網站風格。
Wix 編輯器
Studio 編輯器
- 在編輯器中,點擊上傳按鈕。
- 點擊「設定」,並編輯以下項目:
- 上傳設定:選擇接受的檔案類型、檔案數量上限,以及是否設為必填:
- 支援的檔案類型:點擊下拉式選單,選擇按鈕接受的檔案類型:圖片和影片、圖片、影片、文件或音訊。
- 檔案數量上限:拖曳滑桿,設定每次提交可上傳的檔案數量上限。若要一次接受多個檔案,請確認已將按鈕連結至集合中的「多重文件」或「媒體圖庫」欄位類型(請見步驟 2)。只有這些欄位類型可在每個集合項目中儲存多個檔案。
注意:目前每次只能上傳 1 個音訊檔案。若希望未來能一次上傳更多音訊檔案,可投票支持一次上傳多個音訊檔案的功能。 - 必填:選擇核取方塊,要求訪客必須先上傳檔案,才能提交自訂表單。
- 顯示選項:自訂以下選項:
- 欄位標題:(建議)輸入顯示在按鈕文字上方的標題。
- 按鈕文字:編輯按鈕上顯示的文字。
- 按鈕下方文字:選擇要在按鈕下方顯示的內容:
- 僅顯示檔案資訊:顯示訪客上傳的檔案名稱。
- 顯示自訂文字:輸入要在按鈕下方顯示的自訂文字,例如檔案要求。檔案上傳後,這段文字會變成檔案名稱。
- 上傳設定:選擇接受的檔案類型、檔案數量上限,以及是否設為必填:

- 點擊「版面配置」圖示 ,調整間距、方向、對齊方式和圖示位置。點擊「進階」,設定特定文字的對齊方式和方向。
- 點擊「設計」圖示 ,並選擇預設按鈕。點擊「自訂設計」,進一步自訂按鈕設計。
步驟 5|建立提交按鈕
需要建立讓訪客提交所上傳檔案的方式。新增一般按鈕或圖片,並將其連結至與提交內容集合相連的同一個資料集。接著,將按鈕或圖片的點擊小部件設為提交。訪客點擊提交按鈕後,系統即可「寫入」上傳的檔案,或在提交內容集合中建立新項目。
若將其他輸入元件連結至同一個資料集,提交按鈕也會將這些元件的輸入內容傳送至集合。
了解如何為上傳按鈕建立提交按鈕。

常見問題
點擊下方問題,即可查看上傳按鈕的常見問題解答。
如何連結至「多份文件」欄位類型?
訪客可以透過上傳按鈕提交多張圖片或多部影片嗎?
是否需要「提交」按鈕,訪客才能提交已上傳的檔案?
。
。 

,調整間距、方向、對齊方式和圖示位置。點擊「進階」,設定特定文字的對齊方式和方向。
,並選擇預設按鈕。點擊「自訂設計」,進一步自訂按鈕設計。