Built on WIX Headless

文件 開始使用 CMS for Harmony 入門指南

CMS for Harmony 入門指南

安裝 CMS for Harmony、建立集合,並在 Wix Harmony 網站上連接第一個顯示小工具。

CMS for Harmony 將集合與現成的顯示元件帶到 Harmony Editor。你只需為內容建模一次,再放入 Table、Repeater、Slideshow、Media Gallery、Calendar、Dynamic Page 或 Form 小工具,編輯內容時它們會保持同步。

範圍說明:這些是應用程式小工具。本應用程式不會將 CMS 資料綁定到原生 Harmony Text、Image、Button 或其他內建元素。

1. 安裝應用程式

  1. 在 Wix Editor 中開啟你的 Harmony 網站。
  2. 從 App Market 安裝 CMS for Harmony。
  3. 從應用程式開啟 CMS for Harmony 後台以管理集合。項目頁面是 Wix 原生動態頁面 — 見 Dynamic pages。

更完整的步驟說明:如何在 Wix Harmony 加入 CMS。

2. 建立集合

在 CMS 後台:

  1. 建立一個集合(例如 Team、Products 或 Events)。
  2. 新增所需欄位——文字、富文字、圖片、日期、媒體藝廊等。
  3. 可選擇設定 Dynamic pages,讓每個項目依標題(或其他文字)欄位取得頁面網址。
  4. 新增幾筆項目,方便之後顯示。

更多說明:新增集合。

3. 連接顯示元件

在網站頁面上:

  1. 新增 CMS for Harmony 小工具(建議先從 Repeater 或 Table 開始):Add → Elements → Installed Apps → CMS for Harmony。
  2. 將它連接到你的集合——或在面板使用 AI setup,用平易的語言描述需求(AI setup)。
  3. 選擇要顯示的欄位,以及是否啟用搜尋/篩選(或在 AI 之後於 Manual 微調)。
  4. 發佈網站。

4. 可選的下一步

  • 設定 Dynamic Pages,讓訪客可以依網址開啟單一項目(完整說明)。
  • 新增 Form,把表單提交寫入集合。
  • 在 Pro 上連接 Google Sheets External Database,並在 Table、Repeater、Slideshow、Media Gallery 或 Calendar 上作為資料來源(External databases)。
  • 在 Pro 上對集合使用 Enable payments,並在顯示元件上顯示 Add to cart/Buy now(目錄付款),或開啟 Form pay-on-submit。
  • 閱讀常見問題與文件中的小工具指南。

當你在 CMS 中變更內容時,已連接的顯示元件會更新——不必再手動重建相同區塊。