Latest SeedProd News

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

WordPressで価格表を作成する方法

WordPressで価格リストを作成する方法(コード不要) 

Written By: 著者アバター Stacey Corrin
著者アバター Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: レビュアーアバター Turner John
レビュアーアバター Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

要約:WordPressに価格リストを追加する方法。

SeedProdの価格リストブロックを使用すると、約10分でサービス、説明、価格を任意のページに追加できます。コードは不要です。以下に簡単な手順を示します。

  1. SeedProdをインストールする – Proプラグインをダウンロードして有効化し、ライセンスキーを入力します。
  2. ビルダーを選択する – テーマビルダーまたはランディングページビルダーを使用します。
  3. テンプレートを選択する – ライブラリを閲覧し、好みのデザインをインポートします。
  4. 価格リストブロックを追加する – ページにドラッグアンドドロップし、項目を入力します。
  5. 公開する – SeedProdテーマを有効化して公開します。

プロセス全体で約10分かかります。

WordPressサイトに料金を表示する必要があったとき、ショートコードや使いにくいプラグインをいじりたくありませんでした。シンプルで、きれいで、更新しやすいものが欲しかっただけです。

もしあなたが同じ状況なら、このガイドではコードに触れることなくWordPressで価格リストを作成する方法を説明します。サービス、メニュー項目、またはパッケージをリストする場合でも、SeedProdのドラッグアンドドロップビルダーを使用して最も速く公開する方法を学ぶことができます。

ステップバイステップで進めましょう。

ウェブサイトに価格リストが必要な理由

ほとんどの買い物客は、購入する準備が整う前に価格を確認します。価格リストを追加することで、サービス価格を比較し、決定に自信を持ってもらうことができます。

特にフリーランサー、サロンオーナー、地域ビジネスでは、透明性が信頼を築くため、非常に役立ちます。

価格リストはユーザーエクスペリエンスを向上させます

訪問者が価格をすぐに見つけられない場合、サイトを離れる可能性が高くなります。明確なリストは、より速く決定するのに役立ち、直帰率を下げるのに役立ちます。

WordPressで価格リストを作成する方法

価格リストと料金表の違い

料金表は複数のプランを並べて表示します。SaaSまたはメンバーシップサイトでよく見られます。

WordPressで複数のプランを並べて比較するSaaSスタイルの価格表

価格リストはよりシンプルです。レストラン、フリーランサー、サロンなど、サービスと価格を明確にリストしたい場合に適しています。

SeedProdで作成されたレストラン風メニュー価格表。商品と価格を表示。

料金表を使用するタイミング

段階的な価格設定やパッケージを提供している場合、料金表が最適です。Easy Pricing Tablesのようなツールを使用すると、コードなしで簡単に作成できます。

私が価格リストを使用する理由

単一サービスビジネスには価格リストを使用するのが好きです。よりきれいで、セットアップが速く、ホームページやサービスページなど、表示する場所の柔軟性が高いためです。

このガイドでは、ドラッグアンドドロップビルダーを使用します。これは、価格リストを希望どおりに見せるための最も簡単な方法であり、SeedProdは市場で最高のソリューションです。

SeedProd ドラッグ&ドロップ WordPress ウェブサイトビルダー

SeedProdは、WordPressで最も初心者向けのドラッグアンドドロップウェブサイトビルダーです。直感的なインターフェースにより、カスタムWordPressページデザインとレイアウトを簡単に作成できます(コーディング不要)。

インタラクティブなブロックベースのビルダーと既製のテンプレートを使用すると、スタイリッシュな価格リストを数分でウェブサイトに追加できます。

SeedProd には、以下の機能も含まれています。

SeedProd を使用して WordPress で価格表を作成する方法については、以下の簡単な手順に従ってください。

価格表には何を含めるべきか?

優れた価格表には、品名、簡単な説明、価格、およびオプションの写真の 4 つが含まれます。一部のビジネスでは、商品ページまたは予約フォームへのリンクを追加することもあり、これにより各エントリからのコンバージョンを促進するのに役立ちます。

料金の設定には、ある程度の調査が必要です。通常、競合他社の料金表を確認して標準的な料金を把握し、コストを考慮してから形式を決定します。

ほとんどの読者にとっては定額料金が最も明確ですが、サービスの範囲によって変動する場合は「~から」という価格設定が有効です。SeedProd の価格表ブロックは、タイトル、説明、価格、画像、リンクといったすべてのフィールドを 1 つのレイアウトで処理します。

ステップ1. SeedProdのインストールと有効化

最初のステップは、SeedProd ウェブサイトにアクセスしてプラグインをダウンロードすることです。予算に合わせていくつかの価格プランから選択できますが、このチュートリアルでは SeedProd Pro バージョンを使用します。

次に、WordPress ウェブサイトにプラグインの zip ファイルをインストールして有効化します。初めて行う場合は、この投稿の手順に従ってWordPress プラグインをインストールしてください。

