ウェビナー登録ブロック
自分のライブセッションの1つのためにデザインされた登録カードです — 画像、タイトル、日付、説明、登録ボタンがあり、いずれもそのセッションの公開/webinar/<liveSessionId>ページを指します。これは、ライブセッションの詳細ページにある「登録リンクをコピー」ボタンのスタジオ側の対となる存在です: そのリンクを手作業で単純なボタンブロックに貼り付ける代わりに、一度セッションを選択すれば、ブロックはそのセッションに紐付いたままになります。
仕組み
インスペクターのライブセッションを選択パネルからセッションを選ぶと、そのセッションのタイトルと開催予定時刻がブロック自身のフィールドにスナップショットとして取り込まれます — 一度限りの入力であり、その後も完全に編集可能です。これは商品ブロックの「ストアからインポート」ピッカーが使っている規則と同じです。ピッカーに表示されるのは、アクセスモードが公開登録に設定されたセッションだけです。登録者限定のセッションには、ボタンがリンクできる公開ページがありません。
登録ボタンの遷移先は、送信時に検索を行う必要が一切ありません: セッションのIDから直接https://mailinapp.com/webinar/<liveSessionId>という単純で決定的な文字列として構築されます。これは、商品ブロックの外部チェックアウトリンクがexternalUrlからデータベースへの往復なしに構築されるのと同じ方法です。つまり、メールが送信された後にセッションのタイトルやスケジュールが変わっても、リンクは動作し続けます — 常にそのセッションのスナップショットではなく現在の登録ページに到達します。
説明と画像のフィールドは自分で入力します — ライブセッションには取り込み元となる説明や写真が自身にはないため、このブロックはその内容を完全に自分に委ねています。これは、カレンダーに追加ブロックや会場ブロックが自身のテキストフィールドを自由記述のままにしているのと同じです。
ミーティングリンク、会場、カレンダーに追加と同様に、これは記録すべき回答ではなくリンクコンテンツです: メール送信されるHTMLは常に登録リンクをライブなものとしてレンダリングし(送信時点で静的という規則)、回答するものが何もないため、回答ダッシュボードやCSVエクスポートには一切表示されません。クリック自体は、リンクを持つ通常のブロックがすべて共有する汎用のクリック追跡スロットを通じて、プロジェクトのクリックヒートマップに引き続き集計されます。
設定可能なフィールド:
- タイトルと開始時刻 — 選択したセッションからスナップショットとして取り込まれ、その後も編集可能です。
- 説明(任意) — 自由記述のテキストです。セッション自体には説明がありません。
- 画像URL(任意) — カバー画像で、こちらも自由記述です。
- ボタンテキスト — 既定値は「今すぐ登録」です。
- カード全体の背景色、パディング、枠線、角丸。
- タイトルの色/サイズ、および登録ボタンの色/背景の上書き。
ブロックが追加されてもまだセッションが選択されていない場合、無効なリンクの代わりに「ブロックのインスペクターパネルでライブセッションを選択してください」という控えめな文言が表示されます。
例
Subject
You're invited: Scaling Your SaaS in 2026
自分がホスティングするウェビナーの宣伝キャンペーンでは、このブロックをメールの上部にあるカウントダウンと組み合わせます。これは、外部でホスティングされる通話に対してミーティングリンクブロックが使っている「カウントダウンで緊迫感を高め、その後は直接リンクが引き継ぐ」という同じ組み合わせです。セッション自体に人数上限やキャンセル待ちがある場合、それはセッション自身の詳細ページのライブセクションで追跡されます — このプロジェクトの回答ダッシュボードではありません。登録は、このブロックがリンクする公開/webinar/<liveSessionId>ページによって記録されるのであって、ブロック自体によって記録されるわけではないためです。
セッション自身の/webinar/<liveSessionId>ページは、単なる氏名/メールアドレスのフォームだけにとどまりません: セッションの詳細ページから自分のスタジオプロジェクトの1つをランディングページデザインとして添付すると、そのプロジェクト自身の画像、詳細、リンクが登録フォームの上にレンダリングされます — ライブセッションとウェビナーを参照してください。
静的フォールバックの見え方
<div style="margin:12px 0;background-color:transparent">
<img src="https://example.com/webinar-cover.jpg" alt="Scaling Your SaaS in 2026"
style="width:100%;max-width:100%;border-radius:6px;display:block;margin-bottom:10px" />
<p style="margin:0 0 4px;font-weight:600;font-size:16px;color:#111827">Scaling Your SaaS in 2026</p>
<p style="margin:0 0 8px;font-size:13px;color:#6b7280">Mar 1, 2026, 5:00 PM</p>
<p style="margin:0 0 10px;font-size:14px;color:#4b5563">Live Q&A with our founders.</p>
<a href="https://mailinapp.com/webinar/sess_abc123"
style="display:inline-block;padding:10px 20px;background-color:#4f46e5;color:#ffffff;
border-radius:6px;text-decoration:none;font-size:14px;font-weight:600">
Save my seat
</a>
</div>
ここにはティアが1つしかありません — メール、ライブビュー、スタジオキャンバスはすべて同じカードをレンダリングします。ミーティングリンクのカウントダウンバッジのように、受信者や現在時刻に依存する要素が何もないためです。