WordPress料金表の作り方｜追加費用まで伝わる見せ方

WordPressで料金表を作る時、最初に迷うのはデザインではありません。表にするか、カードにするか、ボタンをどこに置くか。そこを決めないまま金額だけを並べると、初めて見る人は「自分はどれを選べばよいのか」で止まりやすくなります。

特にスマホで見る人が多いページでは、横に長い表が読みにくくなります。料金は見えているのに、含まれる範囲や相談ボタンが下の方に流れてしまい、問い合わせ前の不安が残ることがあります。

WordPressの料金表は、きれいな比較表を作るより、初めての人が順番に判断できる配置を作ることが大切です。難しい機能を使わなくても、ブロックの並べ方を変えるだけで読みやすさはかなり変わります。

最初に決める料金表の役割

料金表の作り方に入る前に、そのページで何をしてほしいのかを一つ決めます。申し込みまで進んでほしいのか、相談フォームへ進んでほしいのか、まずプランの違いを分かってほしいのか。目的が曖昧だと、表の項目もボタンの言葉も増えすぎます。

金額一覧ではなく判断材料

料金表を「金額一覧」として作ると、安い順に見られやすくなります。けれど、お客さんが知りたいのは価格だけではありません。自分に合う範囲か、何が含まれるか、あとから何が増えるか、相談だけでもよいかを見ています。

WordPressのページでは、料金表の上に短い案内文を置きます。「初めての方は、目的に近いプランから選んでください。迷う場合は相談フォームで未定のまま送れます。」この一文があるだけで、表を見る前の緊張が下がります。

三つ以上を並べすぎない

プランが多い場合でも、最初に見せるのは三つまでにします。全部を同じ大きさで並べると、スマホでは縦に長くなり、読む前に疲れます。代表プランを三つ出し、細かいオプションは後ろへ回す方が親切です。

松竹梅の考え方や一行説明を整理したい場合は、料金表で安さ以外も届く松竹梅の一行説明を先に整えると作りやすくなります。ここでは、その考え方をWordPressの画面上でどう並べるかに絞ります。

• 料金表の目的を相談、申し込み、比較のどれかに決める
• 最初に見せる代表プランは三つまでにする
• 迷った人が未定で送れる案内を表の近くに置く

WordPressで使いやすい配置

WordPressのブロックエディターでは、表ブロック、カラムブロック、グループブロック、ボタンブロックを組み合わせるだけで料金表を作れます。大事なのは、見た目を先に作ることではなく、読む順番を決めてからブロックを置くことです。

表ブロックを使う場面

表ブロックは、項目数が少なく、横に比べたい時に向いています。たとえば「料金」「含まれる範囲」「相談方法」の三列くらいなら読みやすいです。逆に、列が五つ以上になるとスマホで見づらくなります。

表を使うなら、一番左の列にプラン名を置き、上から「料金」「おすすめの人」「含まれる範囲」「追加費用」「相談ボタン」の順番にします。金額だけを上に置くより、判断材料が同じ順番で並ぶので比べやすくなります。

カラムやカードを使う場面

スマホで読みやすくしたい場合は、カラムやグループを使ってカード型にします。一つのプランを一つのかたまりにして、上からプラン名、料金、向いている人、含まれる範囲、ボタンの順番で置きます。

カード型の良いところは、スマホで縦に並んでも意味が崩れにくいことです。横にスクロールしなくても、一つずつ読めます。小規模事業者や個人サービスでは、きれいな横比較より、読み切れるカード型の方が問い合わせにつながることがあります。

パソコンでは表、スマホではカードの方が読みやすい内容なら、最初からカード型で作る方が安全です。料金表は見栄えより、迷わず読めることを優先します。

各プランに入れる項目

料金表に入れる項目は、増やしすぎないことが大切です。詳しく書こうとして全部を入れると、どこを見ればよいか分からなくなります。初めての人が比較する時に必要な項目へ絞ります。

料金の下に対象者

金額のすぐ下には、対象者を一文で入れます。「まず相談したい方」「毎月確認しながら進めたい方」「短期間でまとめて進めたい方」のように、お客さんの状態で書きます。

ここでサービス内容を長く説明しすぎると、表が重くなります。料金の近くでは、誰に向いているかだけを短く出します。詳しい説明は、料金表の下や別の見出しで補足すれば十分です。

含まれる範囲の一行

次に、含まれる範囲を一行で入れます。相談時間、回数、対応範囲、納品物、サポート期間など、問い合わせ前に聞かれやすいものを選びます。全部を書かず、最初に安心してほしいものを三つまでにします。

たとえば制作サービスなら「初回相談、簡単な提案、修正一回まで」のように書きます。教室なら「初回説明、教材、当日の質問対応」などです。言葉は専門的にしないで、初めて見る人がそのまま分かる表現にします。

追加費用の入口

追加費用は、料金表の外に隠さない方が安心されます。ただし、ここで細かく説明しすぎると読みにくくなります。料金表の中では「追加費用が出る場合」の入口だけを置きます。

たとえば「遠方対応は事前案内」「修正二回目から追加」「特別な材料は別途確認」のように短く書きます。詳しい書き方は、見積もり問い合わせで先に見せたい追加分の条件のような別記事へつなげれば、料金表そのものは重くなりません。

• 料金の下に対象者を一文で置く
• 含まれる範囲は三つまでに絞る
• 追加費用は発生条件の入口だけ見せる

