Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでセールスページを作成する方法(コンバージョンにつながるもの)

よく練られたセールスページは、気軽な訪問者を有料顧客に変え、収益を押し上げる。

長年にわたり、私たちは数え切れないほどのWordPressユーザーが様々なタイプのページを作成するお手伝いをしてきましたが、セールスページは常に最もインパクトのあるページのひとつとして際立っています。

多くの読者から、WordPressでコンバージョンの高いセールスページを作成する方法について質問を受けました。セールスページを作成する方法はいくつかありますが、私たちが推奨する方法は、SeedProdのようなページビルダーを使用することです。

このチュートリアルでは、WordPressでプロフェッショナルに見えるだけでなく、コンバージョンを促進するセールスページを作成する方法を説明します。

How to Create a Sales Page in WordPress (That Converts)

セールスページとは何か?

セールスページの目的は個別で、商品やサービスを購入してもらうことです。

新規の電子書籍、近々開催予定のカンファレンス、定期購入ボックス、eコマース商品、コンサルタント・サービスなどのセールス・ページを作成するかもしれません。しかし、ゴールは常に同じです。

すべてのセールスページはユニークです。しかし、コンバージョンの高いページのほとんどは、製品やサービスを売り込み、その後に行動喚起(CTA)を続けます。

例えば、下のOptinMonsterの販売ページには明確なCTAがあります。このCTAボタンは、他のページから目立つように対照的な色を使っています。また、矢印を使用することでCTAに注意を引いています。

An example of a sales page with a clear CTA.

すべて聞き覚えがあるかもしれない。実際、この時点であなたは、「これは単なるランディングページではないのか?

セールスページとランディングページには多くの共通点があります。ランディングページは商品やサービスを売るために作られることもあります。

WordPressのランディングページは、ニュースレターの登録者数を増やしたり、ウェビナーを宣伝するために作成するかもしれません。しかし、セールスページは常に販売を目的としています。

それでは、WordPressでコンバージョンの高いセールスページを作成する方法を見ていきましょう。2つの方法を紹介しますので、以下のリンクをクリックして、お好きな方法にジャンプしてください:

プロからのアドバイス WordPressサイトのデザインでお困りですか?WPBeginnerプロサービスチームが、あなたのビジョンに一致するサイトをデザインします。あなたの努力は必要ありません。今すぐお電話でお問い合わせください。

この方法は最も簡単で、すべてのWordPressユーザーにお勧めします。

この方法では、SeedProdを使用します。これはWordPressのための最高のランディングページビルダーです。SeedProdを使えば、より多くの売上につながる美しいページレイアウトを簡単に作成することができます。

SeedProd

SeedProdは、販売を促進するためにすでに使用しているかもしれない多くの人気のあるサードパーティツールと連携しています。これらには、トップクラスのメールマーケティングサービス、WooCommerce、Google アナリティクスなどが含まれます。

最初に行う必要があるのは、SeedProdプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

注:WordPress.orgで利用可能なSeedProdの無料版もありますが、より強力な機能を提供するPro版を使用します。プロがデザインした販売ページテンプレートやランディングページテンプレートの幅広いセレクションが含まれています。

プラグインを有効化した後、SeedProdはライセンスキーを要求します。

The SeedProd page builder for WordPress.

この情報は、SeedProdサイトのアカウントで確認できます。ライセンスキーを入力した後、WordPressダッシュボードのSeedProdLanding Pagesにアクセスしてください。

ここで、「新規ランディングページを追加」ボタンをクリックします。

How to create a new landing page, using SeedProd.

SeedProdには、リードスクイーズやカミングスーンキャンペーンなど、様々なキャンペーンタイプ用にプロがデザインしたテンプレートが数百種類用意されています。売上を上げたいので、売上フィルターをクリックしてください。

SeedProdのテンプレートをすべてチェックできるようになりました。デザインを詳しく見るには、そのテンプレートにマウスオーバーするだけです。そして、虫眼鏡のアイコンをクリックしてください。

