header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • 動画ガイド(英語)
  • サービスページの表示設定をカスタマイズする
  • サービスページのレイアウトを管理する
  • サービスページをデザインする
  • サービスページのテキストを編集する

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

11分
この記事内
  • 動画ガイド(英語)
  • サービスページの表示設定をカスタマイズする
  • サービスページのレイアウトを管理する
  • サービスページをデザインする
  • サービスページのテキストを編集する
Wix ブッキングサービスページは、各サービスを紹介する場所です。予約する前に伝えたい情報を顧客に知らせることができます。
サービスページは、サービス作成時に追加した情報をもとに、自動的にエディタに表示されます。顧客は、画像、サービス名、または「詳細はこちら」リンクをクリックすることで、サービスページにアクセスすることができます。
ライブサイトのスクリーンショット。ヘッダー、本文、サイドバーで構成されたサービスページの一例。

動画ガイド(英語)

動画チュートリアルを確認するか、スクロールダウンして記事全文をお読みください。

サービスページの表示設定をカスタマイズする

表示したい情報を決定して、サービスページの表示方法を選択します。ヘッダーとサイドバーを表示または非表示にするオプションを含む、最大 8つの異なる情報セクションのレイアウトと順序をカスタマイズします。
サイドバーを使用している場合は、そこでハイライトしたい詳細を選択します。これらの詳細はページの本文には表示されません。
ヘッダー、本文、サイドバーの位置関係を分かりやすく示したスクリーンショット。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. サービスページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブッキングページ」をクリックします。
    3. サービスページ」をクリックします。
Wix エディタでサービスページにアクセスする方法を示したスクリーンショット。
  1. ページ上の「service page(サービスページ)」をクリックします。
  2. 設定」をクリックします。
  3. 表示設定」タブをクリックします。
  4. 編集する内容を選択します:
    • ヘッダー:「ヘッダーを表示」トグルを有効にして、ヘッダーを表示します。次に、サービスページのヘッダーに表示したいパーツ横のチェックボックスを選択します。
    • 本文:左側の青いグリッドを使用して、セクションをドラッグアンドドロップします。各セクションの「矢印」アイコン  をクリックして、非表示またはカスタマイズします。利用可能なオプションは、編集するセクションによって異なります。
      ヒント:「非表示」アイコン  はパーツが非表示になっていることを示します。
    • サイドバー:「サイドバーを表示」トグルを有効にして、表示する内容を選択します。たとえば、ビジネスの連絡先情報やキャンセルポリシーなどです。
注意:
管理」タブをクリックして、サイトのダッシュボードからサービスページの特定の情報を編集します:

サービスページのレイアウトを管理する

サービスページのレイアウトをパーソナライズし、顧客が必要な情報を見つけやすくしましょう。「レイアウト」オプションを使用して、ヘッダー、本文、サイドバーの外観と間隔を制御して、バランスのとれたプロフェッショナルなデザインに仕上げることができます。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. サービスページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブッキングページ」をクリックします。
    3. サービスページ」をクリックします。
Wix エディタでサービスページにアクセスする方法を示したスクリーンショット。
  1. ページ上の「service page(サービスページ)」をクリックします。
  2. 設定」をクリックします。
  3. レイアウト」をクリックします。
  4. カスタマイズするものを選択します。最初からやり直すには、各セクションの下部にある「元の設定にリセット」をクリックすると、いつでも初期設定に戻すことができます:
    • ヘッダー:ヘッダーの高さを調整したり、パーツを左揃え、右揃え、または中央揃えに配置したり、左右の余白を設定したり、画像のクロップをカスタマイズしたりすることができます。
    • 本文:間隔、余白、カラムのレイアウト、配置を調整します。サービス内容ボックスの余白と配置を設定し、ギャラリーの表示とサムネイルサイズを選択します。
    • サイドバー:サイドバーを左または右に表示するかを選択し、配置を設定して、サイズ調整、左右の余白、本文とサイドバーの間の間隔を調整します。
サイドバーオプションのレイアウトを調整する方法を示したスクリーンショット。

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

サービスページのデザインは、ビジネスやブランドに合わせてカスタマイズすることができます。ヘッダー、本文、サイドバーを編集すると、情報をより分かりやすく表示することができます。
また、サービス内容ボックス、スケジュール、ギャラリーなどのパーツを追加して、サービスをさらに詳しく紹介することも可能です。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. サービスページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブッキングページ」をクリックします。
    3. サービスページ」をクリックします。
Wix エディタでサービスページにアクセスする方法を示したスクリーンショット。
  1. ページ上の「service page(サービスページ)」をクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. カスタマイズするものを選択します。
    • ヘッダー:サービスページのヘッダーの背景色と不透明度、およびサービスタイトルのフォントと色をカスタマイズします。ヘッダーボタンのフォント、背景の色、不透明度などを調整することもできます。
    • 本文:利用可能なオプションを使用して、サービスページ本文の背景の色と不透明度、各テキストのフォントと色、および本文ボタンのフォント、色、背景の色、不透明度などをカスタマイズします。
    • サイドバー:利用可能なオプションを使用して、サービスページのサイドバーの背景の色と不透明度、各テキストのフォントと色、およびサイドバーボタンのフォント、色、背景の色、不透明度などをカスタマイズします。
    • サービス内容ボックス:利用可能なオプションを使用して、サービスページのサービス内容ボックス内のフォントと色、ボックスの色と不透明度、および枠線色と不透明度などを調整します。
    • スケジュール:利用可能なオプションを使用して、サービスページのスケジュール内の背景の色と不透明度、スケジュールの枠線色と不透明度、および境界線の色と不透明度などをカスタマイズします。スケジュールに表示される各テキストのフォントと色をカスタマイズすることもできます。
      注意:今後のコーススケジュールは、開始の 7日前にのみ表示されます。
    • ギャラリー:利用可能なオプションを使用して、サービスページのギャラリーの角の丸み、枠線の太さ、および枠線色と不透明度などを調整します。
サービスページのデザインを編集する方法を示したスクリーンショット。
もっと詳しく知りたい場合:
オンラインでビジネスを構築するためのサイトのデザイン方法については、Wix Learn の動画をご覧ください。

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

予約ボタンにデフォルトで表示されるテキストや、コースを提供する際に自動で表示されるテキストは、サービスやブランドに合わせて自由にカスタマイズすることができます。
オンライン予約ボタンや予約リクエストボタンのテキストをはじめ、コースの予約状況に応じて表示されるさまざまなテキストを編集することが可能です。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. サービスページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブッキングページ」をクリックします。
    3. サービスページ」をクリックします。
Wix エディタでサービスページにアクセスする方法を示したスクリーンショット。
  1. ページ上の「サービスページ」パーツをクリックします。
  2. 設定」をクリックします。
  3. テキスト」タブをクリックします。
  4. 各入力欄をクリックして、独自のボタンテキストや行動喚起フレーズなどを入力します。
サービスページのテキストのオプションが表示されたスクリーンショット。たとえば、「オンライン予約」ボタンに「今すぐ予約」と表示されています。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.