実際に登録を集める事前登録ページの作り方
事前登録ページは、一つの仕事だけを持つ一枚のサイトです。プロダクトがまだ存在しない段階で、それを欲しい人にメールアドレスを残してもらうことです。作るには、誰のためのものかと何をするものかを伝える見出しを書き、データベースに保存される単一のメール入力欄を付け、はっきりとした登録後の表示を用意し、短い確認メールを送ります。紹介リンク、カウンター、順番の表示は任意の追加機能で、基本が動いてから加えれば十分です。
事前登録ページを丁寧に作る価値
事前登録は二つの役割を持ちます。ローンチの日に知らせる相手のリストになることと、フルのプロダクトを作る前に、誰かが本当に関心を持っているかを教えてくれることです。二つ目の役割が成り立つのは、ページが正直で、数字が本物のときだけです。アイデアを試すために使うなら、この記事と一緒にアプリのアイデアを検証する方法も読んでください。登録は有用なシグナルですが、支払いや返信ほど強いものではありません。
ページに必要なもの
| 部分 | 役割 | ヒント |
|---|---|---|
| 見出し | プロダクトが何をするのか、誰のためか | 「未来の働き方」より「フリーランス翻訳者のための請求書作成」の方が良い |
| サブ見出し | 主な成果や解決する悩み | 一文で |
| メールの入力フォーム | 入力欄は1つ、ボタンは1つ | メールアドレスだけを尋ねる。項目が増えるほど登録は減る |
| ボタンの文言 | 何が起きるかを示す | 「事前登録する」や「早期アクセスを申し込む」 |
| 登録後の表示 | 成功したことを確認し、期待を伝える | 「ベータ版が開いたらメールします。春ごろの予定です」 |
| 得られるもの | 短い要点三つ、またはスクリーンショットやモックアップ | 誇張せず、見せる |
| プライバシーの一文 | メールアドレスをどう使うか | 「ローンチ時に1通だけ。迷惑メールは送りません。いつでも配信停止できます。」 |
| 管理用の一覧 | 登録の確認場所 | 非公開で、CSVエクスポート付き |
任意で加えられる要素は次のとおりです。
- 短いFAQ:「いつ?」「いくら?」「誰のため?」に答えるもの
- 創業者のメモ:なぜこれを作っているのかを一、二行で
- 紹介リンク:登録後の画面に表示
- 登録者数のカウンター:ただし、数字が本物で、見せるに値する場合だけ
作る前に決めること
既成のフォームツールか、自分のページか
| 選択肢 | 向いている場合 | トレードオフ |
|---|---|---|
| フォームツール(Googleフォーム、Tallyなど) | デザインなしで、午後のうちに関心を試す | 見た目が一般的で、ページやフォローアップの自由度が低い |
| メールマーケティングツールの登録ページ | すでに使っていて、リストが欲しいだけ | デザインの自由度が低く、紹介機能は製品によって違う |
| データベース付きの自分のページ | 自社のブランド、独自ドメイン、紹介、独自の質問が欲しい | 作って検証することが増える |
最終的に自分のドメインでローンチするつもりなら、早い段階で自分のページを作っておけば、今共有しているURLが、ローンチの日にもそのまま使えます。
登録後に何が起きるか
これは今決めてください。作るものが変わるからです。
- ローンチまで何もしない。 最もシンプルですが、数週間後には人はあなたのことを忘れてしまいます。
- 登録直後の確認メール。 おすすめです。アドレスが本物であることを確認でき、何に登録したかを思い出させられます。
- ダブルオプトイン(リンクをクリックして確認してもらう)。より質の高いリストになり、地域によっては期待されている、または義務付けられています。あなたとオーディエンスがいる地域のルールを確認してください。
- 時々のお知らせ。 数週間ごとの短い進捗報告で、リストの関心を保ちます。
紹介:あり、なし
紹介の仕組みでは、各人に一意のリンクが与えられ、友人がそのリンクで登録すると、その人の順位が上がります。早期に参加する本当の理由がある消費者向けのプロダクト(ベータ版の限定枠、ローンチ時の特別価格など)では、うまく機能することがあります。法人向けのツールでは、共有の数は少なく、複雑さだけが増えることが多いです。紹介を加えるなら、次のものが必要です。
- 登録ごとに一意のコードと、それを含むリンク
- 人ごとに、確認済みの紹介数のカウント
- 不正を防ぐルール:確認済みのメールアドレスだけを数え、一つの発信元からの登録の急増に注意する
- リンクと順位をはっきり示すお礼ページ
段階的に作る
手順1:デザインの前にコピーを書く
見出し、サブ見出し、三つの利点、お礼のメッセージを、まずはプレーンテキストで書いてください。プロダクトを二文で説明できなければ、ページも説明できません。構成とコピーについてより詳しくは、コンバージョンするランディングページの作り方を参照してください。
手順2:最初のプロンプトを書く
プロダクト名、対象のオーディエンス、保存されるもの、登録後に訪問者が見るものを書きます。
Ledgerly(フリーランス翻訳者のためのシンプルな請求書サービス)の事前登録ページを作ってください。見出しは「どんな通貨の請求書も、2分で完成」。短い利点を3つ、プロダクトのモックアップ用のプレースホルダー、「早期アクセスを申し込む」ボタン付きのメール入力欄を1つ用意してください。各メールアドレスは登録時刻とともにデータベースに保存し、重複と無効なアドレスは拒否してください。登録後は、ベータ版が開いたら1通だけお知らせすると書いたお礼メッセージを表示してください。登録者の一覧とCSVエクスポートを備えた、非公開の管理ページも追加してください。落ち着いた、ミニマルなデザインで、スマホでも映えるようにしてください。
手順3:フォームを正しくテストする
自分のメールアドレスで登録してみてください。その後、同じアドレスでもう一度、明らかに偽のアドレス、空の入力、非常に長い入力も試します。各登録が管理一覧に一度だけ現れ、エクスポートしたファイルがスプレッドシートできちんと開けるかを確認してください。
手順4:スパムから守る
公開フォームにはボットが集まります。人を煩わせずにできる安価な防御策は次のとおりです。
- 人には見えず、ボットだけが埋める隠しの「ハニーポット」フィールド
- 短い時間内にIPアドレスごとの登録数の制限
- ブラウザだけでなく、サーバー側でのメールアドレスの検証
- 管理ページはログインか、あなたが管理する秘密の鍵の裏に置き、サイトのナビゲーションには載せない
手順5:確認メールを追加する
メールを送るには、メール送信プロバイダー(Resend、Postmark、SendGridなど)、認証済みの送信ドメイン、そしてページの中ではなくシークレットとして保存したAPIキーが必要です。メールは短くしてください。何に登録したか、ニュースがいつ頃届きそうか、配信停止の方法です。アプリからメールを送る方法を参照してください。
手順6:公開して共有する
長く使うドメインで公開し、適切なページタイトルと共有画像を設定して、メッセージでリンクがきれいに見えるようにしてください。そのうえで、オーディエンスがすでにいる場所で共有しましょう。アプリをローンチして最初のユーザーを得る方法に、投稿先のアイデアがあります。
よくある間違い
- 曖昧な見出し。 「何か大きなものが近日登場」では、登録する理由が誰にもありません。
- 項目が多すぎる。 事前登録フォームに、名前、会社名、役職、電話番号があると、登録は減ります。必要になったときに尋ねてください。
- 偽のカウンターや偽の希少性。 実際は30人なのに「あなたの前に4,219人」と表示すると、誰かが気づいた瞬間に信頼を失います。
- 書き出す方法がない。 ローンチの日には、リストをメールツールに数分で移す必要があります。
- 何か月も沈黙する。 登録以来何も届いていないリストは、ローンチのメールへの反応が悪くなります。
- プライバシーの一文がない。 人は、メールアドレスをどう使うかが分かると、より進んで渡すものです。
かかる費用
事前登録ページは、作れる中で最も安いものの一つです。主な費用は、ドメイン名、ホスティング(主に静的なページと小さなデータベースなので小規模)、そして確認メールを送り始めたらメール送信プロバイダーです。少量のメールなら、無料または低価格の開始プランを提供しているメール送信プロバイダーも多くあります。現在の上限は、各社の料金ページで確認してください。
既成の製品の方が良い場合
- 今日の午後にアイデアを試したい。 フォームツールで十分です。アイデアが有望だと分かったら、自分のページに移行してください。
- すでにメールのニュースレターツールを使っている。 その登録フォームで足りるかもしれません。リストはすでに、ローンチのメールを送る場所にあります。
- 賞品やランキングのある、洗練された紹介プログラムがほしい。 事前登録や紹介のために作られた、ホスト型のツールがあります。自作にかかる時間と、現在の料金を比べてください。
Mythexで作る
Mythexでは、事前登録ページは最も手早く作れるものの一つです。プロダクトと対象のオーディエンスを説明すると、ライブプレビューでページを作ります。登録を保存したいと頼めば、プロジェクトにデータベースを追加します(または /database と入力します)。リンクを共有する前に、/test を実行して、エージェントにプレビューでフォームを操作させられます。公開は無料プランでも yourname.mythex.app で可能です。独自ドメインはProプランが必要です。Mythexには、Mailchimpのようなメール送信機能やコネクタがないため、確認メールは自分で用意したプロバイダーを使い、APIキーはプロジェクトのシークレットに保存します。
ご自身で書かれた最初のプロンプトを使いたい場合は、事前登録ランディングページのテンプレートがあります。ドキュメントでは、事前登録ページの作り方とアプリからメールを送るで、同じ流れを扱っています。
よくある質問
事前登録ページには何を入れるべきですか?
プロダクトが何をするのか、誰のためのものかを伝える見出し。ローンチ時に得られるものを示す短いリスト。登録ボタンが一つだけ付いたメール入力欄。登録後のお礼メッセージ。そして、メールアドレスをどう使うかの一文です。
事前登録のメールアドレスはどこに保存すべきですか?
自分で管理するデータベース、または一覧を書き出せるメールマーケティングツールに保存してください。ローンチの日には全リストが必要になるので、リスト全体をすぐにダウンロードできない場所は避けてください。
事前登録に紹介の仕組みを加えるべきですか?
人が共有する理由がある場合だけにしてください。例えば、先行アクセスや、限られた枠があるなどです。紹介の仕組みには、一意のリンク、カウント、不正対策のルールが必要なので、基本のページが動いた後に追加してください。
確認メールを送る必要はありますか?
強くおすすめします。「リストに登録されました」という短いメールは、アドレスが本物であることを確認し、何に登録したのかを思い出させ、ローンチのメールが無視されたり迷惑メールとされたりする可能性を下げます。