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

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

WordPressで発売前のランディングページを作成する方法 

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

ソフトウェア・プロジェクトの約31.1%が完成前にキャンセルされていることをご存知だろうか?それは、多くの企業が製品を作ることに夢中になり、期待感を高めることを忘れてしまうからだ。リードを獲得したり、アイデアを検証したりする計画もないまま、ローンチしてしまうのだ。

そこで、発売前のランディングページが貴重な存在となる。これは、宣伝マシーンであり、リードマグネットであり、市場検証ツールである。

このガイドでは、WordPressでローンチ前のランディングページを作成する方法を紹介します。

プレローンチ・ランディングページの作り方:

プレローンチ・ランディングページとは何か?

皆さんは、良いスニークピークが大好きですよね?発売前のランディングページは、あなたのウェブサイトや製品にとってまさにそれです。あなたのメインサイトが公開される前に存在する独立したページで、人々を興奮させ、メールアドレスを集めるようにデザインされています。

プレローンチ・ランディングページの作成には、以下のようなメリットがあります:

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

これを念頭に置いて、WordPressで発売前のランディングページを作る方法を見てみよう。

プレローンチページに必要なもの

プレローンチ・ランディングページは、単にあなたのウェブサイトや製品を紹介するだけのものではありません。興奮を高め、リードを獲得し、ローンチを成功させるための舞台を整えるツールなのです。

あなたのプレローンチ・ページが、あらゆる点で適切であることを確認するために、ここに盛り込むべき必須要素を挙げます:

注目を集める見出し

第一印象という言葉をご存知でしょうか?ヘッドラインは、人々が最初に目にするものですから、人目を引き、その場に留まりたくなるようなものでなければなりません。結局のところ、それはあなたのプレローンチパーティーのためのバーチャルなウェルカムマットなのです。

キラー見出しは3つのことをする:

  • 注目を集める:あなたのランディングページのための、頭から離れないキャッチーな歌のようなものです。
  • ベネフィットを強調する:あなたの製品やサービスが、人々の生活をどのように向上させるかを伝えましょう。どのような問題を解決するのか?
  • 簡潔に:小説を書く必要はない。言いたいことを素早く明確に伝えよう。
フィクサーの近日公開ページ例

インスピレーションが必要ですか?見出しの公式と例をご覧ください:

  • [あなたの商品名]あなたが待ち望んでいた[ベネフィット]ソリューション(魅力的でベネフィット主導型)
  • ウェイティングリストに参加して、[商品名]をいち早くお試しください。
  • あなたの製品名]への独占的な早期アクセスを得る - 今すぐサインアップしてください!(明確な行動喚起)

魅力的なボディ・コピー

さて、見出しで相手の注意を引いたところで、次は説得力のあるボディコピーで取引を成立させる番だ。

ここでは、より深く掘り下げて、あなたの製品やサービスの利点を売り込む。

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

  • 機能よりもベネフィット:人は感情に基づいて購入し、その後論理で正当化することを忘れてはならない。ですから、単に機能を列挙するのではなく(例えば、「当社のソフトウェアはドラッグ&ドロップで操作できます」)、その機能を具体的なベネフィットに変換しましょう(例えば、「当社の直感的なドラッグ&ドロップ・インターフェースは、まったくの初心者でも簡単にウェブサイトを構築できます」)。
  • 反対意見に対処する:ターゲットとする読者は、どのような一般的な懸念やためらいを抱いているだろうか?それらの異論を認め、説得力のある反論を提供しましょう。
  • 説得力のある言葉を使う:強い動詞、生き生きとしたイメージ、会話口調は、あなたのコピーをより魅力的で説得力のあるものにします。

上の例のコピーライティングを見てください。ユーザーが求めているものを、親しみやすく魅力的な方法で的確に伝えている。

明確で説得力のある行動喚起(CTA)

彼らをほったらかしにしないこと。次に何をしてほしいかを正確に伝えましょう。

CTAは明確で、簡潔で、見逃せないものでなければなりません。切迫感を与え、行動を促すような強い動詞を使いましょう。

発売前のランディングページの行動喚起

私がいつも使っている、パンチの効いたCTA動詞を紹介しよう:

  • 取得
  • 参加
  • ダウンロード
  • クレーム
  • スタート
  • 発見

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

人目を引く画像とビデオ

百聞は一見にしかず。ランディングページでは、千のサインアップの価値があります。質の高いビジュアルは、あなたのプレローンチページを左右します。

あなたの製品、サービス、ブランドに関連性があり、 、人々がもっと知りたくなるような魅力的な画像や動画を選び、 製品やサービスが実際に動いている様子を見せましょう。

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

あなたの創造力を刺激するビジュアルコンテンツのアイデアをいくつかご紹介しましょう:

  • 製品モックアップ:あなたが作っているものを人々にこっそり見せましょう。
  • 舞台裏の写真:あなたの旅を共有し、個人的なつながりを作りましょう。
  • 説明ビデオ:製品やサービスがどのように機能するかを素早く魅力的に説明します。
  • 顧客の声ビデオ:(すでにお持ちの場合)社会的証明ほど信頼を築くものはありません。