SeedProd's wide selection of templates.

使いたいセールスページのテーマが見つかったら、「このテンプレートを選択」をクリックします。セールスページにキャッチーなタイトルをつけ、URLを入力します。これがあなたのセールスページが外観されるウェブアドレスです。

説明的なURLは、検索エンジンがあなたのページのコンテンツを理解するのに役立ちます。これにより、検索エンジンはあなたのページを適切なユーザーに届けやすくなります。とはいえ、URLに関連キーワードを含めるのは良いアイデアです。

次に、「保存してページの編集を開始する」をクリックします。これにより、SeedProdドラッグ&ドロップページビルダープラグインインターフェースがロードされます。

このシンプルなドラッグ&ドロップビルダーは、右側にページのライブプレビュー、左側にツールバーを表示します。

An example of a SeedProd sales template.

ブロックは、すべてのSeedProdレイアウトのコアコンポーネントです。見出し、ボタン、画像などの既製ブロックをレイアウトに追加するだけで、販売ページ全体を構築することができます。

また、スペーサー、カラム、区切りなどのSeedProdブロックを使用して、販売ページを整理して構成することもできます。

SeedProdブロックのカスタマイザーは簡単です。ブロックをクリックするだけで、ツールバーにそのブロックの設定がすべて表示されます。

A sales page, created using SeedProd.

SeedProdには、コンバージョンの高いセールスページを構築するのに最適なブロックが多数用意されています。

例えば、お客様の声、価格表、星の評価、カウントダウンブロックなどを追加することができます。

SeedProd's countdown block.

また、ドラッグ&ドロップでブロックをレイアウトのあちこちに移動させることもできます。完全にカスタム化されたレイアウトで、美しく魅力的なセールスページを簡単に作成することができます。

テキスト、見出し、画像のようないくつかのブロックについては、SeedProdのAI機能を使用してコンテンツを生成することができます。これは、あなたが一人でサイトに取り組んでいて、セールスページにクリエイティブなタッチを加えるためのリソースが必要な場合に便利です。

詳しくは、AIを使ってマーケティングを強化する方法とWordPressでAIを使って画像を生成する方法のガイドをご覧ください。

Insert copy created with SeedProd AI Assistant

SeedProdには「セクション」もあります。これは行とブロックのテンプレートで、販売ページを素早く作成するのに役立ちます。売上をアップさせるために、ヒーロー、Call To Action、特徴、FAQなどのセクションを見てみましょう。

セクション」タブをクリックすると、これらのセクションをすべて見ることができます。

SeedProd's selection of Section designs.

ここから、任意のセクションにマウスオーバーしてプレビューすることができる。虫眼鏡のアイコンが表示されたら、クリックしてください。

このセクションをページに追加するには、「このセクションを選択」をクリックします。SeedProdは販売ページの一番下にセクションを作成します。

SeedProdは多くのWooCommerceブロックも提供しています。これらには、便利なお買い物カゴに入れるブロックや、人気商品や売れ筋商品を紹介するブロックなどがあります。

SeedProd's WooCommerce blocks.

これにより、WooCommerce製品、サービス、またはイベントを宣伝する販売ページを簡単に作成することができます。SeedProdを選択することで、WooCommerceテーマに制限されることなく販売ページをデザインすることもできます。

セールスページの作成中に「プレビュー」ボタンをクリックすると、デザインをプレビューすることができます。これにより、セールスページが新しいタブで表示されます。

デザインに満足したら、「保存」ボタンをクリックし、「公開する」を選択します。

How to publish a sales page, using the SeedProd page builder.

これでWordPressサイト上に販売ページが公開されます。

また、SeedProdドラッグアンドドロップビルダーを使用して、コードを書くことなく完全にカスタムWordPressテーマを作成することもできます。

詳しくはSeedProdのレビューをご覧ください。

