Wix 說明

建立上傳按鈕,讓網站訪客直接將檔案提交至 CMS(內容管理系統)集合。

將上傳按鈕連結至集合時,請選擇用來儲存上傳檔案的集合欄位類型。可選擇「圖片」、「文件」、「影片」、「音訊」、「媒體圖庫」或「多份文件」欄位類型。

連結的欄位類型也會決定上傳按鈕可接受的檔案類型。上傳的檔案會以新項目的形式儲存在集合中,並顯示於媒體管理員的「訪客上傳內容」區段。
開始之前:
若尚未新增 CMS,請先將 CMS 新增至編輯器。
注意:

Wix Harmony 編輯器不支援輸入元件,因此訪客無法篩選內容或將項目提交至集合。若要收集訪客資訊,請改用 Wix Forms 新增表單。深入了解在 Wix Harmony 中運作方式不同的功能。


第 1 步|新增上傳按鈕元件

前往編輯器中的相關頁面,並新增上傳按鈕。
  1. 前往編輯器。
  2. 前往要新增上傳按鈕的頁面。
  3. 點擊編輯器左側的「新增元件」。
  4. 點擊「輸入」。
  5. 點擊「進階」下方的「上傳按鈕」。
  6. 點擊要使用的上傳按鈕,並將其拖曳至頁面上。
在 Wix 編輯器中新增上傳按鈕的畫面截圖。

第 2 步|透過資料集連結至 CMS

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

步驟 3|設定資料集模式和集合權限

資料集可控制上傳按鈕與 CMS 集合之間的連結。請將資料集模式設為寫入或讀取與寫入,讓上傳按鈕可將檔案新增至集合。如有需要,請調整集合權限,控制可存取集合內容的對象。
  1. 在右側面板中,點擊「資料集設定」。
在 Wix 編輯器中點擊資料集設定的畫面截圖。
  1. (如有需要)點擊「權限」旁的權限類型,設定可查看、新增、更新或刪除集合內容的對象。
  2. 點擊「資料集模式」下拉式選單,然後選擇相關選項:
    • 寫入:已連結的輸入元件可將新項目新增至集合,但無法編輯現有項目。
    • 讀取與寫入:已連結的元件可更新集合中的現有項目。如果連結「新增」按鈕,訪客便可使用該按鈕更新現有項目,並將新項目新增至集合。
設定資料集模式的畫面截圖。

步驟 4|自訂上傳按鈕

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

步驟 5|建立提交按鈕

需要建立讓訪客提交所上傳檔案的方式。新增一般按鈕或圖片,並將其連結至與提交內容集合相連的同一個資料集。接著,將按鈕或圖片的點擊小部件設為提交。訪客點擊提交按鈕後,系統即可「寫入」上傳的檔案,或在提交內容集合中建立新項目。

若將其他輸入元件連結至同一個資料集,提交按鈕也會將這些元件的輸入內容傳送至集合。
了解如何為上傳按鈕建立提交按鈕。
上傳按鈕下方提交按鈕的畫面截圖。

常見問題

點擊下方問題,即可查看上傳按鈕的常見問題解答。