Built on WIX Headless

チュートリアル / チュートリアル

Wix Harmony で CMS は使える?2026年完全ガイド

· Wix Harmony に CMS はあるか

Wix Harmony で CMS は使える?2026年完全ガイド

はい—Wix Harmony で CMS を使えます。 App Market から CMS for Harmony をインストールし、コレクションをアプリウィジェット—Table、Repeater、Slideshow、Media Gallery、Calendar、Dynamic Page、Form—に接続します。訪問者検索とフィルター、テーブル、カレンダー、コレクション連携フォーム、Pro カタログチェックアウト、ライブソースとしての Google Sheets に使えます。アプリはウィジェットのみを追加し、ネイティブ Harmony の Text、Image、Button 要素を CMS フィールドにバインドしません。「カード」はRepeater レイアウトを指し、別ウィジェットではありません。

得られるもの

ウィジェットよくある用途
Repeaterコレクションからのカードグリッド
Table検索・フィルター付きの並べ替え可能な行
Slideshow / Media Gallery画像中心の表示レイアウト
Calendar日付ベースのイベントビュー
Dynamic Pageアイテムごとの詳細 URL
Formコレクションに保存される送信

Classic、Studio、Harmony で動作します。まずははじめに。

ステップ 1 — CMS for Harmony をインストール

  1. Wix Editor(Harmony、Studio、または Classic)でサイトを開く。
  2. App Market から CMS for Harmony をインストール。
  3. CMS for Harmony ダッシュボードを開きコレクションを管理。アイテムページはネイティブの Wix ダイナミックページです。

ステップ 2 — コレクションを作成

  1. ダッシュボードでコレクションを作成(Team、Products、Events、Listings)。
  2. 必要に応じてフィールドを追加:テキスト、リッチテキスト、画像、日付、メディアギャラリー、色、住所など。
  3. 表示にデータがあるよう、いくつかアイテムを追加。
  4. 任意でネイティブのダイナミックページを追加し、各アイテムに URL を付ける(Dynamic pages)。
  5. 任意で Enable payments(Pro)—カタログチェックアウト用に Name と Price(および任意の Description、Image、Quantity)をマップ(カタログ決済)。

ステップ 3 — 最初の表示ウィジェットを追加

ページ上で:

  1. Repeater(カードグリッド)または Table を追加。
  2. コレクションを接続(または Pro では対応ウィジェット上の External Database Google Sheets 接続)。
  3. フィールドをマップして公開。

その他のウィジェット:Slideshow、Media Gallery、Calendar、Dynamic Page、Form。

ステップ 4 — 動的アイテム URL(任意)

  1. コレクションで More actions → Add collection page を選ぶ。
  2. そのページに Dynamic Page ウィジェットを追加し、Page path をページのパスに、Page link field を Item slug にする。
  3. アイテムごとの検索/ソーシャルプレビューが欲しければ SEO フィールドをマップ。
  4. リストウィジェットをアイテム URL にリンク。

手順: Dynamic Pages のセットアップ方法。

ステップ 5 — 検索とフィルター(任意)

Table、Repeater、Calendar、Media Gallery、または Slideshow で:

  1. パネルで検索および/またはフィルターを有効にする。
  2. マッチ条件を追加;Show filter または Choose value を使う。
  3. Color フィールドでは Color swatches;Filters display を Top または Side に設定。

ガイド: Wix Harmony に検索とフィルターを追加する方法 · ドキュメント: 検索とフィルター。

ステップ 6 — CMS に保存するフォーム(任意)

  1. Form を追加、コレクションを接続、フィールドとラベルを選ぶ。
  2. 公開して送信をテスト。
  3. Pro では任意で送信時決済用に Enable payments(Wix Checkout 経由の固定額または訪問者入力額)—カタログの Add to cart/Buy now とは別。

ドキュメント: Form。

ステップ 7 — CMS アイテムを販売(Pro、任意)

  1. コレクションで Enable payments(Name + Price 必須)。
  2. Repeater、Table、Dynamic Page、Media Gallery、または Slideshow → Payments → Show payment actions → Add to cart および/または Buy now。
  3. ライブサイトでテスト(Editor プレビューではない)。

ガイド: Wix Checkout で CMS アイテムを販売する方法。

ステップ 8 — Google Sheets(Pro、任意)

  1. ダッシュボード → External databases → Google Sheets を接続。
  2. Table、Repeater、Slideshow、Media Gallery、または Calendar → Data source → External Database。
  3. 覚え書き: Form、Dynamic Page、カタログ決済は Wix CMS コレクション向けのまま—シートではない。

ガイド: Google Sheets を Wix Harmony に接続する方法。

プラン要件

機能要件
コアウィジェットFree プランあり
カタログ決済/Form pay-on-submit/Google SheetsPro
決済 CTAライブサイトのみ

正確な制限

FAQ

Wix Harmony に CMS はあるか?

はい。App Market から CMS for Harmony をインストールし、Harmony、Classic、Studio にコレクション連携ウィジェット(Repeater、Table、Form など)を追加できます。

Wix Harmony に CMS をどう追加するか?

CMS for Harmony をインストールし、ダッシュボードでコレクションを作成し、ページ上のアプリウィジェットを接続します(または対応表示上の Pro Google Sheets)。

Wix Harmony 向けの無料 CMS はあるか?

CMS for Harmony はコアウィジェット向けの Free ティアを提供;Pro が決済と external databases を解放します。

CMS for Harmony はネイティブ Harmony 要素にバインドできるか?

いいえ。アプリのウィジェット(Repeater、Table、Form など)を使ってください—ネイティブ Text、Image、Button をバインドせずにコレクションに接続します。

Wix Studio と Classic でも動くか?

はい—CMS for Harmony ウィジェットは Classic、Studio、Harmony で動作します。

関連記事

更新日:

Harmony で試してみますか? 無料のスターターサイトを作成 CMS for Harmony