プラグインを有効化したら、SeedProd » 設定 ページに移動し、ライセンスキーを貼り付けます。ライセンスキーは、ダウンロードセクションのSeedProd アカウントで見つけることができます。

SeedProdライセンスキーを入力してください

次に、キーを確認 ボタンをクリックします。

ステップ 2. テーマまたはランディングページビルダーを選択する

SeedProd のドラッグ&ドロップウェブサイトビルダーを使用して、WordPress サイトをカスタマイズする方法はいくつかあります。

カスタム WordPress テーマを作成して、既存のサイトデザインを新しいデザインに置き換えることができます。または、現在のデザインを維持し、ランディングページビルダーを使用してスタンドアロンの価格設定ページを作成することもできます。

どちらのソリューションを選択した場合でも、SeedProd の価格表ブロックを使用してカスタム価格表をウェブサイトに表示できます。これは、同じページビルダーインターフェイスを使用しているためです。

このガイドでは、テーマビルダーオプションを選択します。そのため、SeedProd » テーマビルダー に移動し、テーマテンプレートキット ボタンをクリックします。

テーマテンプレートキットを選択

ステップ 3. カスタムテンプレートを選択する

次の画面で、SeedProd の既製のウェブサイトテンプレートライブラリが表示されます。これらには、完全なウェブサイトを作成するために必要なすべての機能とページ、および簡単にカスタマイズできるプロフェッショナルなデザインが含まれています。

SeedProdテーマテンプレートキットセレクター

いずれかのテンプレートの虫眼鏡アイコンをクリックすると、テーマ全体をプレビューできます。たとえば、Andaman Budget Hotel テーマをプレビューすると、Dining ページに編集可能なシンプルな価格表が既に表示されていることがわかります。

シンプルなデモ価格表の例

テンプレートライブラリをフィルタリングして、WooCommerce テーマのみを表示したり、ドロップダウンメニューをクリックして、新しい順、古い順、または人気順にテーマを表示したりできます。

SeedProdテンプレートをフィルタリング

気に入ったデザインを見つけたら、チェックマークのアイコンをクリックしてインポートします。数秒で完了するはずです。

SeedProdテンプレートをインポート

これで、テーマビルダーのダッシュボードにテーマのパーツが表示されます。テンプレートにカーソルを合わせて デザインを編集 リンクをクリックすると、どのテンプレートでも編集できます。

テーマテンプレートキットのパーツ

テーマパーツのカスタマイズの詳細については、カスタムWordPressテーマの作成に関するガイドをご覧ください。

SeedProdは、テーマデモのページも作成し、ページビルダーでカスタマイズできるようにします。ページ » 全ページに移動すると、ページタイトルの横に「SeedProd」と表示されたリストでそれらを確認できます。

SeedProdでWordPressページを編集

SeedProdの価格リスト機能の使い方を示すために、「Dining」ページをカスタマイズします。ページにカーソルを合わせて、SeedProdで編集リンクをクリックしてください。

ステップ 4. 価格表ページをカスタマイズする

SeedProdでページを開くと、次のようなレイアウトが表示されます。

SeedProdページビルダーインターフェース

ページビルダーには、左側にWordPressブロックと設定があり、右側にデザインのライブプレビューがあります。ブロックはWordPressのブロックエディター(Gutenberg)と同様に機能し、新しいブロックをページにドラッグアンドドロップしたり、クリックしてリアルタイムでコンテンツを編集したりできます。

このデザインのメニューを見ると、見出しブロックとテキストブロックで構成されていることがわかります。

見出しとテキストブロックで作成されたデモ価格表

価格リストブロックは、メニュー項目とその価格を表示する簡単な方法です。項目、説明、価格、画像用のスペースが自動的に含まれており、多くのカスタマイズオプションがあります。

左側のパネルで「高度な設定」セクションまでスクロールし、価格リストブロックを見つけて、ページにドラッグアンドドロップします。

価格表の作成方法を学ぶには、SeedProdの価格表ブロックを追加してください

ブロックには、どのように見えるかのアイデアを与えるために、いくつかのプレースホルダーコンテンツが追加されます。それでは、価格リスト項目を追加してみましょう。

価格表の項目を開いてコンテンツを編集する

これを行うには、「項目1」の見出しをクリックして展開します。内部で、タイトル、説明、価格を追加したり、写真をアップロードしたり、個々の商品ページへのリンクを追加したりできます。

価格表項目の設定をカスタマイズする

価格リストの各項目について、この手順を繰り返します。

価格リストに項目を追加した後、レイアウト設定を展開できます。このパネルでは、画像と価格の位置を変更したり、別の価格区切りを選択したり、リスト全体の配置を調整したりできます。

価格表のレイアウト設定をカスタマイズする

