Wix 說明

使用多重核取方塊輸入元件,讓訪客篩選已上線網站的內容或提交多重選項回覆。

假設經營線上書店,便可使用多重核取方塊輸入元件,讓訪客依類型、作者或出版年份篩選書籍。這不僅能改善瀏覽體驗,也有助於進一步了解訪客的喜好。

也可設定多重核取方塊元件,收集訪客喜愛的書籍類型。例如,訪客訂閱電子報時,可請他們選擇最喜愛的類型,如推理、愛情或科幻。這些收集到的資料有助於調整行銷策略,並推薦符合訪客興趣的書籍。
提示:
本文將說明如何設定多重核取方塊輸入元件。也可使用單一核取方塊輸入元件,讓訪客篩選或提交內容。單一核取方塊輸入元件僅適用於布林值(true 或 false)集合欄位。
注意:

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


使用多重核取方塊輸入元件篩選已上線網站內容

將多重核取方塊輸入元件連結至中繼器、圖庫或資料表使用的同一個資料集,並設定為篩選內容。接著選擇要用作篩選條件的集合欄位,以及套用篩選條件的方式。欄位中的值會顯示為核取方塊,訪客點擊後即可篩選中繼器、圖庫或資料表中顯示的項目。
  1. 前往編輯器。
  2. 新增多重核取方塊輸入元件:
    1. 前往要讓訪客使用核取方塊篩選已上線網站內容的頁面。
    2. 點擊編輯器左側的「新增元件」。
    3. 點擊「輸入」。
    4. 點擊「核取方塊」。
    5. 點擊相關的多重核取方塊輸入元件,並將其拖曳至頁面上。
在 Wix 編輯器中新增多重核取方塊輸入元件的畫面截圖。
  1. 將多重核取方塊元件連結至 CMS:
    1. 點擊多重核取方塊元件上的「連結至 CMS」圖示 。
    2. 選擇「篩選內容」,此選項位於右側 面板中。
      提示:若尚未在頁面新增資料集,請先新增資料集(請參閱下一個步驟),再選擇「篩選內容」。
    3. 點擊「選擇資料集」下拉式選單,並選擇與要讓訪客篩選的元件(例如中繼器、圖庫、資料表)連結的同一個資料集。
    4. 點擊「篩選內容依據」下拉式選單,並選擇訪客用來篩選內容的集合欄位。可連結以下欄位類型:文字、數字、標籤、參照
      提示:若要在集合中新增欄位並用來篩選內容,請選擇「+新增」、輸入欄位名稱、選擇欄位類型,然後點擊「新增」。之後可在 CMS 集合中新增欄位值。
    5. 點擊「條件」下拉式選單,並選擇控制篩選條件套用方式的運算子(例如「為任一項」、「等於任一項」、「包含任一項」)。
      注意:可用條件會因連結的欄位類型而異。
多重核取方塊元件資料集連結設定的畫面截圖。
  1. 自訂多重核取方塊輸入元件:
    • 點擊「設定」圖示 ,編輯欄位標題,讓訪客了解核取方塊的用途。
    • 點擊「版面配置」圖示 ,選擇橫向排列,或調整大小、間距、格式、對齊方式或文字方向。
    • 點擊「設計」圖示 ,選擇預設設計並進一步自訂。
    • 點擊「動畫」圖示 ,選擇並自訂動畫效果。
多重核取方塊輸入元件的版面配置設定畫面。
  1. 點擊「預覽」,測試多重核取方塊元件。
  2. 準備好讓變更上線後,點擊「發布」。

使用多重核取方塊輸入元件收集網站訪客的回覆

設定多重核取方塊輸入元件來收集內容,並將元件連結至已連結集合的資料集,以便將回覆儲存在該集合中。接著設定訪客可在核取方塊中選擇的選項。訪客點擊送出按鈕後,系統會將回覆儲存至集合中的標籤欄位。
  1. 前往編輯器。
  2. 新增多重核取方塊輸入元件:
    1. 前往要讓訪客勾選核取方塊並送出回覆的頁面。
    2. 點擊編輯器左側的「新增元件」。
    3. 點擊「輸入」。
    4. 點擊「核取方塊」。
    5. 點擊相關的多重核取方塊輸入元件,並將其拖曳至頁面上。
