自分のWebサイトに埋め込まれたスピン抽選ホイールやスクラッチカードを、サインアップフォームビルダーで設定します — 外部プラグインも別のアプリも不要です。訪問者はホイールを回すかスクラッチして割引コードを受け取り、登録します。コードは確認メッセージと連絡先リストの両方に届き、その登録者に直接紐付けられます。
ゲーム性のあるリードマグネットは、コンバージョン率においてただの「リストに参加する」ポップアップを常に上回ります。ゲームの仕組みが小さな興奮の瞬間を生み出し、オーバーレイを閉じるのではなく、メールアドレスを送信する積極的な理由を訪問者に与えます。MailInAppはこれをポップアップサインアップフォームのネイティブ機能にしています — サードパーティのプラグインは不要で、別途埋め込むコードもありません。
仕組み
サインアップフォームタブから、ポップアップフォームを作成または編集し、ゲーム性のあるリードマグネットセクションを開きます。スピン抽選またはスクラッチに切り替え、区画または景品を設定します:
スピン抽選ホイール
ホイールの区画を追加します — それぞれに表示ラベル(例:「15%オフ」)、プロモーションコード、当選比率を設定します。当選比率は相対的な重みです(例えば40/40/20で重み付けされた3つの区画では、3番目の区画の確率は20%になります)。ホイールが止まった区画のコードは送信されたペイロードに付加され、送信後の確認メッセージに表示されます。
スクラッチカード
1つの景品ラベルとプロモーションコードを設定します。訪問者にはスクラッチオーバーレイが表示されます。メールアドレスを入力して送信すると、オーバーレイがめくれてコードが公開されます。
埋め込みスクリプトの役割
埋め込みスクリプト(/f/[formId]/embed.js)は純粋なバニラJavaScriptです — 顧客のサイトにReactや外部ランタイムは必要ありません。ホイールはHTML5 Canvasを使い、スクラッチカードはCSS/ポインターイベントのオーバーレイを使って、ポップアップ内にインラインでレンダリングされます。自己完結しているため、そのサイト自体のJavaScriptフレームワークに触れることなく、どのサイトでも動作します。
プロモーションコードはフォーム送信のペイロードに付加され、登録者の連絡先の行と一緒に保存されるため、後で獲得したコードによって連絡先リストを絞り込んだり、ウェルカムメールでマージタグとして使ったりできます。
インラインフォームやホスティングされたフォームでも使えるか?
ゲーム性のある機能はポップアップフォームでのみ利用できます — オーバーレイ優先のユーザー体験は、全画面のポップアップという仕組みに自然に合っています。インラインフォームとホスティングされたフォームは、プレーンなフィールドのままです。
はじめに
- サインアップフォームに移動し、ポップアップフォームを作成または編集します。
- ゲーム性のあるリードマグネットセクションを開き、スピン抽選またはスクラッチを選びます。
- 区画/景品、プロモーションコード、当選比率を追加します。
- 保存をクリックし、コードを取得から更新された埋め込みスニペットを取得します。
埋め込みと設定の完全なリファレンスについては、サインアップフォーム&ポップアップを参照してください。