WordPressに美しい料金表を追加する方法 (コード不要)

見やすくスキャンしやすい美しい価格表を追加することで、ユーザーは適切な製品を選択でき、意思決定プロセスが簡素化されます。

当社の提携ブランドの中には、さまざまな料金プランを提供しているものがあり、それらを分かりやすく示す料金表を作成しています。これらのブランドは、カラフルなCTAボタンとブランドに合った明確なデザインで、視覚的に魅力的な表を作成しています。

これにより、統一感のある外観が作成され、ユーザーの購入が促進されます。

この記事では、コードを書かずにWordPressに美しい価格表を簡単に追加する方法を紹介します。

WordPressプラグインで価格表を追加する理由

WordPressに料金表を追加する最も簡単な方法は、プラグインを使用することです。

HTMLとCSSを知っていればコードでテーブルを作成できますが、デザイン、テスト、すべてのデバイスやブラウザで見栄えを良くするには時間がかかります。

プラグインは、より速く、よりシンプルで、コーディングやデザインのスキルがなくても機能します。技術的な問題の心配なく、既製のデザイン、モバイルフレンドリーなレイアウト、簡単なカスタマイズが可能です。

とはいえ、コードを書かずにWordPressに美しい料金表を追加する方法を見ていきましょう。

WordPressプラグインを2種類ご紹介します。ご自身に合った方をお選びください。

方法1：Easy Pricing Tablesで美しい価格表を追加する

この方法は、デフォルトのWordPressエディターを使用して、任意のページまたは投稿に価格表を追加するのに最適な選択肢です。

ページ全体のレイアウトをデザインするための完全なドラッグアンドドロップページビルダーを好む場合は、方法2にスキップすることをお勧めします。

まず、Easy Pricing Tablesプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

ステップ 1: 価格表の作成

有効化したら、WordPress管理サイドバーから**価格表 » 追加**ページに移動します。プラグインは、テーブルをどこに追加したいか尋ねます。

このチュートリアルでは、最初からどのように機能するかを示すために、「価格表付き新規ページ」オプションを選択します。ただし、既存の投稿やページに価格表ブロックを追加することもできます。

これにより、WordPressブロックエディターに新しい価格ページが開かれ、画面に「テンプレートを選択」というプロンプトが表示されます。

ここから、お好みのデザインを選択して、WordPressページに価格表を埋め込みます。

ステップ 2: 価格表のカスタマイズ

価格表のカスタマイズは非常に簡単です。たとえば、価格プランの見出しを変更することから始めることができます。

その後、テーブルをクリックして、小見出し、機能、価格などを追加できます。

テーブルブロックの上部にあるブロックツールバーを使用して、新しい列を追加したり、行と列の配置を変更したり、列の順序を変更したり、サイズを変更したりできます。

価格表では、特定のプランが「おすすめ」または「最も人気」としてマークされることがよくあります。これは、強調したい列を選択し、ツールバーの星アイコンをクリックすることで実行できます。

また、画面右側のブロック設定サイドバーからテーブルの見た目を変更することもできます。

たとえば、アクセントカラーを変更して最適な価格プランを強調したり、テーブルの下部にあるボタンの色を変更したりできます。

ボタンをクリックしてラベルを編集することもできます。

それが完了したら、フィールドに任意のラベルとURLを追加できます。

ステップ3：価格表の公開

WordPressサイトに価格表を公開するには、画面右上にある「更新」または「公開」ボタンをクリックするだけです。

「プレビュー」リンクをクリックして、ウェブサイトで公開する前にページを確認することもできます。

これで、ウェブサイトにアクセスして最終結果を確認できます。

方法2：ページビルダーで美しい価格表を追加する

この方法は、価格ページのデザインを完全に制御したい場合に最適です。

このためには、SeedProdをお勧めします。これは、ビジネス、ブロガー、ウェブサイト所有者向けのドラッグアンドドロップWordPressページビルダーであり、コンバージョン率の高い価格設定ページを作成するための最良の選択肢です。

当社のパートナーブランドのいくつかは、これでウェブサイト全体を再設計しており、ユーザーはその新しい美学を気に入っています。詳細については、SeedProdの詳細レビューを参照してください。

まず、SeedProdプラグインをインストールしてアクティブ化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、SeedProd » 設定ページに移動して、プラグインライセンスキーを入力してください。この情報は、SeedProdウェブサイトのあなたのアカウントで見つけることができます。

ライセンスキーを入力した後、新しいランディングページを作成し、次に価格表ブロックを追加します。

ステップ1：新しいランディングページを作成する

価格表のランディングページを作成するには、SeedProd » Landing Pages に移動し、「新しいランディングページを作成」ボタンをクリックする必要があります。

