私が初めてWordPressサイトで料金を表示する必要があったとき、ショートコードや不便なプラグインをいじりたくなかった。ただシンプルで、クリーンで、更新が簡単なものが欲しかったのです。
このガイドでは、WordPressでコードに触れることなく価格リストを作成する方法をご紹介します。サービス、メニュー、パッケージのいずれを掲載する場合でも、SeedProdのドラッグアンドドロップビルダーを使用した最速の方法を学ぶことができます。
順を追って説明しよう。
ウェブサイトに価格表が必要な理由
ほとんどの買い物客は、購入する前に価格をチェックします。価格表を追加することで、サービスを比較し、自信を持って決断することができます。
透明性が信頼を築くフリーランサーやサロンオーナー、ローカルビジネスには特に役立つ。
価格リストはユーザー・エクスペリエンスを向上させる
訪問者が価格をすぐに見つけられなければ、サイトを離れてしまう可能性が高くなります。明確なリストがあれば、訪問者の意思決定が早くなり、直帰率を下げることができます。
ライバルのことは気にしない
競合他社はすでにあなたの価格設定を知っている。重要なのは、あなたの価格表がどれだけ顧客に役立っているかということです。サービスの質が高ければ、やはり目立つでしょう。
ワードプレスで価格表を作る方法
価格表 vs. 価格テーブル
料金表は、複数のプランを並べて表示したものです。SaaSや会員制サイトでよく見かける。
価格表はもっとシンプルです。レストランやフリーランサー、サロンなど、サービスと価格を明確に表示したい場合に適しています。
価格テーブルの使用時期
段階的な価格設定やパッケージを提供する場合は、価格テーブルが最適です。Easy Pricing Tablesのようなツールを使えば、コードなしで簡単に作成できます。
価格表を使う理由
私は、単一サービスのビジネスで価格リストを使うのが好きです。ホームページやサービスページなど、表示する場所の自由度が高いからです。
このガイドでは、ドラッグ＆ドロップ・ビルダーを使用します。なぜなら、価格表を思い通りに作成する最も簡単な方法であり、SeedProdは市場で最高のソリューションだからです。
SeedProdは、WordPressのための最も初心者フレンドリーなドラッグアンドドロップページビルダープラグインです。その直感的なインターフェイスは、WordPressのカスタムページデザインとレイアウトを簡単に作成できます（コーディング不要）。
インタラクティブなブロックベースのビルダーとあらかじめ用意されたテンプレートで、あなたのウェブサイトにスタイリッシュな価格表を数分で追加できます。
SeedProdには以下の機能もある：
- WordPressテーマビルダー
- オンラインストアのWooCommerceサポート
- eコマースウェブサイトテンプレート
- 近日公開と メンテナンス・モード
- 加入者管理ダッシュボード
- 豊富なカスタマイズ・オプション
- メールマーケティング統合
- SEOプラグインのサポート
- その他にもいろいろある。
SeedProdを使用してWordPressで価格表を作成する方法については、以下の簡単な手順に従ってください。
- ステップ1.SeedProdのインストールとアクティベート
- ステップ2.テーマまたはランディングページビルダーを選ぶ
- ステップ3.カスタムテンプレートを選択する
- ステップ4.価格表ページをカスタマイズする
- ステップ5.価格表ページを公開する
- よくある質問
ステップ1.SeedProdのインストールとアクティベート
最初のステップは、SeedProdのウェブサイトに行き、プラグインをダウンロードすることです。予算に合わせていくつかの料金プランから選ぶことができますが、このチュートリアルではSeedProd Proバージョンを使用します。
次に、WordPressウェブサイトにプラグインのzipファイルをインストールし、有効化します。初めてプラグインをインストールする場合は、WordPressプラグインのインストール方法をご覧ください。
プラグインを有効化したら、SeedProd " 設定ページに行き、ライセンスキーを貼り付けます。ライセンスキーはSeedProdアカウントのダウンロードセクションにあります。
次に、Verify Keyボタンをクリックします。
ステップ2.テーマまたはランディングページビルダーを選ぶ
SeedProdのページビルダー・プラグインを使ってWordPressサイトをカスタマイズする方法はいくつかあります。
カスタムWordPressテーマを構築することで、既存のサイトデザインを新しいものに置き換えることができます。または、現在のデザインを維持したまま、ランディングページビルダーで独立したランディングページを作成することもできます。
選択したソリューションにかかわらず、SeedProdの価格リストブロックは同じページビルダーインターフェースを使用しているため、カスタム価格リストをウェブサイトに表示することができます。
SeedProd " Theme Builderに 移動し、 Theme Template Kits ボタンをクリックしてください。
ステップ3.カスタムテンプレートを選択する
次の画面では、SeedProdのウェブサイトテンプレートが表示されます。これらのテンプレートには、完全なウェブサイトを作成するために必要なすべての機能とページが含まれており、簡単にカスタマイズできるプロフェッショナルなデザインです。
テンプレートの虫眼鏡アイコンをクリックすると、テーマ全体をプレビューできます。例えば、Andaman Budget Hotelのテーマをプレビューすると、ダイニングページにはすでに編集可能なシンプルな価格リストがあることがわかります。
テンプレートライブラリをフィルタリングしてWooCommerceテーマのみを表示したり、ドロップダウンメニューをクリックして最新、最古、または最も人気のあるテーマを最初に表示することができます。
気に入ったデザインが見つかったら、チェックマークのアイコンをクリックしてインポートします。
これで、Theme Builderダッシュボードにテーマのパーツが表示されます。テンプレートにカーソルを合わせて「デザインを編集」リンクをクリックすると、任意のテンプレートを編集できます。
テーマパーツのカスタマイズの詳細については、カスタムWordPressテーマの作成ガイドをご覧ください。
SeedProdはまた、あなたがそのページビルダーでカスタマイズするために、テーマのデモからページを作成します。ページ " すべてのページ, にアクセスすると、ページタイトルの横に「SeedProd」と表示されたページが表示されます。
SeedProdの価格リスト機能の使い方を紹介するために、「ダイニング」ページをカスタマイズします。ページにカーソルを合わせ、「SeedProdで編集」のリンクをクリックしてください。
ステップ4.価格表ページをカスタマイズする
SeedProdで任意のページを開くと、このようなレイアウトが表示されます：
ページビルダーは、左側にWordPressブロックと設定があり、右側にデザインのライブプレビューがあります。ブロックはWordPressのブロックエディタ（Gutenberg）と同様の機能で、新しいブロックをページにドラッグ＆ドロップし、クリックしてリアルタイムで内容を編集することができます。
このデザインのメニューを見ると、見出しとテキストブロックで構成されていることがわかる。
価格リストブロックはメニュー項目とその価格を表示する簡単な方法です。項目、説明、価格、画像のためのスペースが自動的に含まれ、多くのカスタマイズオプションがあります。
左側のパネルからAdvancedセクションまでスクロールし、Price Listブロックを見つけて、ページにドラッグ＆ドロップします。
このブロックは、どのように見えるかのアイデアを与えるために、いくつかのフィラーコンテンツを追加します。それでは、価格リストの項目を追加してみましょう。
そのためには、「商品1」の見出しをクリックして展開します。その中に、タイトル、説明、価格を追加し、写真をアップロードし、さらに個々の商品ページへのリンクを追加することができます。
このステップをプライスリストのすべてのアイテムについて繰り返します。
価格リストに商品を追加した後、レイアウト設定を展開することができます。このパネルでは、画像と価格の位置を変更したり、異なる価格セパレーターを選択したり、リスト全体の整列を調整することができます。
完全価格ボックスを個別価格ページにリンクさせることもできます。トグルを「Yes」の位置にクリックするだけです。
イメージエリアパネルでは、価格表のイメージのサイズと形状をコントロールできます。オプションには、デフォルト、丸、円、カスタムがあり、画像の境界半径を定義することができます。
次に「詳細」タブをクリックすると、スタイリングの追加オプションが表示されます。
ご覧のように、このパネルでは、リスト上の個々のアイテムのタイポグラフィ、フォントサイズ、色をコントロールすることができます。
また、デスクトップとモバイル・デバイスの間隔、ボーダー、背景色、可視性を調整することもできます。また、カスタムCSSやHTMLを書く必要もありません。
ポイント＆クリックするだけで、新しいスタイリングが追加される。
価格リストに満足したら、古いフィラーコンテンツを削除することができます。そのためには、青いアウトラインが表示されるまで各列にカーソルを合わせ、ゴミ箱アイコンをクリックします。
不要になったページ上のすべての要素について、これを行う。画面の右上にある保存ボタンをクリックしてください。
価格ページが完成したら、WordPressテーマの残りの部分を編集してカスタマイズすることができます。
カスタマイズに役立つ便利なガイドをいくつか紹介しよう：
ステップ5.価格表ページを公開する
ウェブサイトのカスタマイズが完了したら、フロントエンドで変更を公開する準備が整いました。
まず、変更を保存したことを確認し、Xアイコンをクリックしてページビルダーを終了し、WordPressダッシュボードのTheme Builderページに戻ります。
そこから、"Enable SeedProd Theme "と書かれたトグルを見つけ、"Yes "の位置に回します。
さて、あなたのカスタマイズがどのように見えるかを確認するために、ライブのウェブサイトを訪問することができます。このチュートリアルで新しい価格リストでカスタマイズしたダイニングページです：
よくある質問
それだけだ！
この記事が、WordPressで価格表を作る方法を学ぶのにお役に立てば幸いです。
SeedProdはあなたのウェブサイトをカスタマイズするための最高のWordPressプラグインです。余分なショートコードやウィジェット、アドオンは必要なく、ただシンプルで使いやすいページビルダーで、すぐにサイトを立ち上げることができます。
WordPressのカスタム価格表を作成する準備はできましたか？
ElementorとWPBakeryとSeedProdの比較レビューもお勧めです。
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
