WordPressでセールスページを作成する方法

WordPressでセールスページを作成する方法(コーディング不要)

WordPressで素早く簡単にセールスページを作成する方法をお探しですか?

セールスページを作成することは、潜在顧客にあなたの製品やサービスを紹介し、購入意欲を高めるための最良の方法です。しかし、ウェブページのデザイン経験が全くない場合はどうでしょうか?コーディング経験がなく、ページにカスタム機能を追加する方法がわからない場合はどうでしょうか?

幸いなことに、WordPressでセールスページを作成する簡単な方法があります。この記事では、15分以内にセールスページを公開するお手伝いをします。

準備はいいですか?始めましょう。

セールスページとは何か、そしてなぜ気にかけるべきか?

セールスページとは、ウェブサイト訪問者に製品やサービスを販売することに焦点を当てた、完全にカスタマイズ可能なウェブページです。AmazonやEtsyのようなマーケットプレイスやソーシャルメディアサイトとは異なり、セールスページは一度に販売する単一の製品またはサービスに焦点を当てます。さらに良いことに、同じウェブページに競合他社すべてを表示することはありません!

すべてのセールスページは、ウェブサイト訪問者を説得し、有料顧客に転換するように設計されています。かけられる時間、ビジネスモデル、そして購読者からどれだけの収益を見込んでいるかによって、次のことができます:

その他多数!

ただし、開始する前に、ランディングページの非常に明確で具体的な目標を設定することを忘れないでください。多くのことができるからといって、すべてを1つのページで行う必要はありません。多くの場合、訪問者にクリックするものが多すぎると、何もクリックしなくなります。

すべての成功したセールスページには何があるか?

WordPressでセールスランディングページが何をするのか、そしてなぜそれを作成すべきかがわかった今、ランディングページのブループリントを作成する時が来ました。成功したランディングページをいくつか見れば、それらすべてに非常に基本的な共通要素がいくつかあることに気づくでしょう:

  • ヘッドライン:ヘッドラインは、人々の注意を引き、もっと知りたいと思わせる場所です。
  • 説明:見出しのすぐ下に、視聴者がページに残りの部分から何を期待できるかの説明を記載してください。これは、読者に製品を購入するように説得するのに最適な場所でもあります。
  • 最新のエピソード: ブランドから何を期待できるかがわかったら、最新のエピソードをリストして、番組の味見をさせましょう。最大3〜5エピソードの表示をお勧めします。
  • 購入ボタン:訪問者が製品を直接カートに追加できるように、購入ボタンを続けます。これは、コールトゥアクション(CTA)ボタンとして知られています。これは、訪問者にページで行動を起こすように促す方法です。ランディングページの目標に応じて、CTAは異なります。
  • ソーシャルプルーフ: 読者に購読する強力な理由を与える良い方法は、ソーシャルプルーフを提供することです。ソーシャルプルーフは、あなたが彼らに取ってほしいのと同じ行動をすでに取っている他の人々がいることを訪問者に伝えます。
  • ニュースレター登録: 訪問者にコアオファーを提示したら、メール購読者になるように依頼することもできます。クリックして購読するボタンを使用して、プッシュ通知購読者になるように依頼することもできます。交換に価値のあるものを提供することが常に最善です。
  • ソーシャル共有ボタン: ソーシャルメディアであなたについて話す人が多ければ多いほど、購読者を急増させるチャンスは高まります。したがって、ランディングページにソーシャル共有ボタンを配置して、人々がソーシャルメディアで共有することを奨励してください。

これは、チュートリアルで作成するWordPressセールスページのプレビューです。

WordPressでセールスページを作成する

これらは、成功するランディングページの最も基本的な部分にすぎないことを覚えておいてください。あなたのページでは、コンバージョンを増やすために、他の多くのセクションを追加したり、カスタムオファーを作成したりできます。

WordPressでセールスページを作成する方法

何を作成すべきかがわかった今、WordPressでセールスページを公開する時が来ました。ランディングページを作成するには、SeedProdの使用を強くお勧めします。

SeedProd 来るページ