在 Wix 編輯器中新增多重核取方塊輸入元件的螢幕截圖。
  1. 將多重核取方塊元件連結至用來儲存提交內容的 CMS 集合:
    1. 點擊多重核取方塊元件上的 「連結至 CMS」圖示 。
    2. 在右側的 面板中選擇 「收集內容」。
      提示:如果尚未在頁面新增資料集,請先新增資料集(請參閱下一個步驟),然後選擇 「收集內容」。
    3. 點擊 「選擇資料集」下拉式選單,然後選擇連結至提交內容儲存集合的資料集。
    4. 點擊 「值連結至」下拉式選單,然後選擇用來儲存提交內容的標籤欄位。
      提示:若要新增儲存提交內容的欄位,請選擇 「+新增」,接著輸入欄位名稱並點擊 「新增」。
    5. 設定資料集模式和集合權限:
      1. 點擊右側面板中的 「資料集設定」。
      2. (選填)點擊「權限」旁的權限類型,設定誰可以查看、新增、更新或刪除集合內容。
      3. 點擊 「資料集模式」下拉式選單,然後選擇相關選項:
        • 寫入:已連結的輸入元件可將新項目新增至集合,但無法編輯現有項目。
        • 讀取與寫入:已連結的元件可更新集合中的現有項目。如果連結「新增」按鈕,訪客便可使用該按鈕更新現有項目,並將新項目新增至集合。
      4. 點擊「資料集設定」面板頂端的 「返回多重選項元件」。
已連結並設為收集內容的多重核取方塊元件資料集設定畫面。
  1. 點擊 「管理選項」,然後選擇核取方塊選項的設定方式:
    • 大量新增或移除選項:點擊 「新增多個選項」,輸入所有選項並以逗號分隔。接著點擊 「返回」即可返回選項清單。
    • 新增選項:點擊 「+新增選項」,然後使用相關設定自訂選項。
    • 編輯選項標籤:標籤是訪客在選項核取方塊旁看到的文字。按兩下相關選項即可編輯標籤。
    • 編輯選項值:訪客提交回覆時,系統會將此值儲存至集合欄位。將游標懸停在相關選項上,點擊 「更多操作」圖示 ,然後選擇 「編輯值」。
    • 移除選項:將游標懸停在相關選項上,點擊 「更多操作」圖示 ,然後選擇 「刪除」。
    • 重新排列選項:點擊相關選項旁的 「重新排列」圖示 ,然後在選項清單中向上或向下拖曳。
    • 將選項設為預設選取:將游標懸停在相關選項上,點擊 「更多操作」圖示 ,然後選擇 「預設為已選取」。
    • 複製選項:將游標懸停在相關選項上,點擊 「更多操作」圖示 ,然後選擇 「複製」。
管理核取方塊旁顯示之選項的畫面。
  1. 自訂多重核取方塊元件的設定、版面配置和設計:
    • 點擊「設定」圖示 ,編輯以下項目:
      • 欄位標題:編輯標題文字,讓訪客了解核取方塊的用途。
      • 欄位類型:選擇「必填」核取方塊,訪客必須至少選擇一個核取方塊,才能將回覆提交至集合。
    • 點擊「版面配置」圖示 ,選擇橫向排列,或調整尺寸、間距、格式、對齊方式或文字方向。
    • 點擊「設計」圖示 ,選擇預設設計並進一步自訂。
    • 點擊「動畫」圖示 ,選擇並自訂動畫效果。
  2. 新增「提交」按鈕,讓訪客點擊即可提交回覆。
「提交」按鈕及其資料集連結的螢幕截圖。
  1. 點擊「預覽」測試各項連結。
  2. 準備好讓變更上線後,點擊「發布」。

常見問題

點擊下方問題,深入了解多重核取方塊輸入元件。