価格ボックス全体を個々の価格設定ページにリンクすることもできます。トグルをはいの位置にクリックするだけです。

画像エリアパネルでは、価格リストの画像のサイズと形状を制御できます。オプションには、デフォルト、丸、円、カスタムがあり、独自の画像ボーダー半径を定義できます。

価格表の画像設定をカスタマイズする

次に、高度な設定タブをクリックして、追加のスタイリングオプションを確認します。

このパネルでは、リストの個々の項目のタイポグラフィ、フォントサイズ、色を制御できます。価格リストブロックを使用すると、サービス価格が画面に表示される方法を完全に制御できます。

価格表の詳細なスタイリング設定

スペーシング、境界線、背景色、表示設定はデスクトップとモバイルデバイスでも調整できます。カスタムCSSやHTMLを記述する必要はありません。

価格表のタイポグラフィカラー設定

ポイントしてクリックするだけで、新しいスタイルを追加できます。

価格表に満足したら、古いプレースホルダーコンテンツを削除できます。削除するには、各列にカーソルを合わせて青いアウトラインが表示されたら、ゴミ箱アイコンをクリックします。

テンプレートのプレースホルダーコンテンツを削除する

不要になったページ上のすべての要素に対してこれを行います。次に、画面右上にある 保存 ボタンをクリックします。

価格表ページを保存する

これで価格ページは完成しました。WordPressテーマの残りの部分を編集およびカスタマイズできます。

カスタマイズに役立つガイドをいくつかご紹介します。

ステップ 5. 価格表ページを公開する

ウェブサイトのカスタマイズが完了したら、フロントエンドに変更を公開する準備が整いました。

まず、変更を保存したことを確認してから、Xアイコンをクリックしてページビルダーを終了し、WordPressダッシュボードのテーマビルダーページに戻ります。

そこから、「SeedProdテーマを有効化」というトグルを見つけて、それを はい の位置に切り替えます。

WordPressダッシュボードでSeedProdテーマのトグルがオンになっている

これで、ライブウェブサイトにアクセスして、カスタマイズがどのように表示されるかを確認できます。このチュートリアルで新しい価格表でカスタマイズしたダイニングページはこちらです。さらに進めたい場合は、レストランウェブサイトガイドで、同じアプローチを使用して完全なサイトを構築する方法を説明しています。

カスタムWordPress価格表の例

よくある質問

価格表には何を含めるべきですか?

価格表には、商品名、簡単な説明、価格を含める必要があります。オプションの写真や商品または予約ページへのリンクを追加すると、コンバージョンが向上する可能性があります。

SeedProdの価格表ブロックには、これらすべてに対応する専用フィールドがあるため、レイアウトを自分で構築する必要はありません。

WordPressの価格表と料金表の違いは何ですか?

価格表は、個々のサービスまたは商品を価格とともに1行あたり1つのエントリで表示します。料金表は、複数のプランを並べて比較し、多くの場合、機能リストや行動喚起ボタンが含まれます。

価格表はレストランのメニューやサービス料金ページに使用します。料金表はSaaS製品や会員プランに使用します。

WordPressサイトのどのページにも価格表を追加できますか?

はい。SeedProdを使用すると、専用の価格ページ、ホームページのセクション、またはサービスページに価格表を追加できます。価格表ブロックは、テーマビルダーとランディングページビルダーの両方で機能します。

つまり、配置が1つに限定されることはなく、サイトの複数のページで同じブロックを使用できます。

WordPressで価格表を追加するためにプラグインが必要ですか?

専用の価格表プラグインは必要ありませんが、SeedProdのようなツールを使用するとプロセスが迅速になります。レイアウトコントロール、画像オプション、タイポグラフィ設定を備えた組み込みの価格表ブロックが提供されます。

プラグインがない場合、HTMLまたはショートコードを使用してレイアウトをゼロから構築する必要があり、大幅に時間がかかります。

WordPressの価格表で、価格の横に画像を表示できますか?

はい。SeedProdの価格表ブロックには、各項目に画像フィールドが含まれています。写真のアップロードや、画像エリア設定パネルでのデフォルト、丸型、円形、カスタム形状の選択が可能です。

画像は、視覚情報が読者の意思決定を助ける食品メニュー、商品カタログ、サービスパッケージに役立ちます。

これで完了です!

この記事がWordPressで価格表を作成する方法を学ぶのに役立ったことを願っています。 

SeedProdは、ウェブサイトのカスタマイズに最適なWordPressプラグインです。追加のショートコード、ウィジェット、アドオンは必要ありません。シンプルで使いやすいドラッグ&ドロップのウェブサイトビルダーで、すぐに始められます。

カスタムWordPress価格表を作成する準備はできましたか?

Elementor vs WPBakery vs SeedProdのレビューも役立つかもしれませんので、比較をご覧ください。

お読みいただきありがとうございます!皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTubeX および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。

著者アバター
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]