Wix ヘルプ
ホーム
記事ライブラリ
ビジネスの管理
ビジネスソリューション・アプリ
販売プラン
販売プランページのデザイン

販売プラン：タブを使用して異なるプランを表示する

5分
タブごとに異なる販売プランを表示すると、顧客の利便性を向上させることができます。たとえば、別々のタブを使用して、月額プランと年額プランを分けて表示することができます。これにより、顧客は自分に適したプランをより簡単に見つけることができるようになります。
月額プランと年額プランを上部のタブで切り替えて表示できるようにした一例。
注意：
現在、Wix Harmony エディタでは、タブパーツはご利用いただけません。

ステップ 1 | サイトにタブを追加する

まず、サイトの該当するページにタブパーツを追加します。
  1. エディタに移動します。
  2. 「プラン・料金」ページにアクセスします：
    1. エディタ左側で「ページ・メニュー」 をクリックします。
    2. 「プラン・料金」ページをクリックします。
  3. エディタ左側で「パーツを追加」 をクリックします。
  4. 「インタラクティブ」をクリックします。
  5. 「ボックス」下の「タブ」をクリックします。
  6. タブのデザインをクリック＆ドラッグして、ページに追加します。
エディタでページに「タブ」パーツを追加する様子を示したスクリーンショット。

ステップ 2 | タブに名前を付ける

「プラン・料金」ページにタブパーツを追加したら、顧客が適切な販売プランをすばやく見つけられるよう、各タブに名前を付けましょう。たとえば、支払いの頻度に基づいて、毎週、毎月、または年額などのラベルを付けることができます。
  1. エディタでタブパーツをクリックします。
  2. 「タブを管理」をクリックします。
  3. パネル内の該当するアイテムにマウスオーバーします。
  4. 「その他のアクション」アイコン  をクリックします。
  5. 「名前を変更」をクリックします。
  6. 新しい名前を入力します。
  7. 「完了」をクリックします。
  8. 表示するタブごとに手順 3～7 を繰り返します。
エディタでタブの名前を変更する方法を示したスクリーンショット。

ステップ 3 | タブに販売プランのパーツを追加する

タブに名前を付けたら、すべてのタブに販売プランのパーツを追加し、それぞれのタブをカスタマイズして関連する販売プランを表示します。
  1. エディタでタブパーツをクリックします。
  2. 「タブ」ドロップダウンをクリックし、該当するタブを選択します。
  3. エディタ左側で「パーツを追加」をクリックします。
  4. 「支払い」をクリックします。
  5. 「販売プラン」下の「シングルプランカード」をクリックします。
  6. 該当するパーツをタブにドラッグします。
  7. 「タブに移動」のメッセージが表示されたら、パーツをドロップします。
  8. タブごとに手順 2〜7 を繰り返します。

ステップ 4 | 各タブに表示するプランを選択する

すべてのタブに販売プランのウィジェットを追加したら、それぞれのウィジェットに表示するプランを選択します。
  1. エディタでタブパーツをクリックします。
  2. 上部のドロップダウンから最初のタブを選択します。
  3. 追加した販売プランのウィジェットをクリックして選択します。
  4. 選択した販売プランのウィジェットに応じて、表示するプランを選択します。