Latest SeedProd News

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

WordPressでローンチ前ランディングページを作成する方法 

Written By: 著者アバター Stacey Corrin
著者アバター Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: レビュアーアバター Turner John
レビュアーアバター Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

TL;DR:ローンチ前ランディングページの作成方法 ローンチ前ランディングページは、製品ローンチ前に公開され、メールサインアップを収集するため、ローンチ日には準備されたオーディエンスがいます。以下に簡単な手順を示します。

  1. 5つの必須要素を知る – ヘッドライン、説得力のある本文コピー、明確なCTA、強力なビジュアル、ソーシャルプルーフ。
  2. SeedProdをインストールする – 事前に構築された「近日公開」ページテンプレートを備えた、WordPress用のドラッグ&ドロップWebサイトビルダー。
  3. テンプレートを選択する – 「近日公開」でフィルタリングし、ブランドに合ったものを選択します。
  4. コンテンツを追加する – ヘッドライン、説明、カウントダウンタイマー、メールオプトインフォームをカスタマイズします。
  5. メールサービスを接続する – サインアップが直接リストに送信されるように、メールマーケティングプロバイダーをリンクします。
  6. 公開して「近日公開」モードを有効にする – SeedProdの「近日公開」モードをオンにして、メインサイトを非表示にしたままローンチ前ページを公開します。

ローンチは間近ですが、まだ誰もそれを知りません。最初にメールサインアップを収集するためのローンチ前ランディングページがないと、サイレントローンチとなり、ゼロからオーディエンスを構築する必要があります。

このガイドでは、SeedProdを使用してWordPressで作成する方法を説明します。1時間以内に、サインアップを収集するライブ待機リストランディングページが完成します。

ローンチ前ランディングページとは?

ローンチ前ランディングページは、メインのウェブサイトや製品の前に公開される単一目的のページであり、メールサインアップを収集し、ローンチ前にオーディエンスを構築するように設計されています。

ローンチ前ランディングページを作成する多くの利点の一部を次に示します。

  • ローンチへの興奮と期待を高める
  • ローンチ前にリードを獲得し、メールリストを構築する
  • 製品やサービスのアイデアを検証し、貴重なフィードバックを得る
  • 早期にブランドとオンラインプレゼンスの構築を開始する

これを念頭に置いて、WordPressでローンチ前ランディングページを作成する方法を見てみましょう。

ローンチ前ランディングページに必要なものは?

ローンチ前のランディングページは、単なるウェブサイトや製品の見た目が良いプレースホルダー以上のものです。期待感を高め、リードを獲得し、成功するローンチへの足がかりを作るためのツールなのです。

ローンチ前のページがすべて正しい音符を打つことを確認するために、含めるべき必須要素を以下に示します。

注目を集めるヘッドライン

第一印象について、彼らが言うことを知っていますよね?あなたの見出しは、人々が見る最初のものなので、目を引くもので、彼らを長くとどまりたくさせる必要があります。結局のところ、それはあなたのローンチ前のパーティーのための仮想ウェルカムマットなのです。

素晴らしい見出しは3つのことをします:

  • 注意を引く:頭から離れないキャッチーな曲のようなものですが、ランディングページ用です。
  • メリットを強調する:あなたの製品やサービスがどのように彼らの生活を改善するかを人々に伝えてください。どのような問題を解決していますか?
  • 簡潔に保つ:小説を書く必要はありません。ポイントを素早く明確に伝えましょう。
Fixersの「Coming Soon」ページ例

インスピレーションが必要ですか?これらの見出しの公式と例をチェックしてください:

  • [あなたの製品名]:あなたが待ち望んでいた[メリット]ソリューション(興味をそそり、メリット重視)
  • ウェイティングリストに参加して、[あなたの製品名]を最初に試しましょう(排他性を作成します)
  • [あなたの製品名]への限定早期アクセスを取得しましょう – 今すぐ登録!(明確な行動喚起)

魅力的な本文コピー

さて、見出しで彼らの注意を引きましたね。今度は、説得力のある本文で取引を成立させる時です。

ここで、あなたの製品やサービスのメリットをさらに深く掘り下げて売り込みます。

