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