信頼を高める社会的証明

新しいレストランに行ったとき、そのレストランが素晴らしかったと教えてくれた友人を覚えているだろうか?あなたはおそらく、彼らがそこから得るものが何もなかったので、彼らの推薦を信用した。それが社会的証明なのだ。

他の人々がすでにあなたのブランドを支持しており、賞賛していることがわかれば、人々はあなたのブランドを信頼する可能性が高くなります。実際、HubSpotの報告によると、消費者の88%がレビューを個人の推薦と同じくらい信頼しています。

立ち上げ前の段階でも、信頼を築くことはできる。

その方法はこうだ:

  • お客様の声あなたの製品やサービスを絶賛するアーリーアダプターはいますか?その人たちに、短い体験談を話してもらえないか頼んでみましょう。
  • メディア掲載あなたの会社や製品が出版物に掲載されたことはありますか?それらのロゴをあなたのページに追加してください。
  • ソーシャルメディアは重要だ:すでにソーシャルメディアのフォロワーを増やしているなら、それを誇示しよう。ランディングページにフォロワー数を表示し、人々があなたの活動に関心を持っていることを示そう。
信頼を築くランディングページの証言

プレローンチ・ランディングページの作成

さて、戦略をマスターしたところで、お楽しみの部分に移ろう-プレローンチ・ランディングページを実際に作ってみよう。ありがたいことに、WordPressは、特に適切なツールがあれば、これを簡単に作ることができる。

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

そこで、私はSeedProdを強くお勧めする。10年以上コンテンツマーケティングに携わってきた私は、ランディングページビルダーを数多く試してきましたが、SeedProdはWordPressユーザーにとって画期的な存在です。

その理由はこうだ:

近日公開モード機能だけでも、その価値は十分にある。これを使えば、メインウェブサイトの制作を裏で進めながら、プレローンチページを公開することができる。これにより、初日からリードの収集と話題作りを始めることができる。

SeedProdのドラッグ&ドロップビルダーは、バーチャルな積み木で遊ぶように簡単に魅力的なランディングページをデザインすることができます。

プロがデザインしたランディングページのテンプレートから始め、あなたのブランドに合わせてカスタマイズしましょう。プレローンチページのために特別にデザインされたオプションがたくさんあります。

プロセスを管理しやすいステップに分解してみよう。

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

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

ヘルプが必要な場合は、SeedProdのインストール方法のガイドをご覧ください。

プラグインをインストールした後、WordPressのダッシュボードからSeedProd " Landing Pagesにアクセスしてください。そして、"Set Up a Coming Soon Page "ボタンをクリックしてください。

近日公開のページを立ち上げる

ステップ2.プレローンチページのテンプレートを選ぶ

さて、いよいよデザインを選びましょう。SeedProdには、あらかじめ用意されたテンプレートがたくさんあります。近日公開のページだけのカテゴリーもあります。

近日公開ページテンプレート

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

これを行うには、マウスをその上に置き、オレンジ色のチェックマークアイコンをクリックします。

近日公開ページテンプレート

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

さあ、あなたのプレローンチページに命を吹き込みましょう。SeedProdは、ドラッグ&ドロップのページビルダーでこの作業をとても簡単にします。選択したテンプレートが表示され、すぐにすべてをカスタマイズし始めることができます。

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

テンプレートはさまざまな "ブロック "で構成されています。これらはあなたのページを構成するブロックのようなものです。ブロック内のテキストを変更したり、画像を入れ替えたり、ロゴを追加したり、カウントダウンタイマーやお客様の声を追加することもできます。

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

例えば、「見出し」をクリックすると、あなたのブランドや立ち上げようとしているものを反映したテキストに変更することができます。

SeedProdでローンチ前のページの見出しを編集する

先に話した本質的な要素を覚えているだろうか?

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

これらをあなたのページに追加すれば、買い物客はあなたの次の大物の発売を心待ちにすることだろう。

この例では、カウントダウン・タイマー・ブロックを使って、緊急性をさらに高めています。これは、ユーザーにプレローンチ期間がいつ終わるかを視覚的に知らせるものです。

プレローンチ・ページのカウントダウン・タイマー

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

プレローンチページのコンテンツは決まりました。SeedProdは、デザインをあなたのブランドに合わせるための様々なカスタマイズオプションを提供しています。

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

ブロックカラー設定

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

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

プロのヒント究極の効率化のために、"グローバル設定 "をお試しください。ブランドカラーとフォントスタイルを一度定義すれば、SeedProdがページ全体にそれらを適用し、貴重な時間を節約します。

プレローンチページのグローバル設定

ステップ5.メールマーケティングサービスを統合する

ローンチ前のランディングページは、Eメールリストを増やす絶好のチャンスです。SeedProdでは、ランディングページのオプトインフォームをご希望のメールマーケティングサービスに簡単に接続することができます。

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

