シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressでオンラインコースのランディングページを作る方法(6ステップ)

WordPressでオンラインコースのランディングページを作る方法(6ステップ) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

実際にサインアップを獲得するオンラインコースのランディングページを作成したいですか?良いコースページは、訪問者の注意を引き、質問に答え、"登録 "をクリックするよう誘導します。

このステップバイステップのガイドでは、WordPressであなたのコースのための高コンバージョンのランディングページを構築する方法を紹介します。すべてのページに必要な重要な要素とSeedProdを使って素早く設定する方法をご覧いただけます。

オンラインコースのランディングページとは?

オンラインコースのランディングページは、あなたのコースに参加するよう人々を説得するためにデザインされた独立したページです。ホームページやブログの投稿とは異なり、訪問者をサインアップまたは登録に導くという、たった一つの焦点があります。

最良のコースのランディングページは、コースの利点を強調し、誰のためのコースなのかを説明し、人々を引き離す可能性のある気晴らしを取り除きます。ヘッドラインからコールトゥアクションまで、すべての要素が "なぜこのコースを受講する必要があるのか?"に答えるために連動しています。

多くのクリエイターは、広告やメールキャンペーンでコースのランディングページを使用しています。誰かがリンクをクリックすると、その興味を登録に変えるためだけに作られたページにランディングします。

WordPressでオンラインコースのランディングページを作る方法

オンラインコースのランディングページを作成するには、コースのコンテンツを簡単に紹介し、信頼シグナルを追加し、登録に導くツールが必要です。それこそがSeedProdが最も得意とするところです。

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

SeedProdは、コース作成者が必要とするすべてのものを一箇所に集めたドラッグ&ドロップ式のWordPressページビルダーです。コードに触れることなく、コースモジュールのハイライト、ビデオプレビューの追加、受講者の声の表示、お気に入りのEメールマーケティングサービスへの接続が可能です。

また、高速で軽量なので、ランディングページが遅くなることはありません。また、セールスとサインアップ用に構築された何百ものモバイル対応テンプレートにより、プロフェッショナルなコースページを数分で立ち上げることができます。

ここでは、SeedProdを使用してオンラインコースのランディングページをステップバイステップで構築する方法を説明します。

ステップ1.SeedProdのインストールとアクティベート

最初のステップは、SeedProd WordPressプラグインをコンピュータにダウンロードすることです。

注: SeedProdには無料版もあります。しかし、私たちが必要とする高度な機能を備えているので、SeedProd Proを使うことにする。

次に、WordPressウェブサイトにSeedProdをアップロードし、プラグインをインストールして有効化する必要があります。この段階で助けが必要な場合は、WordPressプラグインのインストール手順をご覧ください。

プラグインをインストールして有効化すると、自動的にライセンスキーの入力を求めるウェルカムページが表示されます。ライセンスキーは、SeedProdアカウントダッシュボードの「ダウンロード」セクションにあります。

ライセンスキーを入力する

キーをコピーしてライセンス・キー・フィールドに貼り付け、Verify Keyボタンをクリックします。

そこからページを少しスクロールし、「最初のページを作成」ボタンをクリックします。

最初のSeedProdランディングページを作成する

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

次の画面は、SeedProdのランディングページダッシュボードで、さまざまなページモードを有効にしたり、独立したページを作成したりすることができます。

SeedProdランディングページ・モード

例えば、ページ上部には以下のようなモードがある:

SeedProdのページモードの素晴らしいところは、各機能のために追加のWordPressプラグインをインストールすることなく、サイトの機能を拡張できることです。重要な機能はすべてSeedProdの中にあり、ワンクリックでオン/オフを切り替えることができます。

そのセクションの下に、目的に応じた個別のページを作成することができます。それでは、「新しいランディングページを追加」ボタンをクリックして、最初のページを作成してください。

WordPressに新しいランディングページを追加する

あなたのコースページにSeedProdのモバイル対応テンプレートを選択することができます。上部のタブを使用して、目的別にテンプレートを絞り込むことができます。

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

例えば、セールスページタブをクリックすると、すでにオンラインコースに対応した様々なテンプレートが表示されます。そこから任意のデザインにカーソルを合わせ、チェックマークアイコンをクリックするだけで読み込むことができます。

このガイドでは、不動産販売ページを選んだ。

オンラインコースのランディングページのテンプレートを選ぶ

テンプレートを選択した後、ポップアップウィンドウが表示されますので、ページ名とURLを入力してください。保存してページの編集を開始]ボタンをクリックすると、SeedProdのページビルダーでデザインが開始されます。

オンラインコースのランディングページの名前とURLを入力してください。

ステップ3.コースの詳細をランディングページに追加する

選択したテンプレートがSeedProdのビジュアルエディタに表示されます。この画面では、左側にブロックとセクション、右側にページのプレビューが表示されます。

SeedProdのライブ・ドラッグ&ドロップ・ビジュアル・ページ・ビルダー

また、どのページ要素も、ポイント&クリックで簡単に編集できます。例えば、見出しをクリックすると、コンテンツ設定パネルが表示され、内容を変更することができます。

オンラインコースのランディングページの見出しを編集する

同様に、画像をクリックし、コンテンツ設定パネルのゴミ箱アイコンを選択することで、既存の画像を変更することができます。

そこから、あなたのコンピュータやWordPressのメディアライブラリから新しい画像をアップロードするか、SeedProdの無料ストック画像のいずれかを使用することができます。

オンラインコースのランディングページのテンプレート画像を変更する

コースページに追加コンテンツを追加するのはとても簡単です。左側のブロックをドラッグして、あなたのデザインにドロップするだけです。