いくつかコピーライティングのヒントを紹介します:

  • 機能よりもメリット:覚えておいてください、人々は感情に基づいて購入し、後で論理で正当化します。したがって、単に機能(例:「当社のソフトウェアにはドラッグアンドドロップインターフェイスがあります」)をリストアップするのではなく、それらの機能を具体的なメリット(例:「当社の直感的なドラッグアンドドロップインターフェイスにより、初心者でもウェブサイトの構築が簡単になります」)に変換してください。
  • 異議に対処する:ターゲットオーディエンスが抱く可能性のある一般的な懸念やためらいは何ですか?それらの異議を認め、説得力のある反論を提供してください。
  • 説得力のある言葉を使う:力強い動詞、鮮やかなイメージ、会話調のトーンは、あなたのコピーをより魅力的で説得力のあるものにすることができます。
説得力のあるプレローンチランディングページ本文コピーの例

上記の例のコピーライティングを見てください。ユーザーが望むものを、フレンドリーで魅力的な方法で正確に提供しています。

明確で説得力のあるコールトゥアクション(CTA)

彼らを宙ぶらりんにしないでください。次に何をしてほしいかを人々に正確に伝えてください。

あなたのCTAは、明確で簡潔で、見逃せないものでなければなりません。緊急性を生み出し、行動を促す力強い動詞を使用してください。

プレローンチランディングページのコールトゥアクション

私が常に使用している、パンチの効いたCTA動詞をいくつか紹介します:

  • 取得
  • 参加する
  • ダウンロード
  • 請求する
  • 開始
  • 発見

さらにインスピレーションが必要な場合は、私のお気に入りのコールトゥアクションの例をいくつか紹介します。

目を引く画像と動画

百聞は一見に如かず、ですよね?ランディングページでは、それは千件のサインアップの価値があるかもしれません。高品質のビジュアルは、ローンチ前のページを成功させることも、失敗させることもあります。

製品、サービス、またはブランドに関連性があり、人々がもっと知りたいと思うほど魅力的で、製品/サービスが実際に動作している様子を示す画像や動画を選びましょう。

AIOSEOのプレローンチランディングページ例(ビフォーアフター スライダー付き)

特に、AIOSEOのこの例が気に入っています。彼らはビフォーアフターのスライダーを使用して、製品がどのように機能するかを明確に説明しています。

創造性を刺激するビジュアルコンテンツのアイデアをいくつかご紹介します。

  • 製品モックアップ:あなたが構築しているもののスニークピークを人々に提供します。
  • 舞台裏の写真:あなたの旅を共有し、個人的なつながりを作りましょう。
  • 説明動画:製品やサービスがどのように機能するかを、迅速かつ魅力的に実演します。
  • 顧客の声動画:(もし既にあれば)ソーシャルプルーフほど信頼を築くものはありません。

信頼を高めるソーシャルプルーフ

あなたが試した素晴らしい新しいレストランについて教えてくれた友人を覚えていますか?彼らはそれから得るものが何もなかったため、あなたはおそらく彼らの推薦を信頼したでしょう。それがソーシャルプルーフです。

他の人々がすでに参加してあなたを賞賛しているのを見ると、人々はあなたのブランドを信頼する可能性が高くなります。実際、HubSpotによると、消費者の88%は個人的な推薦と同じくらいレビューを信頼しています。

ローンチ前の段階でも、その信頼を築き始めることができます。

方法は次のとおりです。

  • お客様の声:あなたの製品やサービスを絶賛する初期の採用者が数人いますか?短いお客様の声を提供してくれるかどうか尋ねてください。
  • メディア掲載:あなたの会社や製品はどの出版物で取り上げられましたか?それらのロゴをあなたのページに追加してください。
  • ソーシャルメディアのフォロワー数:すでにソーシャルメディアのフォロワーを増やしているなら、それを誇示しましょう。人々があなたのやっていることに興味を持っていることを示すために、ランディングページにフォロワー数を表示してください。
信頼を築くためのランディングページ testimonials

サインアップを獲得するという点では、5つの要素すべてが同じ重みを持つわけではありません。ヘッドラインが最も多くの仕事をするので、それが人々を止めなければ、他の何も意味がありません。

その後、オプトインフォームはスクロールせずに表示される必要があります – ファーストビューに。ソーシャルプルーフ(お客様の声、メディア掲載、フォロワー数)はフォームの下に配置し、ほぼ確信しているがまだ完全ではない人々を安心させます。

