Wix ヘルプセンター
  1. ホーム
  2. ビジネスの管理
  3. ビジネスソリューション・アプリ
  4. Wix ブッキング
  5. Wix ブッキングページのカスタマイズ
  6. Wix ブッキング：ブッキングカレンダーページをカスタマイズする

Wix ブッキング：ブッキングカレンダーページをカスタマイズする

読了時間：11分
顧客がクラスやプライベート予約セッションを予約する際、カレンダーページで日時を選択します。テキスト、レイアウト、表示内容を調整して、ブランドに合わせてカレンダーページをカスタマイズしましょう。
ライブサイトのブッキングカレンダーを示したスクリーンショット。
この記事では、以下の項目について説明します：
注意：
ブッキングカレンダーページはクラスとプライベート予約のみ表示され、コースでは利用できません。

ブッキングカレンダーページのレイアウトを選択する

顧客が必要な情報をできるだけ簡単に見つけられるよう、カレンダーに分かりやすいレイアウトを選択します。日表示または週表示のレイアウトから選択して、各要素の配置や間隔を調整することができます。選択したレイアウトはすべてのサービスに適用されます。
重要：
エディタ上部の「モバイルエディタに切り替え」をクリックして、モバイルサイトのレイアウトを調整することもできます。「月表示」または「週表示」の 2つのレイアウトスタイルから選択できます。
A screenshot showing how to adjust the layout using the mobile editor.
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします。
  2. オンライン予約ページにアクセスします：
    1. エディタ左側で「ページ・メニュー」 をクリックします。
    2. 「ブッキングページ」をクリックします。
    3. 「ブッキングカレンダー」ページをクリックします。
  3. ページ上の「ブッキングカレンダー」パーツをクリックします。
    A screenshot showing how to access the Booking Calendar page in the Wix Editor.
  4. ページ上の「ブッキングカレンダー」パーツをクリックします。
  5. 「設定」をクリックします。
  6. 「レイアウト」タブをクリックします。
  7. 以下のオプションをカスタマイズします：
    • レイアウトを選択：ブッキングカレンダーの形式を、日表示または週表示から選択します。
    • テキスト配置：クリックして、テキストの配置を左、中央、右のいずれかに設定します。
    • 上下の余白：スライダーを使用して、ブッキングカレンダーの上下の余白を調整します。
    • 左右の余白：スライダーを使用して、ブッキングカレンダーの左右の余白を調整します。
    • ヘッダーと本文の間隔：スライダーを使用して、ヘッダーと本文の間隔を調整します。
ブッキングカレンダーのレイアウトを選択しているスクリーンショット。

ブッキングカレンダーページに表示するパーツを選択する

ブッキングカレンダーページには、サービスのサブタイトルや日時など、サービスについての詳細情報を表示する複数の要素が含まれています。必要に応じて、特定の要素を表示または非表示にすることができます。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします。
  2. オンライン予約ページにアクセスします：
    1. エディタ左側で「ページ・メニュー」 をクリックします。
    2. 「ブッキングページ」をクリックします。
    3. 「ブッキングカレンダー」ページをクリックします。
  3. ページ上の「ブッキングカレンダー」パーツをクリックします。
  4. エディタでブッキングカレンダーをクリックします。
  5. 「設定」をクリックします。
  6. 「表示設定」タブをクリックします。
  7. 表示する項目を選択します：
    • ヘッダー
      • 適切なチェックボックスを選択して、サービスタイトルの下にあるサブタイトルまたはフィルターを表示または非表示にします。
      • サービスタイトルの下に表示するテキストを選択します。
        • カスタムテキスト：「テキスト」タブの「ヘッダー・フィルター」セクションで設定します。
        • サービスサブタイトル：このオプションのテキストを設定するには、「サービスを管理」に移動し、サービスをクリックします。
    • 日時：
      • 該当するチェックボックスを選択して、「現在の日付」または「次の予約可能日」のいずれかを表示させます。
      • 該当するチェックボックスを選択して、「満員・予約終了を含むすべての時間帯」または「利用可能な時間帯のみ」のいずれかを表示させます。
      • （オプション）「時間帯の表示を制限」トグルを有効にして、表示させる時間帯の数を少なくします。スライダーを使用して、1日に表示される時間帯の数を設定します。
    • 予約内容：オンラインサービス用の「ビデオ会議バッジを表示」トグルを有効にします。
予約内容を有効にする方法を示したスクリーンショット。

ブッキングカレンダーページをデザインする

サイト全体のデザインに合わせて、ブッキングカレンダーに独自のデザインを適用することができます。ブッキングカレンダーは動的ページであるため、一度デザインしておくと、すべてのサービスに指定したデザインが適用されるようになります。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします。
  2. オンライン予約ページにアクセスします：
    1. エディタ左側で「ページ・メニュー」 をクリックします。
    2. 「ブッキングページ」をクリックします。
    3. 「ブッキングカレンダー」ページをクリックします。
  3. ページ上の「ブッキングカレンダー」パーツをクリックします。
  4. ブッキングカレンダーパーツをクリックします。
  5. 「設定」をクリックします。
  6. 「デザイン」タブをクリックします。
  7. カスタマイズするデザインを選択します：
    • スタイル：ウィジェット、ヘッダー、枠線、区切り線の背景色を変更します。
    • テキスト：ページ全体のさまざまなテキスト要素のフォントと色を選択します。
    • セレクション：顧客がページ上でクリックできるボタンやその他の要素（例：カレンダーの日付など）をデザインします。
ブッキングカレンダーのデザインをカスタマイズする方法を示したスクリーンショット。

ブッキングカレンダーページのテキストを編集する

カレンダー上のすべてのテキスト要素は、ビジネスや顧客に合わせて編集することができます。スタッフや顧客にとって分かりやすいテキストで説明するようにしてください。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします。
  2. オンライン予約ページにアクセスします：
    1. エディタ左側で「ページ・メニュー」 をクリックします。
    2. 「ブッキングページ」をクリックします。
    3. 「ブッキングカレンダー」ページをクリックします。
  3. ページ上の「ブッキングカレンダー」パーツをクリックします。
  4. ブッキングカレンダーパーツをクリックします。
  5. 「設定」をクリックします。
  6. 「テキスト」タブをクリックします。
  7. カスタマイズするテキスト要素を選択します：
    • ヘッダー・フィルター：場所ラベル、スタッフラベル、期間ラベルなどのテキストを変更します。
    • 日時：顧客がキャンセル待ちの場合に表示されるテキストをカスタマイズします。
  • 予約内容：顧客がチェックアウトに進む前に表示されるテキストを編集します。
  • 予約ボタン：オンライン予約ボタン、予約リクエストボタン、キャンセル待ちボタン、予約変更ボタンなど、カレンダーに表示されるさまざまなボタンを編集します。
ブッキングカレンダーに表示されるテキストを編集する方法を示したスクリーンショット。
ヒント：

お役に立ちましたか？

|
この記事では下記を説明します：
  • ブッキングカレンダーページのレイアウトを選択する
  • ブッキングカレンダーページに表示するパーツを選択する
  • ブッキングカレンダーページをデザインする
  • ブッキングカレンダーページのテキストを編集する

お役に立ちましたか？

|