販売プラン：販売プランページのモバイル表示をカスタマイズする | サポートセンター

販売プラン：販売プランページのモバイル表示をカスタマイズする

読了時間：4分

どのデバイスでも顧客が適切なプランを選択できるよう、モバイルでの表示をカスタマイズしましょう。小さいスクリーンサイズに収まるよう、必要な情報を掲示し、販売プランに表示されるテキストサイズとレイアウトを変更します。

この記事では、以下の項目について説明します：

重要：

デスクトップ版サイトとモバイル版サイトは、同じサイトの異なる表示モードであり、別々のサイトではありません。デスクトップサイトへの変更はモバイルサイトに影響しますが、モバイルサイトへの変更はデスクトップサイトには影響しません。

モバイルサイトでの販売プランのレイアウトをカスタマイズして、顧客が簡単に適切なプランを選択できるようにします。ページ上のパーツ間の配置と間隔を変更して、小さな画面でも読みやすくすることができます。

エディタで販売プランページにアクセスします。
エディタ上部で「モバイルエディタに切り替え」アイコンをクリックします。
ページで販売プランアプリをクリックします。
「設定」をクリックします。
「レイアウト」をクリックします。
以下のオプションを使用してレイアウトをカスタマイズします：
- ページテキストのレイアウト：タイトル、サブタイトル、免責事項の配置を選択します。
- プランカードの間隔：スライダーを使用して、プランカードの間隔を設定します。
- プラン詳細のレイアウト：プラン詳細の配置を設定します。
- 特典のレイアウト：プランの特典の配置と行間隔を選択します。

モバイルで各プランについて表示する詳細を選択します。プラン名、タグライン、特典などの情報を表示または非表示にすることができます。

エディタで販売プランページにアクセスします。
エディタ上部で「モバイルエディタに切り替え」アイコンをクリックします。
ページで販売プランアプリをクリックします。
「設定」をクリックします。
「表示」をクリックします。
以下のオプションを使用して表示をカスタマイズします：
- 表示する項目：販売プランについて表示する情報（ページタイトル、ページサブタイトル、プラン名、プランのタグライン、プランの特典）を選択します。
- 免責事項を表示：このトグルを有効にして、顧客がプランを購入する前に利用規約を確認できるようにします。
  - 「免責事項」欄にテキストを入力します。

ヒント：

デスクトップで特定の販売プランをハイライトするように設定した場合、モバイルサイトではそのプランが最上部に表示されます。

販売プランのデザインをカスタマイズして、全体として読みやすく、各プランの特典がわかりやすいページに仕上げます。スライダーを使用することで、モバイルサイトでの各テキスト要素のサイズを調整することができます。

販売プランの順序を変更したい場合：

ダッシュボードの販売プランタブで所定の位置にドラッグ＆ドロップし、販売プランを並び替えることができます。これでサイトでのプランの表示順序を管理することができます。

この記事では下記を説明します：