ローンチ前ランディングページチェックリスト:

  • 注意を引くヘッドライン
  • メリットに焦点を当てた説得力のある本文コピー
  • 強力な動詞を使った明確なCTA
  • 高品質な画像または動画
  • ソーシャルプルーフ(お客様の声、メディア掲載、またはフォロワー数)

WordPressでローンチ前ランディングページを作成するには?

さて、楽しい部分です:実際にローンチ前ランディングページを構築します。WordPressは、特に適切なツールがあれば、これを簡単にします。

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

このために、WordPress用のドラッグアンドドロップウェブサイトビルダーであるSeedProdを強くお勧めします。10年以上のコンテンツマーケティングで、私はかなりの数のランディングページビルダーを試してきましたが、これは私が繰り返し使っているものです。

SeedProdのComing Soonモードは、実際のサイトを非表示にしたままWordPressサイト全体にローンチ前のページを表示できる唯一の方法です。これを使用すると、バックグラウンドでメインサイトを構築しながら、ローンチ前のページを公開できます。

SeedProdのドラッグ&ドロップビルダーにより、ランディングページの作成が迅速に行えます。プロがデザインしたテンプレートから始めて、ブランドに合わせてカスタマイズしてください。ローンチ前のページに特化したオプションも用意されています。

プロセスをステップバイステップで解説しましょう。

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

まず、WordPressウェブサイトにSeedProdをインストールして有効化します。SeedProdには無料版がありますが、このガイドではSeedProd Proを使用しています。これにはProテンプレートが含まれています。

ヘルプが必要な場合は、SeedProdのインストール方法に関するガイドを参照してください。

プラグインをインストールしたら、WordPressダッシュボードからSeedProd » Landing Pagesに移動します。次に、「Coming Soon Pageの設定」ボタンをクリックします。

SeedProdダッシュボード(「Coming Soon」ページの設定ボタンを表示)

ステップ2. ローンチ前ページテンプレートを選択する

次に、デザインを選びましょう。SeedProdには多くの既製テンプレートがあります。Coming Soonページ専用のカテゴリもあります。

SeedProd のメンテナンスモードページテンプレートギャラリー(フィルターオプション付き)

それらを見つけるには、上部にある「Coming Soon」フィルターをクリックします。次に、ブランドとローンチする製品に最も適したものを選択してください。

これを行うには、マウスカーソルを合わせてオレンジ色のチェックマークアイコンをクリックします。

SeedProd でローンチ前ランディングページテンプレートを選択する

ステップ3. ローンチ前コンテンツを追加する

次に、ローンチ前のページを生き生きとさせる時です。SeedProdのドラッグ&ドロップページビルダーを使えば簡単です。選択したテンプレートが表示され、すぐにすべてのカスタマイズを開始できます。

SeedProd ページビルダーのローンチ前ページテンプレート

テンプレートはさまざまな「ブロック」で構成されています。これらはページのビルディングブロックのようなものです。任意のブロックのテキストを変更したり、画像を入れ替えたり、ロゴを追加したり、カウントダウンタイマーや顧客の声を追加したりできます。

ブロックをクリックするだけで、左側のメニューですべてのカスタマイズ方法が表示されます。

たとえば、見出しをクリックして、ブランドやローンチする内容を反映したテキストに変更します。

SeedProd でローンチ前ページのヘッドラインを編集する

先ほど説明した必須要素を覚えていますか?

  • キャッチーな見出し
  • 明確な説明
  • 目を引く写真
  • 次に何をすべきかを訪問者に正確に伝えるコールトゥアクションボタン

訪問者が次のビッグイベントのローンチに興奮するように、これらの要素をページに追加してください。

この例では、カウントダウンタイマーブロックを使用して、緊急性を追加しました。これにより、ローンチ前の期間がいつ終了するかを訪問者に視覚的にガイドします。

ローンチ前ページカウントダウンタイマー

ステップ4. ローンチ前ランディングページをカスタマイズする

ローンチ前のページコンテンツは設定されました。次に、視覚的に魅力的なものにしましょう。SeedProdは、デザインをブランドに合わせるのに役立つさまざまなカスタマイズオプションを提供しています。

