このページでは、Sitecore Personalize で提供している標準テンプレートの Email Capture Corner のデモを確認することができます。
Email Capture Corner
設定項目
表示位置
Email Capture Corner はページの右、もしくは左に表示することができます。General - Position の項目で変更することができます。
タイトルテキスト
Email Capture Corner のポップアップのタイトルの文字列を設定できます。この項目は Title - Title Text で変更できます。
概要に関して
ポップアップで利用する文章を設定することができます。 Description の項目に Description Top には入力ボックスの上の文章を、 Descrition Bottom には入力ボックスの下の文章を変更できます。
入力例
Email Capture Corner の入力ボックスで表示する文字列を設定できます。この項目は Email Input - Input Ghost Text で変更できます。
Submit ボタン
Email Capture Corner のボタンのラベルを設定できます。この項目は Submit Button - Button Text で変更できます。
Privacy リンク
Privacy に関するリンクの表示、およびリンクの設定ができます。Privacy Link - Privacy Text にリンクのテキスト、Privacy Link でリンク先の設定ができます。
入力後のレスポンスとして
入力後の結果を表示する際のテキストを設定ができます。 Modal Title - Modal Title Text にメッセージを、Modal Description の Modal Description Text を変更できます。
コードの確認
HTML の中に含まれる変数は以下の通りです
| 変数 | 形式 | 概要 |
|---|---|---|
| Title Text | string | ポップアップのタイトルテキスト |
| Description Top | string | 入力ボックスの前の概要 |
| Input Ghost Text | string | 入力ボックスに表示する文字 |
| Button Text | string | ボタンラベル |
| Description Bottom | string | 入力ボックスの後の概要 |
| Privacy Text | string | プライバシーの表示テキスト |
| Privacy Link | string | プライバシーのリンク先の URL を設定する |
| Modal Title Text | string | 入力後のテキストを設定します |
| Modal Description Text | string | 入力後の概要を設定します |
HTML コード
Email Capture Corner の HTML は以下のように設定されています。
EmailCaptureCorner.html
JavaScript コード
Email Capture Corner の JavaScript は以下のように設定されています。
EmailCaptureCorner.js