サービスランクをわかりやすく示したかったとき、縦長の価格表が最も効果的だとわかりました。各プランを横に並べることで、訪問者は特徴を素早くスキャンし、どのオプションが自分に合うかを確認することができます。
良いニュースは？ショートコードやカスタムCSSをいじる必要はありません。WordPressには価格テーブルを追加する簡単な方法がいくつか用意されており、SeedProdを使えば、コンバージョンにつながる洗練されたランディングページを簡単に作ることができます。
このガイドでは、コーディングなしで簡単に縦の価格テーブルを作成する方法をステップバイステップで紹介します。
垂直価格表を作る簡単な手順
SeedProdでカスタム価格設定セクションを構築する
簡単に更新できるプロフェッショナルな価格設定ページをお望みなら、SeedProdが最適です。
WordPress用のドラッグ＆ドロップ式のページビルダーで、コーディングなしで数分でフルカスタマイズ可能な縦型価格テーブルを追加できます。
私がSeedProdを使い始めるのが好きな理由は、ただ表を表示するだけではないからです。実際にサインアップを促すような体験談、カウントダウンタイマー、コールトゥアクションボタンを備えた価格設定セクション全体を構築することができます。
ここでは、SeedProdを使用してWordPressに新しい価格設定ページを設定する方法を説明します。
まずは、SeedProdをダウンロードしてWordPressサイトにインストールしてください。
次に、SeedProd " Settingsに移動し、ライセンスキーを入力します。
ステップ1.新しいランディングページを作成する
SeedProdをインストールし、有効化した後、SeedProd " Pagesにアクセスし、新しいランディングページを作成します。
完全な手順については、SeedProdでランディングページを作成するためのステップバイステップガイドをご覧ください。
このガイドでは、ランディングページのテンプレートの選び方、SeedProdのすべての設定など、すべての手順を説明しています。ページを作成したら、ここに戻ってSeedProdの価格テーブルブロックについて学んでください。
ステップ2.垂直価格表ブロックを追加する
SeedProdで価格設定ページを作成した後、価格設定テーブルブロックを使用して、カスタマイズ可能な価格比較カラムをデザインに追加することができます。
この例では、あらかじめ用意されたテンプレートを選び、3列の行を追加して価格テーブルを配置しました。
ページに価格テーブルを追加するには、価格テーブル ブロックを選択し、デザインにドラッグします。縦3列の価格テーブルが必要な場合は、このステップをさらに2回繰り返してください。
各テーブルブロックの設定アイコンをクリックして、価格テーブルの内容をカスタマイズできるようになりました。
例えば、こんなことができる：
- プラン名の編集
- 価格を変更する
- 通貨を選ぶ
- 通常価格を追加する
- 説明を含む
- 機能リストの追加
- 複数のCTAボタンを表示する
さらに、詳細設定タブでは、各テーブルの色、フォント、アイコン、間隔、ボタン、ホバー効果などをカスタマイズすることができます。これは、1つの価格帯を他の価格帯よりも目立たせ、買い物客にそのオプションを選択するよう促す優れた方法です。
見た目が満足いくものになるまで、価格テーブルの編集を続けてください。その後、保存 ボタンをクリックして変更を保存します。
ステップ3.価格設定ページを公開する
SeedProdでの価格ページの公開はとても簡単です。デザインに満足したら、保存ボタンのドロップダウン矢印をクリックし、公開をクリックします。
ライブページを見る]ボタンをクリックすると、新しいWordPress価格ページがどのように見えるかを確認できます。
WordPressの投稿やページに価格表を追加する
完全なランディングページが必要ない場合でも、WordPressの投稿やページの中に縦型の価格表を追加することができます。これは、別ページをデザインすることなく、既存のコンテンツ内にプランを表示したい場合に適したオプションです。
そのためには、WordPressエディターで直接動作する軽量の価格表プラグインを使用します。素早く、初心者に優しく、数クリックでテーブルを公開することができます。
以下、順を追って説明しよう。
まず、Easy Pricing Tablesをダウンロードし、WordPressサイトにインストールして有効化してください。
このステップについては、WordPressプラグインのインストール方法についてのガイドをご覧ください。
プラグインがあなたのワードプレスサイトでアクティブになったら、価格表の作成を始める準備ができました。
ステップ1.垂直価格表を作成する
WordPressで垂直価格テーブルを作成するには、WordPressの管理エリアから価格テーブル " 新規追加に移動します。
次の画面では、いくつかの価格表テンプレートから選択することができます。シンプルな無料レイアウトから、プレミアム料金プランで利用できる複雑なテンプレートまで、さまざまなテーブルスタイルが用意されています。
任意のテンプレートをクリックしてデザインを選択します。テンプレートがWordPressのエディターで開き、カスタマイズできるようになります。
ステップ2.価格表をカスタマイズする
ビジュアルエディターを使えば、テンプレートのカスタマイズも簡単です。表のどこをクリックしても、表の見出し、小見出し、価格、機能などを編集できます。
そして画面上部の設定バーでは、以下のことができる：
- 行と列のアライメントの変更
- 新しいカラムを追加する
- どの列が最も人気があるかを設定する
- 列を左または右に移動する
- 列のフォントサイズを変更する
- さらに
さらに、右側の価格テーブル設定パネルで、背景色、ボタン、アクセントカラーをカスタマイズできます。
例えば、アクセントカラーを変更することで、最適な料金プランを強調することができます。また、「その他の設定」では、料金表のボタンの表示・非表示を設定できます。
価格表の見栄えに満足したら、画面右上の「更新」ボタンをクリックして変更を保存します。
ステップ3.価格表を公開する
このプラグインでレスポンシブ価格表を公開するには2つの方法があります。
どちらかだ：
- 価格表のショートコードをコピー＆ペーストする
- Easy Pricing Tables WordPressブロックを使う
WordPressのブロックエディターを使って価格テーブルを追加するには、WordPressの投稿またはページを作成または編集するだけです。次に、プラス（+）アイコンをクリックして、新しいWordPressブロックを追加します。
検索フィールドに「pricing」と入力し、ブロックの検索結果を絞り込みます。先ほど作成した価格テーブルが自動的にブロックに変換されるはずです。
先に進み、あなたのページに追加し、どのように見えるかのプレビューを表示するには、価格テーブルをクリックしてください。これで、「公開」ボタンをクリックしてページを公開することができます。
または、クラシックなWordPressエディターを使用している場合は、WordPressダッシュボードからPricing Tables " All Tablesに移動します。そして、前のステップで作成した価格テーブルの横にあるショートコードをコピーしてください。
そこから、価格テーブルを追加したい投稿またはページを作成または編集します。次に、ショートコードをWordPressのエディターに貼り付けます。
それでは、ページを公開または更新して結果をご覧ください。
垂直価格表に関するFAQ
縦型価格表は、製品やサービスの異なる価格階層を縦型フォーマットで表示する図式表現である。各行またはセクションには通常、各価格帯に関連する特徴、メリット、コストが含まれます。
この質問に対する万能の答えはありません。ティアの数は、御社のビジネスモデルや提供するサービスによって異なります。しかし、ほとんどの価格設定テーブルでは、3～5段階が一般的です。
含めるべき最も重要な情報は、各階層の料金、各階層に含まれるもの、各階層間の違いです。また、課金サイクル（毎月、毎年など）、返金ポリシー、特別な機能やボーナスなど、サービスの条件を含めることもできます。
そうですね、推奨ティアを強調するのは良いアイデアです。これは、特にそのティアがほとんどのユーザーにとって最高の価値を提供する場合、顧客を決定に導くのに役立ちます。
主な違いは向きです。縦型の価格表では、異なる価格階層が上から下へ垂直に表示されます。横長の価格表では、横並びで表示されます。
そうだ！
コードを一行も書かずにWordPressで縦型の価格テーブルを作成する方法がお分かりいただけたと思います。この記事が、あなたのビジネスに最適な価格表ソリューションを見つける手助けになれば幸いです。
FacebookイベントをWordPressに埋め込む方法をご紹介します。
お読みいただきありがとうございました。この記事が気に入ったら、YouTube、Twitter、Facebookで、あなたのビジネスを成長させるために役立つコンテンツをもっとご覧ください。