例えば、ビデオブロックをあなたのページにドラッグし、YouTubeのリンクを貼り付けることで、あなたのデザインにビデオを表示することができます。ビデオが非常に魅力的であることを考えると、それはあなたのコースを取得するように説得するのに十分な時間、あなたのページに人々を引き留めることができます。

オンラインコースのランディングページに動画を追加する

また、本当にコースに申し込んでもらいたいのであれば、SeedProdに内蔵されているカウントダウンタイマーを使用することができます。タイマーを使用することで、切迫感を与え、すぐに行動するよう説得することができます。

オンラインコースのランディングページにカウントダウンタイマーを追加する

さらに、そのブロックのテンプレートタブをクリックすると、1クリックでタイマーに適用できるいくつかのスタイルが表示されます。

カウントダウンタイマーのテンプレートを選ぶ

デザインに満足するまで、コースの販売ページにコンテンツを追加し続けてください。そして、設定を保存するために保存ボタンをクリックすることを忘れないでください。

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

背景色、ボタンの色、フォントなど、コースページテンプレートの他の部分を変更したい可能性は十分にあります。良いニュースは、SeedProdはあなたがこれらの変更を行い、一度にあなたのページのすべての部分に適用することができるパネル全体を提供しています。

画面左下の歯車アイコンをクリックすると、グローバル設定パネルが開きます。そして、今言ったように、ブロックごとに各設定を調整することなく、ページの多くの部分をそこでカスタマイズすることができます。

ランディングページのグローバル設定を開く

例えば、ページのボタンの色をすべて変更したい場合があります。その場合、「色」の見出しをクリックし、カラーピッカーを使用してCTAボタンに別の色を割り当てます。

コール・トゥ・アクション・ボタンを対照的な色でカスタマイズする

プロからのアドバイス:CTAボタンの色を選ぶときは、他のコンテンツより目立つように対照的な色を選ぶのがベストです。

同じパネルで、フォントや背景を調整したり、カスタムCSSを追加することもできる。

オンラインコースページに満足したら、保存ボタンをクリックし、次のステップに進みます。

ステップ5.オンラインコースのランディングページを設定する

SeedProdのWordPressランディングページの設定は、ページの構築と同じくらい簡単です。それでは、統合設定から見ていきましょう。

画面上部の「接続」タブをクリックします。そこから、接続可能なメールマーケティングプロバイダーを確認できます。

seedprodメールマーケティング統合

ランディングページのゴールの1つがEメールアドレスの収集とリストの拡大である場合、Eメールリストの統合は重要です。SeedProdは様々な一般的なメールマーケティングサービスと統合していますので、数回のクリックでリストを統合することができます。

リストでプロバイダーを見つけて「接続」をクリックし、指示に従ってアカウントを認証するだけです。 

また、Googleアナリティクスのアカウントとリンクしたり、Recaptchaを設定したり、Zapier経由で他の何百ものアプリと同じ画面で接続することもできる。

ここでは、一般設定の編集、オンページSEOの詳細の追加、アナリティクスの設定、カスタムスクリプトの追加ができます

ランディングページ設定

例えば、ランディングページのパフォーマンスをトラッキングするためにMonsterInsightsをインストールし、SeedProdのAnalyticsタブをこれらの設定を構成するショートカットとして使用することができます。

また、SeedProd Eliteユーザーであれば、カスタムドメイン機能を利用することができます。つまり、各ドメインにWordPressをインストールすることなく、SeedProdで作成したランディングページをカスタムドメイン名に向けることができます。

設定を終えたら、デザインタブに戻り、すべてが思い通りになっているか再確認してください。

ステップ6.オンラインコースのランディングページを公開する

デザインが完成したら、オンラインコースページを公開することができます。そのためには、保存ボタンの隣にあるドロップダウン矢印をクリックし、公開を選択してください。

オンラインコースのランディングページを公開する

その後、デザインをプレビューして、オンラインコースのランディングページをあなたのウェブサイト上で確認することができます。

オンラインコースのランディングページの例

オンラインコースのランディングページに関するFAQ

オンラインコースのランディングページに期待するコンバージョン率は?
ほとんどのオンラインコースのランディングページのコンバージョンは、ニッチ、トラフィックの質、オファーの強さにもよりますが、2~10%です。
オンラインコースのランディングページはどのくらいの長さにすべきでしょうか?
高価格のコースでは、長いページの方が、価値を説明したり、反論に答えたりするスペースが確保できるため、良い結果を生むことが多い。
コースのランディングページにビデオは必要ですか?
特に、コースの成果を説明したり、個人的な紹介をしたりする場合は、短いビデオを追加することで、コンバージョンを80%以上高めることができます。
緊急性を高めるためにカウントダウン・タイマーを使うべきか?
カウントダウンタイマーは、正直に使えばうまく機能するが、偽の緊急性は信頼を損ない、長期的な売り上げに悪影響を与える。

コーディングなしでWordPressでオンラインコースのランディングページを構築する方法がわかりました。

このように、SeedProdを使ってWordPressで任意のページを作成することは、初心者でもできるほど簡単です。また、上級者であっても、SeedProdを使ってあなたのデザインをユニークなものにする方法はたくさんあります。

もしあなたが、コンバージョンの高いオンライン・コース・ページを作成する準備ができているなら...

SeedProdでGoogle広告のランディングページを作成する方法については、こちらのガイドもお勧めです。

お読みいただきありがとうございました。ツイッターフェイスブックユーチューブで、あなたのビジネスの成長に役立つコンテンツをもっとご覧ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。