ページ上の各要素は、カスタマイズ可能な設定を持つブロックによって制御されます。たとえば、ブロックを選択し、色設定を見つけて、完璧な色合いを選択することで、ブランドのカラースキームに合わせることができます。

SeedProd ページビルダーのブロックカラー設定パネル

フォントにも同様のカスタマイズレベルを適用できます。テキストブロックを選択し、フォント設定(通常は「高度」タブにあります)を見つけて、完璧に一致するものが見つかるまで試してください。

SeedProd のブロックフォント設定

プロのヒント:究極の効率性を求めるなら、「グローバル設定」を探索してください。ブランドカラーとフォントスタイルを一度定義すれば、SeedProdはそれらをページ全体に適用し、貴重な時間を節約できます。

ローンチ前ページグローバル設定

ステップ5:メールマーケティングサービスとの連携

ローンチ前のランディングページは、メールリストを成長させる絶好の機会です。これは、ローンチ後も成功に不可欠な貴重な資産となります。SeedProdを使用すると、ランディングページのオプトインフォームをお好みのメールマーケティングサービスに簡単に接続できます。

SeedProdページビルダー内で、上部にある「接続」タブをクリックします。

SeedProd のページビルダーの「接続」タブにあるメールマーケティング連携

ここに人気のメールマーケティングサービスのリストが表示されます。お使いのサービスを見つけてクリックして接続します。

ローンチ前のサインアップのためにメールプロバイダーを SeedProd に接続する

そこから、指示に従ってメールリストを接続してください。

これで、更新のサインアップ、ウェイトリストへの参加、またはローンチ前のページのオファーの請求を行うたびに、それらは自動的にメールリストに追加されます。

ローンチ前から期待感を高め、準備されたオーディエンスを作り出すことができます。

ステップ6. プレビュー、テスト、公開する

プレローンチページを世界に公開する準備がほぼ整いました。公開ボタンを押す前に、すべてのデバイスでシームレスな体験を提供できることを確認しましょう。

SeedProdなら、組み込みのプレビューツールでこれを簡単に実現できます。

デバイスアイコン(通常はページビルダーの下部にあります)を使用して、ページがデスクトップ、ラップトップ、タブレット、スマートフォンでどのように表示されるかを確認してください。

SeedProd でのローンチ前ページモバイルプレビュー

もし何か問題があるように見えても、心配しないでください。どこでも見栄えがするまで、戻って調整するだけです。

ページに満足したら、共有する時間です。そうするには、ページ上部にある緑色の「保存」ボタンをクリックし、「公開」を選択してください。

ローンチ前ランディングページを公開する。

これで、ページをプレビューして実際に動作している様子を確認できます。これは、このガイドのために私が作成したものです。

ローンチ前ランディングページの例

プレローンチページを公開したら、カミングスーンモードを有効にする必要があります。これにより、訪問者はウェブサイト全体でそのページが表示されるようになります。

これを行うには、「X」ボタンをクリックしてページエディターを閉じ、SeedProdダッシュボードに戻ります。

次に、「カミングスーンモード」セクションに移動し、トグルを「非アクティブ」から「アクティブ」に切り替えます。

SeedProd ダッシュボードでメンテナンスモードを有効にする

これで、ウェブサイト全体でカミングスーンモードが有効になり、訪問者は作成したばかりのプレローンチページが表示されるようになります。

特定のページにローンチ前ページを表示する

プレローンチページをウェブサイトの一部の部分のみに表示したい場合は、作成したばかりのページを編集し、「設定」タブをクリックして、「アクセス制御」の見出しに移動してください。

次に、「URLを含める/除外する」セクションまでスクロールダウンし、プレローンチページを表示したいURLを追加します。

SeedProd のアクセス制御で特定の WordPress URL にローンチ前ページを表示する

これにより、ウェブサイトのすべての部分にプレローンチ通知が表示される代わりに、指定したページにのみ表示されるようになります。

優れたプレローンチランディングページはどのように見えるか?

デザインに関しては、創造性を発揮するのが難しいと感じることがよくあります。そこで、皆さんのために、オンラインの実際のブランドから私が気に入っているプレローンチページの例をいくつかご紹介します。

