Wix の予約カレンダーを月表示にする方法(ブッキングのクラス)

標準でできる事と、足りない所

ヨガ・教室・サロンのクラスを、月のマス目で見せたい場合の整理です。Wix 標準の表示を先に書き、足りない所だけアプリを紹介します。

アプリの掲載: Wix App Market

Hullspark ・ 2026-10-24 更新

月間予約カレンダーを入れると

  1. 困りごとWix ブッキングのクラスの空き時間は、標準では週の表示です。ヨガ・教室・サロンの先の予定を、月のマス目で 1 画面に見せたいお店には足りません。
  2. 画面のどこサイトのページに、クラスの予約枠を月のマス目で表示します。マス目には時刻とクラス名が出ます。
  3. できること日付を押すとその日の一覧が開き、残り席が出て、空きのある枠には予約ページへのリンクが付きます。狭い幅では、日付に色の点が付きます。日本語と英語、ライトとダークに対応します。
  4. 結果お客様は、月のどの日にクラスがあるかを 1 画面で見て、日付を押して残り席を確かめられます。予約と支払いは、これまでどおり Wix ブッキングで行います。画面は下の「アプリについて」にあります。
月間予約カレンダーの操作動画のサムネイル
月間予約カレンダーの操作動画です。再生すると YouTube に接続します。

先に結論

  • クラスの予約カレンダーは、公式ヘルプで「月の表示はできない」とされています。クラスの空き時間は週の表示です(*1)。
  • スマホ用の設定に「月」があると、別のヘルプに書かれています。クラスで出るかは、私は未確認です(*3)。
  • 週の表示で困らないお店は、標準で足ります。週間タイムテーブルや日ごとの一覧も、標準で置けます(*4)。
  • 先の予定を 1 画面で見せたい、クラスを色で分けたい場合は、月のカレンダーを出すアプリが向きます。

標準で見える形

クラスの日時は、サービスの一覧、サービスのページ、予約カレンダー、日ごとの一覧、週間タイムテーブルの 5 か所で見せられます(*4)。

クラスの予約カレンダーは週の表示です。お客様は日付の範囲か前後の矢印で週を切り替えます。月のカレンダーにはできないと、公式ヘルプの要望ページに書かれています。票を集めている状態です(*1)。予約カレンダーに月表示を足す要望もあります。回避策として挙がっているのは、BoomTech の Boom Event Calendar アプリです(*2)。

週間タイムテーブルは、クラスだけが対象です。受付の状態(受付終了・受付前など)を週ごとに並べます。残り席数などは、表示する項目として選べます。個別予約とコースは出ません(*5)。

スマホの月表示

公式ヘルプの「予約カレンダーページのカスタマイズ」には、スマホ用のレイアウトとして「月」か「週」を選べると書かれています。パソコン用は日か週です。パソコン用のレイアウトは、すべてのサービスに共通です(*3)。

私はこの設定を、実際のエディタでは確かめていません。クラス用の予約カレンダーで月が出るかは、ヘルプの記述だけでは分かりません。お店のエディタで確かめられます。

月のマス目にする方法

クラスを月で見せる 2 つの道 Wix 標準では、クラスは週の表示です。月のマス目で見せるには、月のカレンダーを出すアプリを足します。 クラスを月で見せたい A 標準のまま 週の表示・週間タイムテーブル B アプリを足す 月のマス目で表示

Wix App Market には、月のカレンダーを出すアプリがすでにあります。BoomTech の Booking Calendar は、*2 の Boom Event Calendar とは別のアプリです。このアプリは、サービスごとの色、スタッフや場所での絞り込み、満席の枠を隠す設定などを持ちます。ページに無料プランの記載はなく、3 日間の無料体験のあと月 ¥489 です(2026-10-24 時点。*6)。

アプリについて

この記事を書いている Hullspark は、「月間予約カレンダー」というアプリを作りました(Wix App Market の掲載)。動きは、上の 4 つの項目のとおりです。下の図は、サンプルのクラスを表示した画面です。

無料プランは、今月だけ・クラス 1 つの表示です。日本語と英語、ライトとダーク、週の始まり、満席を隠す設定が使えます。Pro では、12 か月先までの表示と、複数のクラスの色分け(8 色)が加わります。金額は掲載ページに出ています。

予約と支払いは、これまでどおり Wix ブッキングで行います。読むのはクラスの名前、日時、残り席と定員、予約ページの URL だけです。予約者や顧客の情報は読みません。対象はクラスだけで、個別予約とコースは出ません。Wix ブッキングが入っていないサイトでは使えません。

サイトに表示した月のカレンダー。上に今月の空きと次のクラス、中央に月のマス目、下に選んだ日のクラスと残り席が並ぶ(英語表示)
サイトに表示した月のカレンダー(サンプルのクラス、英語表示)。月のマス目の下に、選んだ日のクラスと残り席が出ます。

Wix App Market で見る

よくある質問

Wix ブッキングで、クラスを月のカレンダーにできますか。

公式ヘルプでは、クラスの空き時間は週の表示で、月にはできないとされています(*1)。スマホ用の月レイアウトの記載はあります(*3)。

週間タイムテーブルは月にできますか。

ヘルプには週の表示だけが書かれています(*5)。

個別予約のサービスも月で見せられますか。

このアプリは、クラスだけが対象です。個別予約とコースは出ません。

無料で使えますか。

このアプリには無料プランがあります。今月だけ、クラス 1 つの表示です。

日付を押すと何が出ますか。

その日のクラスの一覧が開きます。残り席が出て、空きのある枠には予約ページへのリンクが付きます。

スマホでも見られますか。

見られます。狭い幅ではマス目に色の点が付き、日付を押すとその日のクラスと残り席が出ます。

予約や支払いは、このアプリで行いますか。

いいえ。予約と支払いは、これまでどおり Wix ブッキングで行います。

日本語でも表示できますか。

日本語と英語に対応しています。

確かめていないこと

アプリの説明は、アプリのコードと掲載文にもとづきます。Wix App Market で公開中です。売り場に出ている版を、実際のサイトに入れて、クラスが月に出るかを確かめたものではありません。金額は掲載ページが正です。標準機能の説明は公式ヘルプの要約で、私の画面で試したものではありません。ヘルプの記述が古い場合があります。

出典

質問は サポートページか support@hullspark.com へ。プライバシーポリシー ・ 利用規約(Wix アプリ共通)

アプリの掲載: Wix App Market