プロのヒント SeedProdの代わりをお探しですか?Thrive Architectは、350以上のランディングページやセールスページテンプレート、あらかじめビルトインされたコンバージョンブロックなどを使って、数分でWordPressのセールスページを構築することができます。

方法2:ブロックエディターを使ってWordPress販売ページを作成する

WordPressにはビルトインのブロックエディターがあり、既成のブロックを使って簡単にユニークなデザインを作ることができます。

プロフェッショナルにデザインされたテンプレートや、コンバージョンに最適化されたブロックを使いたい場合は、やはりページビルダーの使用をお勧めします。とはいえ、予算が限られていて、これから始めようと思っているのであれば、WordPressのブロックエディターだけでセールスページを作成することも可能です。

ブロックエディターで作業する場合、柔軟でユーザーフレンドリーなWordPressテーマは必須アイテムです。この投稿では、多目的の無料テーマAstraを使用します。多目的なので、Astraは幅広いサイトに最適なテーマです。

まず、WordPressダッシュボードのページ新規追加から新しいページを作成します。販売ページにタイトルを付けます。

The WordPress Gutenberg editor.

ページのヘッダーから始めましょう。ヘッダーでは通常、会社のロゴや配色などの要素を使ってブランド・アイデンティティを確立したいと思うでしょう。

さっそくロゴを追加してみましょう。黒い「+」アイコンをクリックし、「サイトロゴ」を検索してください。

The WordPress block editor.

サイトロゴブロックをデザインに追加したら、新しい画像をアップロードするか、WordPressメディアライブラリからグラフィックを選択します。

Coverブロックもセールスページのトップに最適です。このブロックでは、背景画像と、背景画像に追加するオーバーレイやウォッシュカラーを追加することができます。オーバーレイは、画像にブランドカラーを追加する簡単な方法です。

表紙ブロックにはテキストを追加できるスペースもあります。これは、潜在的な顧客にあなたのブランドを売り込むのに最適です。

デザインにCoverブロックを追加するには、黒い「+」アイコンをクリックします。次に、「Cover」を検索します。このブロックが外観に表示されたら、販売ページに追加する必要があります。

A WordPress Cover block.

ブロック・サイドバーを使ってカバー・ブロックをカスタマイズできるようになりました。背景画像とオプションのカラーオーバーレイ、そしてテキストを追加するチャンスです。文字を目立たせるために、色やサイズを変えてみるのもいいでしょう。

ほとんどのセールスページには、商品やサービスの売り込みがコンテナで含まれています。また、商品の写真などの画像も掲載したい場合が多いでしょう。

WordPressには、テキストと画像の両方をきれいなレイアウトで表示できるブロックがあります。このメディア&テキストブロックは、片側に画像、もう片側にテキストを表示する2カラムのレイアウトを作成します。

WordPress' Media & Text bock.

販売ページでは通常、支払いを受け付ける方法が必要です。初期設定では、WordPressはクレジットカード決済をサポートしていませんが、それを解決するためのプラグインやツールがたくさんあります。

WP Simple Payを使って支払いボタンを作成できます。このプラグインを使えば、クレジットカードでの支払いや銀行振り込みなどを簡単に受け付けることができます。

もう一つのオプションは、WPFormsを使用して注文フォームを作成し、販売ページに埋め込むことです。WPFormsは、ショッピングカゴを設定せずにWordPressで支払いを受け付ける最も簡単な方法です。

あとはブロックを追加していくだけで、完璧なセールスページが完成します。

デザインに満足したら、「公開する」ボタンをクリックしてください。これであなたのセールスページは公開され、トラフィックを有料カスタマイザーに変換する準備が整いました。

コンバージョンにつながるセールスページとは?

