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

Wix Studio エディタ:「Wix ホテル」アプリを追加する

2分
クライアントがホテルや民泊などのビジネスを運営している場合は、サイトに「Wix ホテル」アプリを追加することで、客室や予約を簡単に管理できるようになります。このアプリは自由にカスタマイズできるため、クライアントが提供している客室やサービスに合わせてページを作成することができます。
この記事では、以下の項目について説明します:

「Wix ホテル」アプリを追加する

「Wix ホテル」アプリは、エディタ内の App Market から直接クライアントのサイトに追加することができます。

「Wix ホテル」アプリを追加する方法:

  1. エディタ左側で「App Market をクリックします。
  2. App Market」をクリックします。
  3. 検索バーに「Wix ホテル」と入力します。
  4. 検索結果で「Wix ホテル」アプリをクリックします。
  5. サイトに追加」をクリックします。
  6. 同意して追加」をクリックします。
App Market の検索結果に、「Wix ホテル」アプリが表示されている様子を示したスクリーンショット。

「部屋の予約」ページをカスタマイズする

「Wix ホテル」アプリを追加したら、クライアントのビジネスに合わせて、顧客が部屋を検索したり予約したりするための「部屋の予約」ページをカスタマイズします。

このページは 1つの大きな要素で構成されていて、顧客が選択したオプションに応じて表示される画面、アイコン、ボタンなどをカスタマイズすることができます。また、ページに表示される各種テキストも、クライアントのスタイルに合わせて編集することができます。

「部屋の予約」ページをカスタマイズする方法:

  1. エディタ左側で「ページ をクリックします。
  2. 部屋の予約」をクリックします。
  3. ページ上の「部屋の予約」要素をクリックします。
  4. 設定」をクリックします。
  5. カスタマイズする内容を選択します:
    • 客室一覧:客室一覧ページのレイアウトを選択し、「入力欄」、「客室設備アイコン」の見た目、および表示する「客室情報」を選択します。
    • テキスト:客室一覧ページ、検索ボックス、予約フォームなどに表示されるテキストを編集します。
    • デザイン:利用可能なオプションを使用して、ページに表示される各種子要素のデザインをカスタマイズします。
ページに表示される各種子要素のデザインをカスタマイズする様子を示したスクリーンショット。
App Market の検索結果に、「Wix ホテル」アプリが表示されている様子を示したスクリーンショット。
ページに表示される各種子要素のデザインをカスタマイズする様子を示したスクリーンショット。