サインアップフォーム & ポップアップ
サインアップフォームは、新規登録者を連絡先リストに直接集めます — 誰かをリストに追加するために送信は必要ありません。サインアップフォームタブから作成できます。
3つの種類
- インライン — 自分のサイトにスニペットを埋め込みます。フォームは埋め込んだ場所にそのままレンダリングされます。
- ポップアップ — 遅延表示、スクロール深度、離脱意図をトリガーとする全画面オーバーレイです。クールダウン(既定7日、0〜365日で調整可能)があるため、閉じた登録者にすぐ再表示されることはありません。
- ホスティング — 埋め込み手順が一切不要な、
/f/<formId>にある単独のページで、直接リンクできます。
作成する
対象の連絡先リストを選び、常に存在するメールアドレス欄に加えて、最大10個の追加フィールド(テキスト、電話番号、セレクト、チェックボックス — セレクトフィールドは最大20個の選択肢を持てます)を追加します。任意で、新規登録者が同意するメールトピック(プリフライトと配信設定を参照)にチェックを付けられるようにし、2色のブランドカラー、角丸の半径、(ポップアップの場合は)トリガー設定を指定します。
公開する
コードを取得アクションでは、公開方法を2種類選べます。埋め込みスニペットは、フレームワークを使わないプレーンなJavaScriptで、#mailinapp-form-<id>要素にフォームをマウントする(インライン)か、全画面オーバーレイとして表示します(ポップアップ)。自分のサイトにMailInAppのランタイムを用意する必要はありません。ホスティングされたリンクは埋め込み手順が一切不要です。どちらもクリップボードへのコピー機能付きです。
送信内容は、他のあらゆる認証不要のMailInAppエンドポイントと同様に強化された公開エンドポイントへPOSTされます。隠しハニーポットフィールドがほとんどのボットをそのまま捕捉します — ハニーポットに入力があった場合、拒否ではなく偽の成功レスポンスを返すため、ボットには再試行すべき手がかりが与えられません。これをIPごとのレート制限が補強し、有効にしていればTurnstileによるボット対策も同様に働きます。Turnstileはオプトイン方式で、設定していない場合は既定で強制されず、黙ってスキップされます。
ダブルオプトイン
ダブルオプトインを必須にするを有効にし、確認メールとして送信するプロジェクトを選びます。新規登録者は、そのメール内の確認リンク — プレーンテキストに限らず任意のインタラクティブなプロジェクトを使えます — をクリックするまで、アクティブではなくペンディングとして保存され、クリックした時点で通常のアクティブな連絡先になります。ペンディング状態の行は、確認されるまですべての送信(手動送信、繰り返し送信、ジャーニー)で自動的にスキップされます。
ゲーム性のあるリードマグネット
ポップアップのサインアップフォームでは、メールアドレス欄の前に任意でスピン抽選ホイールまたはスクラッチカードを表示できます — 訪問者が登録した際に割引コードを渡す、ゲーム性を持たせたリードマグネットです。フォームビルダーの「ゲーム性のあるリードマグネット」セクションから有効にします。
- スピン抽選 — ラベル、プロモーションコード、当選比率を持つホイールの区画を設定します。ホイールはHTML5 Canvasのオーバーレイ上で画面内で回転し、当選したコードは送信内容に付加され、確認メッセージに表示されます。
- スクラッチ — 登録者がメールアドレス欄を入力して送信すると、タップまたはクリックで景品コードが表示されるスクラッチ用オーバーレイです。
どちらも、埋め込みスニペット内で完結するバニラJavaScriptとしてレンダリングされます — 顧客のサイトにReactや外部ランタイムは不要です。キャンバスアニメーションを表示できない受信環境では、コードがそのまま直接表示されるため、誰も特典を受け取れずに終わることはありません。
プランによって、同時に持てるサインアップフォームの数が制限されます — 料金を参照してください。