優れたデザインのセールスページは、目立たせ、訪問者を惹きつけ、最終的にコンバージョンを促進するために、いくつかの重要な要素を含む必要があります:

  1. 訪問者に製品やサービスの利点を伝える、説得力のある見出しと小見出し。簡潔で説得力があり、訪問者の注意を引くのに十分な簡潔さでなければならない。
  2. ターゲット・オーディエンスにとっての利点を示す、写真やグラフィックなどの魅力的な製品やサービスのビジュアル
  3. 商品やサービスの主な価値と、訪問者の問題をどのように解決するかをカバーする詳細な商品説明
  4. 製品またはサービスの価格情報、該当する場合は価格に含まれるもの、特別オファー。
  5. 証言、レビュー、ケーススタディ、統計など、訪問者の信頼を勝ち取るための社会的証明。
  6. 明確なコール・トゥ・アクションボタンは、訪問者を購入や見積もり依頼などの次のステップへと導きます。
  7. 製品やサービスに関するよくある質問に答え、訪問者の主な懸念を解決するFAQセクション

セールスページをデザインする際には、これらの要素を考え、A/Bテストを行い、ターゲットとするユーザーを獲得するために何が最も効果的かを確認するようにしましょう。

また、価格ページのコンバージョンを30%増加させる方法についての専門家の洞察の投稿もご覧ください。OptinMonsterの共同設立者であるThomas Griffinは、価格設定ページの収益を増加させるためのトップヒントをいくつか紹介していますが、これらは販売ページにも当てはまります。

セールスページを次のレベルに引き上げる

美しく、プロフェッショナルにデザインされた販売ページは、売上を伸ばすことができます。しかし、コンバージョン率を向上させる余地は常にあります。

このことを念頭に置いて、さらに売上を伸ばすのに役立つWordPressプラグインをいくつかご紹介しましょう:

  • All In One SEO (AIOSEO)。この初心者にやさしい検索エンジン最適化ツールキットは、検索エンジンからあなたの販売ページに多くの人を誘導するのに役立ちます。トラフィックが増えるということは、訪問者をカスタマイザーに変えるチャンスが増えるということです。
  • MonsterInsights。ページの統計情報をモニタリングすることで、あなたのセールスページで何が有効で何が有効でないかを見つけることができます。それを知る最も簡単な方法はMonsterInsightsを使うことです。これは最高のWordPress解析プラグインで、300万以上のサイトで使用されています。
  • OptinMonster.OptinMonsterのエグジットインテントポップアップは、離脱した訪問者を有料カスタマイザーに変えることができます。このポップアッププラグインは訪問者のマウスの動きをトラッキングするため、訪問者が離脱しようとしている正確な瞬間を検出し、パーソナライズされたキャンペーンで促すことができます。
  • TrustPulse.TrustPulseは市場で最高のWordPressソーシャルプルーフプラグインです。ユーザーがあなたの販売ページで行っている活動をリアルタイムで通知することで、FOMO効果を利用します。

この投稿が、WordPressでコンバージョンの高いセールスページを作成する方法を学ぶのにお役に立てば幸いです。WordPressがeコマースに向いているかどうかについての投稿や、WordPressでサービスセクションを作成する方法についてのステップバイステップガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

4件のコメント返信を残す

  1. Moinuddin Waheed

    integrating sales pages in our website increase the chances of conversion.
    Seedprod comes with a lot of options and rescue with such needs.
    I have used seedprod and found it very useful in making the landing pages and maintenance pages.
    it is lightweight and very easy to use drag and drop options.
    do we need to have a single sales pages website for single product websites like having a landing page only or full fledged website that comes with sales page or pages?

    • WPBeginner Support

      You can use it on either type of site and it is up to testing for what works best for your audience.

      管理者

  2. Uche Nwonye

    Thank you for all the educational articles your editorial team has always delivered to us.

    I NEED to know whether it’s ideal to use one Sales Page for an e-commerce website(that displays multiple products) or build individual Sales Pages for each of the products?

    • WPBeginner Support

      There is no best case for every site at the moment. It would depend on how you design your site, what you are selling, and your audience for what works best for you.

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。