次の画面で、ランディングページテーマを選択するように求められます。SeedProdには、さまざまなキャンペーンタイプに合わせてきれいに整理された、数十の美しいランディングページテンプレートが付属しています。

開始点として使用したいテンプレートを選択するには、クリックするだけです。

ページをカスタマイズして新しいブロックを追加する方法については、WordPressでランディングページを作成する方法のガイドをご覧ください。準備ができたら、価格表を追加します。

ステップ2：価格表を追加する

まず、価格表ブロックを配置する場所を確保するために、いくつかの列を追加する必要があります。

「カラム」ブロックをページにドラッグし、価格を表示するのに十分なカラムを選択できます。このチュートリアルでは、3つのカラムを選択します。

その後、「価格表」ブロックを見つけて、作成した各セル内の「ここに新しいブロックをドラッグ」という言葉の上にドラッグします。

このチュートリアルでは、各列につき1回ずつ、ブロックをページに3回ドラッグする必要があります。

価格表を編集するには、それをクリックするだけです。

これで、コンテンツタブの設定を使用して、プラン名を編集し、製品またはサービスの С名を入力できます。価格と通貨を変更したり、セール時以外の商品が通常かかる価格を追加したりすることもできます。

その後、高度なタブに切り替えて、テキストのフォントとサイズ、ボタンの色とサイズ、間隔、ホバー効果などをカスタマイズする必要があります。

たとえば、他の価格帯よりも1つの価格帯を目立たせることで、ユーザーがそのオプションを選択するように促すことができます。

ステップ3：価格表を公開

ランディングページと価格表に満足したら、公開する時間です。

「保存」ボタンのドロップダウン矢印をクリックし、「公開」をクリックします。

ページが公開されたことを知らせる通知が表示されます。

「ライブページを表示」ボタンをクリックして、新しいWordPress価格ページの外観を確認することもできます。

ボーナス：価格ページコンバージョンをブースト

魅力的な価格ページを作成したら、コンバージョンを最適化し、ユーザーに購入を促すことが重要です。

これを行うには、特定の価格プランで新規ユーザーに割引を提供できます。これはインセンティブとして機能し、ユーザーを動機付けることができます。

割引クーポンを作成するには、Advanced Couponsプラグインの使用をお勧めします。詳細については、WooCommerceでスマートクーポンを作成する方法のチュートリアルを参照してください。

価格設定ページでの売上を伸ばすもう1つのヒントは、緊急性を生み出すことです。これにより、ユーザーの間でFOMOを構築し、行動を促すことができます。

カウントダウンタイマーを追加したり、限定商品を販売したり、期間限定の割引を提供したりすることで、これを行うことができます。

さらに、市場で最高のWordPressソーシャルプルーフプラグインであるTrustPulseを使用できます。

コンバージョンを増やすために、購入やサインアップなどのライブ顧客アクティビティをウェブサイトに表示します。その他のヒントについては、価格設定ページのコンバージョンを30%増やす方法を参照してください。

WordPressで料金表を作成する際のよくある質問

WordPressで価格表を追加することについて、読者からよく寄せられる質問をいくつかご紹介します。

WordPressに最適な価格表プラグインは何ですか？

最適なプラグインは、お客様の特定のニーズによって大きく異なります。シンプルで無料のソリューションをお探しなら、Easy Pricing Tables は既存の投稿にテーブルを追加するのに最適な選択肢です。

ページ全体のデザインを完全に制御する必要がある場合は、SeedProdのようなページビルダーが最良の選択肢です。コンバージョン率の高いページを作成するための、専用の価格表ブロックと多数のその他のツールが含まれています。

いくつの価格プランを提供すべきですか？

ほとんどのビジネスでは、3〜4つの価格プランを提供することが最適だと考えています。これにより、顧客は圧倒されることなく十分な選択肢を持つことができます。

なぜ特定の価格プランを強調する必要があるのですか？

プランを「最も人気」または「最良の価値」として強調することは、顧客の意思決定を導く賢い方法です。

それは彼らの選択を簡素化し、機能と価格の最適なバランスを提供するオプションへと優しく導きます。

価格表をモバイルフレンドリーにするにはどうすればよいですか？

価格表をモバイルフレンドリーにする最も簡単な方法は、レスポンシブプラグインを使用することです。

SeedProdやEasy Pricing Tablesのようなツールは、テーブルのレイアウトを自動的に調整するように設計されており、デスクトップからスマートフォンまで、あらゆるデバイスで美しく表示されます。

このチュートリアルが、コーディング不要でWordPressに美しい価格表を追加する方法を学ぶのに役立ったことを願っています。また、初心者向けのWordPress eコマースセットアップガイドを確認したり、オンラインで販売できる人気のあるデジタル製品のリストを確認したりすることもできます。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。