Web サイトの効果的な価格設定セクションを設計することは、潜在的な顧客を購入の意思決定と全体的なマーケティング戦略に導く上で不可欠です。
Web サイトでこのセクションを使用すると、提供されているすべてのサービスの価格を表示し、CTA ボタンを使用して顧客を支払いページにリダイレクトできます。
この記事で
価格セクションを追加
- ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
- あなたのページで、をクリックしてください 青+アイコン 新しいセクションを追加します。
- 今すぐ セクションカテゴリ 左側にあります。
- にスクロールします 価格（英語） (1)セクションをクリックしてください。 さまざまな選択肢から選択できる画面が表示されます レイアウト ロゴセクションの(2)。
- 任意のセクション レイアウトを選択し、クリックしてページに追加します。
価格設定セクションの管理
セクションを追加したら:
- セットアップボタンをクリックすると、セットアップが開始されます 価格の管理 (1) ボタンを押して開きます。 価格セクション （2）設定。
リスト項目の追加と編集
リスト項目を追加する
- セットアップボタンをクリックすると、セットアップが開始されます アイテムを追加 (1) ボタンをクリックして、リストに新しい項目を追加します。
- 重複ファイル or 削除 (2) リスト項目。
- 編集 見出し （3）セクションの。
リスト アイテムの編集
編集するリスト項目をクリックします。 特定のリスト項目の編集オプションが開きます。
ここから次のことができます。
- アップロード or 削除 (1) 画像。 編集することもできます アクセントカラー 画像の上にカーソルを置くと表示されます。
- 加える 役職 (2)、字幕 (3)、および説明 (4) リスト項目の。
Note
説明を追加する前に確認してください この 記事。
- リスト項目のタイトルをリンクする トグル (5) をクリックします。 こちらをクリックしてください 詳細をお知りに。
- で開くようにリンクを設定します N新しいタブ または 同じタブ とします。
- その他を追加 リンク (7) リスト項目へ。 ボタン/テキストリンク/画像リンク/ソーシャルアイコンを追加できます。 さらに詳しく.
- Save (8) お客様の変更。
リスト項目の順序付け
リスト項目の順序は次の方法で簡単に変更できます。 ドラッグアンドドロップ それら。
実際の価格設定項目リストの順序付けを参照してください。
レイアウトの管理
- セットアップボタンをクリックすると、セットアップが開始されます レイアウトタブ とします。
- 優先するものを選択してください レイアウト （2）と 保存(3) 変更。
スタイル価格セクション
さまざまなスタイル オプションを使用して、ロゴ セクションのさまざまな側面をカスタマイズできます。 スタイル オプションに移動するには、 価格の管理 (1)ボタンを押して、 形式 (2) タブ。
アイテムのスタイルオプション
- の項目を表示します 行と列 または カルーセルモード とします。
- をセットする 列の数 (2)。 最大 10 列まで選択できます。
- 特定します 列間のスペース リスト項目の(3)。 この値はピクセルで定義されます。
- 特定します 行間のスペース リスト項目の(4)。 カルーセル モードがアクティブな場合、このオプションは表示されません。 この値はピクセルで定義されます。
- 選択する コンテンツの順序 (5) 最初に表示されるリスト項目の画像または関連するテキスト。
- 管理する コンテンツの配置 セクション内 水平に とします。
- 管理する コンテンツの配置 セクション内 垂直に とします。
- 特定します 列の数 on モバイルデバイス (8)。 最大 3 列まで選択できます。
- 項目間の間隔を管理する 垂直に および 水平に とします。
画像のスタイル設定オプション
- Iを選択してくださいメイジクロップ (10) リスト項目の場合。 画像を正方形、円形、横長、縦長、オリジナルに設定できます。
- 使い方 コーナー半径 (11) 画像の角の鮮明さを管理できます。 コーナーを管理することも選択できます 個別に.
- 選択する 画像ホバーの色 (12) になる アクセントの色 または 指定の。 を選択した場合 アクセントの色、次に指定します 不透明度.
- 選択する ベースカラー （13）と 不透明度 画像の上にマウスを移動して、必要な項目を選択します。 このオプションは次の場合にのみ表示されます。 色を指定 選択されています。
- をセットする 要素の色 (14) セクションのリスト項目については。
- に選択します。 画像をアニメーション化 (15) ホバリング中。 有効にした場合は、 アニメーションスタイル とします。
サイズとスペースとテキストスタイルのオプション
- 特定します 画像の幅 (17)商品画像用。
- 特定します コンテンツの幅 (18) リスト項目の場合。
- 特定します セクション見出しの下のスペース (19) ピクセルで。
- 特定します 画像の下のスペース (20) パーセント。
- 特定します タイトルの下のスペース (21) パーセント単位のリスト項目。
- 特定します 字幕の下のスペース (22) パーセント単位のリスト項目。
- 特定します 役職 (23) リスト項目のフォント スタイル。
- 特定します サブタイトル (24) リスト項目のフォント スタイル。
- 特定します 説明 (25) リスト項目のフォント スタイル。
カードと影
- 方法を参照してください 管理する カード とします。
- 方法を指定する ディスプレイ (27) 影。
- 形式 (28) 影。 いくつかのプリセットがあり、ボックス シャドウ ジェネレーター ツールを使用してシャドウをカスタマイズすることもできます。
- [プリセット] オプションが選択されている場合、 影のスタイルを選択 (29) ドロップダウンから。
ボタンとリンク
- 方法を参照してください のスタイリングを管理する ボタンとリンク とします。
