Wix ブッキング:サービスページをカスタマイズする

読了時間:6分
重要:
現在、新しいバージョンのサービスページをリリース中です。そのため、このページは一部のユーザー様のみご利用いただけます。サービスページが下の画像のように表示されない場合はこちらをクリックしてください。
Wix ブッキングサービスページは、各サービスを紹介する場所です。予約する前に伝えたい情報を顧客に知らせることができます。
サービスページは、サービス作成時に追加した情報をもとに、自動的にエディタに表示されます。顧客は、画像、サービス名、または「詳細はこちら」リンクをクリックすることで、サービスページにアクセスすることができます。
この記事では、次の項目について説明します:
ライブサイトのスクリーンショット。ヘッダー、本文、サイドバーで構成されたサービスページの一例。

サービスページのレイアウトをカスタマイズする

まず、ビジネスに適したサービスページのレイアウトを選択します。次に、サービスページに表示する情報セクションを指定します。セクションには、サービス詳細、サービススケジュール、連絡先などの詳細を含めることができます。
サービスページのヘッダー、本文、サイドバーのデザインは、それぞれカスタマイズすることができます。また、ヘッダーとサイドバーは、必要に応じて非表示にすることも可能です。
ヘッダー、本文、サイドバーの位置関係を分かりやすく示したスクリーンショット。

サービスページのレイアウトを変更する方法:

  1. エディタで「サービスページ」パーツをクリックします。
  2. 設定」をクリックします。
  3. レイアウト」タブをクリックします。
  4. ヘッダーを表示」トグルを使用して、サービスページのヘッダーを有効または無効にします。
  5. サービスページのヘッダーに表示したい項目横のチェックボックスを選択します:
  6. スライダーを使用して、画像の不透明度、ヘッダーの高さ、左右の余白を調整します。
  7. ヘッダーの配置を選択します。
  8. 画像クロップ編集」をクリックして、ヘッダーに画像のどの部分を表示するかを選択します。

表示する情報を選択する

サービスページには、最大で 6つの異なる情報セクションを表示することができます。これらのセクションには、サービスタイトル、サービス内容、サービス詳細、サービススケジュールなどが含まれます。
また、キャンセルポリシーや連絡先を表示することもでき、各セクションの順序も必要に応じて並べ替えることができます。
注意:
サービスページにサイドバーを表示する場合は、そこに表示したい情報セクションを選択してください。なお、サイドバーに表示したセクションは、本文には表示されなくなります。

サービスページの特定の情報は、サイトダッシュボードから編集することができます:

表示する情報を選択する方法:

  1. エディタで「サービスページ」パーツをクリックします。
  2. 設定」をクリックします。
  3. セクション」をクリックします。
  4. 左側の青いグリッドをドラッグアンドドロップして、各セクションの順序を必要に応じて並べ替えます。
サービスページのセクションの順序をドラッグアンドドロップで変更する様子を示したスクリーンショット。
  1. (オプション)各セクションの「編集」アイコン をクリックし、以下のオプションから選択します:
    • トグルを使用して、特定のセクションを表示または非表示にします。
      ヒント:非表示にすると、そのセクションに アイコンが表示されます。
    • チェックボックスをクリックして、各セクションに表示する項目を選択します(表示される項目は、編集するセクションによって異なります)。
    • サービスページ上でのセクションの配置を選択します。
サービスページの「サービスタイトル」セクションを表示する様子を示したスクリーンショット。

サービスページをデザインする

サービスページのデザインは、ビジネスやブランドに合わせてカスタマイズすることができます。ヘッダー、本文、サイドバーを編集すると、情報をより分かりやすく表示することができます。
また、サービス内容ボックス、スケジュール、ギャラリーなどのパーツを追加して、サービスをさらに詳しく紹介することも可能です。

サービスページのデザインをカスタマイズする方法:

  1. エディタで「サービスページ」パーツをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. カスタマイズするものを選択します。
    • ヘッダー:サービスページのヘッダーの背景色と不透明度、およびサービスタイトルのフォントと色をカスタマイズします。利用可能なオプションを使用して、ヘッダーボタンのフォント、色、背景の色、不透明度などを調整することもできます。
    • 本文:利用可能なオプションを使用して、サービスページ本文の背景の色と不透明度、各テキストのフォントと色、および本文ボタンのフォント、色、背景の色、不透明度などをカスタマイズします。
    • サイドバー:利用可能なオプションを使用して、サービスページのサイドバーの背景の色と不透明度、各テキストのフォントと色、およびサイドバーボタンのフォント、色、背景の色、不透明度などをカスタマイズします。
    • サービス内容ボックス:利用可能なオプションを使用して、サービスページのサービス内容ボックス内のフォントと色、ボックスの色と不透明度、および枠線色と不透明度などを調整します。
    • スケジュール:利用可能なオプションを使用して、サービスページのスケジュール内の背景の色と不透明度、スケジュールの枠線色と不透明度、および境界線の色と不透明度などをカスタマイズします。スケジュールに表示される各テキストのフォントと色をカスタマイズすることもできます。
    • ギャラリー:利用可能なオプションを使用して、サービスページのギャラリーの角の丸み、枠線の太さ、および枠線色と不透明度などを調整します。
「デザイン」タブのカスタマイズオプションが表示されたスクリーンショット。
もっと詳しく知りたい場合:
オンラインでビジネスを構築するためのサイトのデザイン方法については、Wix Learn の動画をご覧ください。

サービスページのテキストを編集する

予約ボタンにデフォルトで表示されるテキストや、コースを提供する際に自動で表示されるテキストは、サービスやブランドに合わせて自由にカスタマイズすることができます。
オンライン予約ボタンや予約リクエストボタンのテキストをはじめ、コースの予約状況に応じて表示されるさまざまなテキストを編集することが可能です。

サービスページのテキストを編集する方法:

  1. エディタで「サービスページ」パーツをクリックします。
  2. 設定」をクリックします。
  3. テキスト」タブをクリックします。
  4. 各入力欄をクリックして、独自のボタンテキストや行動喚起フレーズなどを入力します。

お役に立ちましたか?

|