SeedProdは最高のWordPressランディングページビルダーです。開発スキルなしでコンバージョン率の高いランディングページを構築したい企業、ブロガー、ウェブサイト所有者に最適です。

SeedProdを使用すると、すぐに公開できる、コンバージョン率の高いランディングページの事前構築済みテンプレートを入手できます。これには、次のテンプレートが含まれます:

  • 販売ページ
  • 近日公開ページ
  • 404ページ
  • メンテナンスページ
  • スqueezeページ
  • ログインページ
  • ありがとうございますページ
  • ウェビナーページ
  • ビデオページ

そして、さらに多くの機能があります!

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

まず、SeedProd Proプラグインを入手して有効化します。方法がわからない場合は、WordPressプラグインのインストール方法に関するこの記事をご覧ください。次に、WordPressダッシュボードのSeedProd » Settingsに移動して、Proバージョンを有効化します。

SeedProd ライセンスキーを入力

次に、SeedProdのランディングページダッシュボードの概要を確認するために、SeedProd » Pagesに移動します。ここで、SeedProdを使用して作成できるさまざまな種類のランディングページを確認できます。

SeedProdランディングページの種類

これらはすべて、事前構築済みの機能とデザインテンプレートを備えた特別なページであることを覚えておいてください。セールランディングページの場合、これらの特別なランディングページは使用しないでください。代わりに、カスタムランディングページを作成します。

さらに下にスクロールして、新しいランディングページを追加ボタンをクリックして開始してください。

SeedProd 新しいランディングページを追加

ステップ#2:新しいセールスランディングページを作成する

新しいランディングページを追加ボタンをクリックすると、SeedProdのランディングページテンプレートライブラリが表示されます。これらは、完全にレスポンシブな、専門的にデザインされたランディングページテンプレートです。

SeedProd ランディングページテンプレートライブラリ

次に、これらのテンプレートのいずれかを選択して開始できます。テンプレートはあくまで出発点であることを忘れないでください。後でページに関するすべてをカスタマイズできます。今のところ、適合すると思われるテンプレートを見つけてください。テンプレートページが開いたら、リストをフィルタリングするために Sales をクリックできます。

WordPressでセールスページテンプレートを見つける

このガイドでは、マスタークラスセールスページを選択します。今すぐクリックしてください。

WordPressでセールスページテンプレートを選択する

次に、ランディングページをカスタマイズします。

ステップ #3: ランディングページのデザインをカスタマイズする

SeedProdのビジュアルビルダーを使用すると、ドラッグアンドドロップのコンテンツブロックを使用してランディングページをカスタマイズできます。

WordPressでセールスページをカスタマイズする

数分でランディングページの完全にカスタマイズされたヘッダーを作成できます。訪問者に製品やサービスを購入してもらうために、ビデオモジュールを作成してYouTubeビデオを埋め込むなど、トラフィックを説得してコンバージョンさせるためのカスタム要素を追加することもできます。

ウェビナー ランディングページ ビルダー 動画

製品やサービスを簡単に説明するセクションを追加することもできます。ビジュアルビルダーの「セクション」タブに移動し、「ヒーロー」セクションの下にある、ワンクリックでインポートできる既製のテンプレートをいくつか見つけてください。

ランディングページ用のヒーローセクションを作成する

好きなものを選択してください。

色やコンテンツは気にしないでください。すべて編集できます。テンプレートによく合うレイアウトを探してください。

以前に行ったのと同じように、ヒーローセクションをカスタマイズできます。別の画像を選択し、見出しと説明を変更します。その際、訪問者に購入を促す行動喚起ボタンを追加してください。

次に、セクションタブから、お客様の声の見出しを選択し、好きなデザインを選びます。そして、あっという間に、ランディングページにお客様の声セクションができます。

ランディングページに推薦文を追加する

とても簡単です!

ステップ#4:セールスページにクリックして購読ボタンを追加する

プッシュ通知購読者を収集するために、クリックして購読ボタンを追加することもできます。プッシュ通知は、リピートトラフィックを増やし、エンゲージメントを高め、公式グッズがあれば販売するためにも役立ちます。