seedprod 電子メール統合

人気のEメールマーケティングサービスのリストが表示されます。お好きなサービスをクリックしてください。

Eメールリストに接続する

そこから、指示に従ってEメールリストに接続します。

これで、誰かがアップデートにサインアップしたり、ウェイティングリストに参加したり、プレローンチページでオファーを申し込んだりするたびに、自動的にEメールリストに追加されます。

あなたは、発売前から期待感を高め、準備万端の聴衆を作り上げることになる。

ステップ6.ページのプレビュー、テスト、公開

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

SeedProdは内蔵のプレビューツールでこれを簡単にします。

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

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

何か違和感があっても心配はいらない。どこもかしこもいい感じになるまで、戻って調整すればいい。

ページが完成したら、いよいよ共有しましょう。そのためには、ページ上部の緑色の "保存 "ボタンをクリックし、"公開 "を選択してください。

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

このページをプレビューして、実際に動いているところを見ることができます。これがこのガイドのために作ったものです:

プレローンチ・ランディングページの例

プレローンチページを公開したら、coming soonモードを有効にして、訪問者がウェブサイト全体でそのページを見ることができるようにする必要があります。

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

そして、Coming Soon Modeのセクションに行き、トグルをInactiveからActiveに切り替える。

プレローンチページを有効にする

これで、ウェブサイト全体でcoming soonモードが有効になり、訪問者は作成したばかりのプレローンチページを見ることができます。

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

ウェブサイト内の特定の場所にのみプレローンチページを表示したい場合は、作成したページを編集し、「設定」タブをクリックして「アクセスコントロール」見出しに移動してください。

次に、Include/Exclude URLsセクションまでスクロールダウンし、プレローンチページを表示したいURLを追加します。

これで、ウェブサイト上のあらゆる場所にプレローンチのお知らせが表示される代わりに、指定したページにのみ表示されるようになります。

私が愛する発売前のランディングページ

私はいつも、どのようなタイプのデザインであれ、自分の創造性を発揮させるのはなかなか難しいと感じる。そこで、オンライン上の実際のブランドから、私のお気に入りのプレローンチページの例をいくつか紹介しよう。

App Manager 5.0

App Manager発売前のランディングページの例

App Manager 5.0のこの発売前ページの例は、ホームランだ。デザインはシャープで、クールな電話のイラストと明確な吹き出しを使って機能を強調している。

見出しでは、複数のアプリを管理する問題を解決することを約束し、本文ではその利点と早期購入特典を説明している。

カウントダウンタイマーが緊急性を高め、目立つ「リストに載る!」ボタンが即座の行動を促す。効果的に興奮を高めるプレローンチページの素晴らしい例です。

タップスターアプリ

タップスター発売前のランディング・ページの例

Tapsterのプレローンチページはシンプルだが効果的だ。アプリのさまざまな使い方を紹介する電話のモックアップは魅力的で、アプリの目的を即座に伝える。

見出しは大胆かつ簡潔で、究極の利便性を約束している。インセンティブとしてVIPアクセスを提供することは魅力的であり、「早期アクセスを入手する」ボタンは訪問者が行動を起こすよう明確に指示している。

パンダ・ドク

パンダ・ドック立ち上げ前のランディング・ページの例

PandaDocのこの洗練された魅力的な例は、遊び心のあるパンダのマスコットが特徴で、瞬時に注目を集め、ブランドの個性を強化しています。

プロ並みに文書を送ろう」という見出しは、向上心をそそるもので、簡単な文書管理のためのソリューションを約束している。早期招待」を提供することで、特別感を演出し、サインアップを促し、明確なボタンでさらに強調している。

このページでは、ビジュアルと簡潔なメッセージを効果的に使って、PandaDocの興奮を高めている。

驚くべきポスト

ローンチ前の驚異的なランディングページの例

この『The Astonishing Post』創刊前のページは個性に溢れている。彼らが創刊する雑誌のように、賑やかで芸術的だ。

中央の大胆な画像は間違いなく目を引く。テキストには、彼らの目標である「他とは違うアートブログであること」が説明されており、もっと見てみたいと思わせる。登録フォームもシンプルで、スパムメールを送らないという約束もある。

全体的に、雑誌のスタイルを反映し、その一員になりたいと思わせるユニークなページだ。

発売日(そしてその後)

これらの例で見てきたように、よく練られたローンチ前のランディングページは単なるウェブページではなく、製品やウェブサイトのローンチを成功させる土台となる。

早い段階で興奮を呼び起こし、リードを獲得し、アイデアを検証することで、発売日以降、より強力なポジションでスタートを切ることができる。

驚くほどコンバージョンの高いプレローンチ・ランディングページを作成する準備はできていますか?

今すぐSeedProdをご利用いただき、綿密に設計された戦略的なプレローンチキャンペーンがもたらす違いをお確かめください。

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

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

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

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