CMS：新增及設定切換按鈕輸入元件

5 分鐘

讓訪客切換開關，並向集合中的布林值（true 或 false）欄位提交二元回應。例如，可使用切換按鈕輸入元件，讓訪客透過由其他輸入元件組成的自訂表單選擇訂閱電子報。

注意：

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

Wix 編輯器

Studio 編輯器

前往編輯器。
新增切換按鈕輸入元件：
1. 前往要讓訪客使用切換按鈕輸入元件提交回應的頁面。
2. 點擊編輯器左側的「新增元件」。
3. 點擊「輸入」。
4. 點擊「切換按鈕」。
5. 點擊相關的切換按鈕輸入元件，並將其拖曳到頁面上。

在 Wix 編輯器中新增切換按鈕輸入元件的畫面截圖。

將切換按鈕元件連結至用來儲存提交內容的 CMS 集合：
1. 點擊切換按鈕元件上的「連結至 CMS」圖示。
2. 點擊「選擇資料集」下拉式選單，然後選擇已連結至提交內容儲存集合的資料集。
3. 點擊「切換狀態連結至」下拉式選單，然後選擇用來儲存提交內容的布林值欄位。
  提示：若要新增儲存提交內容的欄位，請選擇「＋新增」，接著輸入欄位名稱並點擊「新增」。
4. 設定資料集模式和集合權限：
  1. 點擊右側面板中的「資料集設定」。
  2. （選填）點擊權限類型（位於「權限」旁），指定哪些人可以查看、新增、更新或刪除集合內容。
  3. 點擊「資料集模式」下拉式選單，然後選擇相關選項：
    - 寫入：已連結的輸入元件可以在集合中新增項目，但無法編輯現有項目。
    - 讀取與寫入：已連結的元件可以更新集合中的現有項目。若連結「新增」按鈕，訪客便可使用該按鈕更新現有項目，並在集合中新增項目。
  4. 點擊「返回切換按鈕元件」（位於「資料集設定」面板頂端）。

在 Wix 編輯器中設定集合權限和資料集模式的畫面截圖。

自訂切換按鈕輸入元件：
- 點擊「設定」即可編輯以下項目：
  - 欄位標題：編輯標題文字，讓訪客了解切換按鈕的用途。
  - 值：（僅限 Velo）輸入 JavaScript 程式碼中使用的組件值屬性。
  - 欄位類型：若要讓切換按鈕預設為開啟，請選擇核取方塊。
- 點擊「版面配置」圖示即可編輯以下項目：
  - 欄位標題格式：選擇空間不足時欄位標題的顯示方式：換行或顯示溢出內容
  - 把手位置：選擇把手要顯示在滑軌內或滑軌外。
  - 把手／滑軌大小（滑軌／把手的百分比）：拖曳滑桿以變更把手或滑軌的大小。
  - 切換按鈕高度：設定切換按鈕組件的高度。
  - 切換按鈕與標題之間的距離：編輯標題與切換按鈕之間的間距。
  - 欄位標題縮排：拖曳滑桿以編輯欄位標題的縮排。
  - 顯示把手圖示：點擊切換按鈕即可啟用或停用把手圖示。
  - 格式：設定文字方向和對齊方式。
- 點擊「設計」圖示，即可自訂以下兩種狀態的設計：切換按鈕開啟和切換按鈕關閉

調整切換按鈕元件設定的畫面截圖。

新增「提交」按鈕，讓訪客點擊即可寄送提交內容。

新增「提交」按鈕的畫面截圖。

點擊「預覽」即可測試連結。
若已準備好讓變更上線，請點擊「發布」。