CMS：設定選項按鈕輸入元件
12 分鐘
選項按鈕輸入元件可用來在網站上建立互動且方便使用的表單或篩選條件。您可使用此元件篩選重複器、圖庫或資料表中顯示的 CMS 內容，方便訪客找到所需內容；也可使用選項按鈕收集訪客的特定回覆，例如問卷答案或產品喜好設定，協助收集實用資料。
注意：
Wix Harmony 編輯器不支援輸入元件，因此訪客無法篩選內容或提交項目至集合。若要收集訪客資訊，請改用 Wix Forms 新增表單。深入了解 Wix Harmony 中運作方式不同的功能。
使用選項按鈕篩選已上線網站的內容
將選項按鈕輸入元件連結至重複器、圖庫或資料表所用的同一個資料集，並設為篩選內容。接著選擇要作為篩選條件的集合欄位，以及套用篩選條件的方式。欄位值會顯示為選項按鈕，訪客點擊按鈕即可篩選重複器、圖庫或資料表中顯示的項目。
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 新增選項按鈕輸入元件：
- 前往要讓訪客使用選項按鈕篩選已上線網站內容的頁面。
- 點擊編輯器左側的 「新增元件」 圖示。
- 點擊 「輸入」。
- 點擊 「選項按鈕」。
- 點擊相關的選項按鈕輸入元件，並將其拖曳至頁面。
圖示。
- 將選項按鈕元件連結至 CMS：
- 點擊選項按鈕元件上的 「連結至 CMS」圖示 。
- 在右側面板選擇 「篩選內容」 。
提示：如果尚未在頁面新增資料集，請先新增資料集（請參閱下一個步驟），再選擇 「篩選內容」。 - 點擊 「選擇資料集」下拉式選單，然後選擇與要讓訪客篩選的元件（例如重複器、圖庫或資料表）連結的同一個資料集。
- 點擊 「篩選內容依據」下拉式選單，然後選擇要供訪客篩選內容的集合欄位。可連結以下欄位類型：文字、數字、標籤、參照
提示：若要在集合中新增欄位並用來篩選內容，請選擇 「＋新增」、輸入欄位名稱、選擇欄位類型，再點擊 「新增」。之後可在 CMS 集合中新增欄位值。 - 點擊 「條件」下拉式選單，然後選擇用來控制篩選條件套用方式的運算子（例如「是」、「等於」、「包含」）。
注意：可用條件會依連結的欄位類型而異。
。 
- 自訂選項按鈕輸入元件：
- 點擊「設定」圖示 ，編輯欄位標題，讓訪客了解選項按鈕的用途。
- 點擊「版面配置」圖示 ，選擇橫向排列，或調整大小、間距、格式、對齊方式或文字方向。
- 點擊「設計」圖示 ，選擇預設設計並進一步自訂。
- 點擊「動畫」圖示 ，選擇並自訂動畫效果。
，編輯欄位標題，讓訪客了解選項按鈕的用途。 
，選擇橫向排列，或調整大小、間距、格式、對齊方式或文字方向。 
，選擇預設設計並進一步自訂。 
，選擇並自訂動畫效果。 
- 點擊「預覽」，測試選項按鈕元件。
- 若已準備好讓變更上線，請點擊「發布」。
使用選項按鈕收集網站訪客的回覆
設定選項按鈕輸入元件以收集內容，然後將其連結至繫結集合的資料集，以便儲存回覆。設定訪客可從選項按鈕中選擇的選項。訪客點擊提交按鈕後，系統會將回覆儲存至已連結的集合欄位。
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 新增選項按鈕輸入元件：
- 前往要讓訪客點擊選項按鈕並提交回覆的頁面。
- 點擊編輯器左側的新增元件。
- 點擊輸入。
- 點擊選項按鈕。
- 點擊相關的選項按鈕輸入元件，並將其拖曳至頁面上。
- 將選項按鈕元件連結至用來儲存提交內容的 CMS 集合：
- 點擊選項按鈕元件上的「連結至 CMS」圖示 。
- 在右側面板中選擇「收集內容」 。
提示：如果尚未在頁面新增資料集，請先新增資料集（請參閱下一個步驟），再選擇「收集內容」。 - 點擊「選擇資料集」下拉式選單，然後選擇已連結至提交內容儲存集合的資料集。
- 點擊「值連結至」下拉式選單，然後選擇用來儲存提交內容的欄位。可連結以下欄位類型：文字、數字、網址、日期、日期和時間
提示：若要新增儲存提交內容的欄位，請選擇「＋新增」，接著輸入欄位名稱並點擊「新增」。 - 設定資料集模式和集合權限：
- 點擊「管理選項」，然後選擇選項按鈕所顯示選項的設定方式：
- 批次新增或移除選項：點擊「新增多個選項」，輸入所有選項並以逗號分隔。接著點擊「返回」圖示 ，即可返回選項清單。
- 新增選項：點擊「＋新增選項」，然後使用相關設定自訂選項。
- 編輯選項標籤：標籤是訪客在選項按鈕旁看到的文字。連按兩下相關選項即可編輯標籤。
- 編輯選項值：（僅限 Velo）選項值是訪客提交回覆時，儲存至集合欄位的文字。將游標懸停於相關選項，點擊「更多操作」圖示 ，然後選擇「編輯值」。
- 移除選項：將游標懸停於相關選項，點擊「更多操作」圖示 ，然後選擇「刪除」。
- 重新排列選項：點擊相關選項旁的「重新排列」圖示 ，然後在選項清單中向上或向下拖曳。
- 將選項設為預設選項：將游標懸停於相關選項，點擊「更多操作」圖示 ，然後選擇「設為預設」。
- 複製選項：將游標懸停於相關選項，點擊「更多操作」圖示 ，然後選擇「複製」。
，即可返回選項清單。 
，然後選擇「編輯值」。 
，然後在選項清單中向上或向下拖曳。 
- 自訂選項按鈕元件的設定、版面配置與設計：
- 點擊設定圖示 ，即可編輯以下項目：
- 欄位標題：編輯標題文字，讓訪客了解選項按鈕的用途。
- 預設選項：選擇預設選取的選項按鈕：
- 無：不預先選擇任何選項按鈕。
- 已選擇的選項按鈕：選擇預設為預先選取的選項按鈕。
- 欄位類型：選擇必填核取方塊，訪客必須至少選擇一個選項按鈕，才能將回覆提交至集合。
- 點擊版面配置圖示 ，選擇橫向排列，或調整大小、間距、格式、對齊方式或文字方向。
- 點擊設計圖示 ，選擇預設設計並進一步自訂。
- 點擊動畫圖示 ，選擇並自訂動畫效果。
- 點擊設定圖示 ，即可編輯以下項目：
- 新增「提交」按鈕，讓訪客點擊並送出提交內容。
- 點擊「預覽」，測試連結。
- 準備好後，點擊「發布」即可讓變更上線。
常見問題
點擊下方問題，查看選項按鈕常見問題的答案。
可以為訪客預先選取選項按鈕嗎？
可以在一份表單中收集多個選項按鈕回覆嗎？
哪些集合欄位可以連結至選項按鈕元件？
為什麼無法將選項按鈕連結至集合欄位？