スマホで読める料金表

WordPressで料金表を作ったら、公開前に必ずスマホ表示を見ます。パソコンではきれいでも、スマホでは列がつぶれたり、ボタンが遠くなったりします。料金表は、スマホで読めないと問い合わせ前に止まりやすくなります。

横スクロールの注意

横に長い表は、スマホで一部が隠れることがあります。お客さんが横に動かして読めばよいと思うかもしれませんが、初めての人はそこまで丁寧に見てくれません。比較したい列が見えないだけで、ページを閉じることがあります。

どうしても表を使うなら、列を少なくします。金額、対象者、ボタンの三つくらいにし、含まれる範囲は表の下へ回します。表の中に全部を入れるより、スマホで読める順番を作る方が大切です。

カード型で重ねる順番

カード型にする場合は、各カードの中身を同じ順番にします。プラン名、料金、向いている人、含まれる範囲、追加費用の入口、相談ボタン。この順番をそろえると、縦に読んでも比べられます。

スマホ料金表で大事なのは、横に比べることではなく、同じ順番で読み比べられることです。見た目の派手さより、迷わず次へ進めることを優先します。

ボタンを一つに絞る

料金表の近くに置くボタンは、一つの役割に絞ります。「相談する」「見積もりを依頼する」「予約する」が同時に並ぶと、どれを押せばよいか迷います。初めての人向けなら「プラン未定で相談する」のような言葉が使いやすいです。

ボタンの前には、短い案内文を置きます。「どのプランか迷う場合は未定で大丈夫です。今の状況だけ送ってください。」この一文があると、料金表を見た後の行動が軽くなります。

相談フォームへのつなぎ方

料金表を作っても、問い合わせフォームでまた迷わせると効果が落ちます。料金表の言葉とフォームの項目をそろえることが大切です。表では「未定で相談」と書いているのに、フォームではプラン選択が必須だと、そこで止まります。

フォームの選択肢をそろえる

フォームにプラン選択欄があるなら、料金表と同じ名前にします。ライト、スタンダード、プレミアムと表で書いたなら、フォームも同じ名前にします。別の名前にすると、お客さんは正しく選べているか不安になります。

さらに「未定」「相談して決めたい」を選べるようにします。まだ決められない人に無理に選ばせるより、相談を始めてもらう方が大切です。

ボタンの飛び先

料金表のボタンは、問い合わせフォームの近くへ飛ばします。ページ内のフォームへ移動するなら、見出しに分かりやすい名前を付けます。別ページのフォームへ飛ばすなら、ボタンの言葉とフォームの見出しを近づけます。

たとえばボタンが「プラン未定で相談する」なら、フォームの見出しも「プラン未定の相談フォーム」にします。身近な違いですが、お客さんは自分が正しい場所に来たと分かります。

見積もり後の案内

料金表から見積もり相談へ進むサービスでは、返事の待ち方も不安になります。見積もりを出した後の期限や返事の促し方まで整えたい場合は、見積有効期限とは？返事待ちで迷わせない案内文も合わせて見ると流れを作りやすくなります。

ただし、料金表ページでは見積もり後の細かい話を長く書かなくて大丈夫です。まずは、表から相談フォームまでの道を短くします。

公開前の確認リスト

最後に、WordPressのプレビューで確認します。ここを飛ばすと、作った本人だけが分かる料金表になりがちです。スマホ表示、ボタンの位置、フォームへの流れを一つずつ見ます。

上に戻らせない作り

料金表を読み終えた人が、もう一度上へ戻らないと判断できない作りは避けます。カード型で作るなら、各カードの下に同じボタンを置きます。表型で作るなら、表のすぐ下に「迷う場合はこちら」と一つのボタンを置きます。

ボタンが遠いと、お客さんは読み終えた後に次の行動を探します。その数秒で、あとで見ようと思って閉じることがあります。料金表では、読み終えた場所からそのまま相談へ進める配置にします。

見出しだけで分かる順番

公開前に、見出しだけを上から読みます。料金表、含まれる範囲、追加費用、相談フォームの順番になっていれば自然です。先にフォームが出て、その後に追加費用の説明があると、問い合わせ前の不安が戻ります。

WordPressではブロックを簡単に移動できます。公開後でも、よく聞かれる質問があれば料金表の近くへ移します。完璧なページを一度で作るより、問い合わせで聞かれた言葉を近い場所へ戻す方が、読みやすい料金表になります。

初めて見る人の目線

公開前に、料金表だけを見て三つの質問に答えられるか確認します。一つ目は、どのプランが自分に近いか。二つ目は、何が含まれるか。三つ目は、迷った時に何を送ればよいか。この三つが分かれば、問い合わせ前の不安はかなり下がります。

逆に、一つでも分からないなら、表の項目を増やす前に案内文を足します。特に「迷ったら未定で大丈夫です」は、専門的な説明より効果が出ることがあります。

今日直す一番身近な作業

今日やるなら、まず料金表の各プランに「向いている人」を一行ずつ入れます。次に、含まれる範囲を三つまでに絞ります。最後に、相談ボタンの直前へ「プラン未定で大丈夫です」と書きます。

WordPressの料金表は、特別なデザインがなくても改善できます。表やカードを増やす前に、読む順番をそろえてください。お客さんが自分の入口を選べるようになると、料金表はただの金額一覧ではなく、相談前の安心材料になります。