App Manager 5.0

App Manager 5.0 ローンチ前ランディングページの例

App Manager 5.0のこのプレローンチページは、構造が正しく設定されています。デザインはシャープで、電話のイラストと明確なコールアウトを使用して特定の機能を強調しています。

見出しは実際の問題(複数のアプリの管理)に対処し、テキストは早期特典を説明し、カウントダウンタイマーは緊急性を生み出します。「リストに登録する!」ボタンは目立ち、行動指向です。

優れている点:緊急性(タイマー)とインセンティブ(早期特典)を組み合わせており、訪問者はサインアップする理由が1つだけでなく2つあります。

Tapsterアプリ

Tapster ローンチ前ランディングページの例

Tapsterのプレローンチページはシンプルですが効果的です。さまざまなアプリの使用方法を示す電話のモックアップは、説明なしに製品の目的を伝えています。

優れている点:VIPアクセスを提供することで、サインアップは単に行うだけでなく、獲得するものとして位置づけられています。その排他的なフレーミングは、製品が存在する前に知覚価値を高めます。

PandaDoc

PandaDoc ローンチ前ランディングページの例

PandaDocのこの例では、遊び心のあるパンダのマスコットを使用して、ブランドの個性を瞬時に定着させています。「プロのようにドキュメントを送信する」という見出しは、野心的であり、明確なペインポイントを解決します。

優れた点:サインアップを「早期招待」として提示することで、アクセスがキュレーションされたものであり、誰にでも開かれているわけではないという感覚を生み出しています。これは、オファーの感じ方を変えるシンプルな言葉の選択です。

The Astonishing Post

The Astonishing Post ローンチ前ランディングページの例

The Astonishing Postのこのプレローンチページは、個性に満ちています。彼らがローンチする雑誌のように、賑やかで芸術的であり、中央の印象的な画像がすぐに注目を集めます。

優れた点:ページが製品のボイスを正確に反映しています。プレローンチページは、機能するためにミニマルである必要はありません。それは、これから来るものを感じさせる必要があります。これは、混乱させることなくそれを実現しています。

このサインアップフォームはシンプルで、スパムを送らないという約束もあり、それは常に良いことです。

よくある質問

「Coming Soon」ページとプレローンチランディングページの違いは何ですか?

「Coming Soon」ページは通常、サイトが建設中であることを訪問者に伝えるシンプルなプレースホルダーです。プレローンチランディングページはより意図的です。それは、ローンチ前に興奮を高め、メールサインアップを収集し、アイデアを検証するように設計されています。どちらもメインサイトの前に公開されますが、プレローンチページは、構築を終える前に積極的にオーディエンスを成長させるために機能します。

プレローンチランディングページはローンチのどれくらい前に設定すべきですか?

できるだけ早く設定します。理想的には、計画されたローンチ日の4〜6週間前です。これにより、意味のあるメールリストを作成し、メッセージングをテストするのに十分な時間が得られます。ローンチの2週間以上前であれば、通常は勢いが維持されます。それより短ければ、ローンチ日をカウントダウンするのに十分なサインアップを収集できません。

プレローンチランディングページに含めるべきものは何ですか?

最低限:注意を引く見出し、何が来るかの明確な説明、ファーストビューにあるシンプルなメールオプトインフォーム、そしてソーシャルプルーフやメディア掲載などの少なくとも1つの信頼シグナル。カウントダウンタイマーはオプションですが、特にローンチ前の最終日には緊急性を追加します。その時、あなたのページは訪問者がチェックするために戻ってくるローンチカウントダウンページになります。

SeedProdの無料バージョンをプレローンチランディングページに使用できますか?

はい、SeedProdの無料バージョンには「Coming Soon」ページ機能が含まれており、メールサインアップを収集できます。有料バージョンでは、Proテンプレート、高度なカスタマイズオプション、およびその他のメール統合にアクセスできます。ほとんどのプレローンチページでは、無料バージョンで十分です。

SeedProdでプレローンチページを構築し、ローンチ日前にサインアップの収集を開始しましょう。

新しい製品、サービス、またはウェブサイトをローンチする際に、以下のヒントやチュートリアルも役立つかもしれません。

お読みいただきありがとうございます!皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTubeX および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。

著者アバター
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]