SeedProdでは、サイドバーからカスタムHTMLモジュールをドラッグアンドドロップするだけです。

最初の折り目のメールサインアップフォームのすぐ下に、購読ボタンを配置しました。

セールスページ購読ボタン

しかし、ボタンは好きな場所に挿入できます。

この部分では、HTMLとCSSの経験が必要です。または、このコードをコピーしてカスタムHTMLブロックに貼り付けることができます。

<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>

これは、ほとんどスタイルが適用されていないHTMLの標準的なボタンです。唯一の凝った部分は、コード内のonclick関数です。これは基本的に、訪問者がボタンをクリックして何かを購読できることを意味します。次に、訪問者がプッシュ通知を購読できるように、ボタンに追加のコードを与える必要があります。

PushEngageのホームページにアクセスし、開始するボタンをクリックします。

PushEngage

次に、PushEngage を試すために無料プランを選択するか、ビジネスの成長に真剣に取り組んでいる場合は有料プランを選択します。有料プランには、より多くのキャンペーンオプションと、さらに大きな購読者リストを構築する機能が付属しています。

あなたのPushEngageダッシュボードで、サイト設定 »サイト詳細に移動し、セットアップ手順を表示するにはここをクリックボタンをクリックします。「任意のサイト」の下に、インストールコードが表示されます。

PushEngage どのサイトにもインストールコード

警告:ダッシュボードから取得したコードをコピーする必要があります。コードはPushEngageユーザーごとに固有です。画像内のコードをコピーしてプッシュ通知購読者を収集することはできません。

PushEngage ダッシュボードでコードを取得したら、このスニペットをコードに追加します。

<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>

最終的なコードは次のようになります。

<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>

このコードは、ボタンのコードの後に、ランディングページのHTMLブロックに追加する必要があります。次のようになります。

プッシュ購読ボタンのHTMLコード

ボタンのスタイルは、お好みに合わせて自由にカスタマイズしてください。セールスページのカスタマイズが完了したら、保存ボタンをクリックしてください。

ステップ5:ページ設定の設定

セールスページのデザインが完了したら、ページビルダーの上部にある接続タブをクリックし、メールマーケティングプロバイダーを選択して、サイトでリードを収集します。

SeedProdでEメールマーケティングを統合する

次に、画面上部にある「ページ設定」タブをクリックします。

SeedProdポッドキャストランディングページの設定を編集する

ここでは、セールスページにSEOプラグインやGoogleアナリティクスプラグインを追加できます。FacebookピクセルやPinterestピクセルなどのカスタムトラッキングコードを設定して、広告パフォーマンスを追跡することもできます。

ステップ#6:WordPressでセールスページを公開する

それでは、デザインを公開しましょう。これを行うには、保存ボタンの横にあるドロップダウン矢印をクリックし、「公開」をクリックします。

ウェビナー ランディングページ WordPressを公開する

次に ライブページを表示 ボタンをクリックして、どのように見えるかを確認できます。

WordPressでセールスページを作成する

おめでとうございます!初めてのセールスページを公開しました。

セールスページを作成した後にやること

セールスページが公開された今、トラフィック、エンゲージメント、売上に取り組む時です。サイトでプッシュ通知を使用してみてください。プッシュ通知は、ビジネスの成長に役立つ優れたマーケティングツールです。

これらの素晴らしいリソースをご覧ください。きっと意味がわかるはずです。

プッシュ通知キャンペーンを作成するためにPushEngageの使用をお勧めします。PushEngageは世界No.1のプッシュ通知ソフトウェアです。まだお済みでない場合は、 今すぐPushEngageを使い始めましょう

コメントを追加

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従ってモデレーションされ、すべてのリンクはノーフォローとなりますのでご注意ください。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

ウェブサイトを離れた後も訪問者をエンゲージし、維持する

見逃せないプッシュ通知で、すべてのウェブ訪問の価値を高めましょう。

  • 永久無料プラン
  • 簡単なセットアップ
  • 5つ星サポート