このページでは、Sitecore Personalize で提供している標準テンプレートの Corner Popup のデモを確認することができます。
サンプル - Corner Popup
設定項目
画像
Corner Popup は画像を一つ設定することができます。この項目は General - Image URL で変更できます。
概要
ポップアップで利用する文章を指定することができます。この項目は、Description - Description で変更できます。
Secondary Button
ポップアップを閉じるだけの動作をするボタンのラベルを変更できます。 Secondary Button - Dismiss Text で変更できます。
CTA Button
ポップアップのメッセージに対してアクションをするときのラベルを変更できます。 CTA Button - CTA Text で変更できます。
コードの確認
HTML の中に含まれる変数は以下の通りです
| 変数 | 形式 | 概要 |
|---|---|---|
| Title | string | タイトル |
| Description | string | 概要 |
| Dismiss Text | string | 実行しない場合のボタンラベル |
| CTA Text | string | コンバージョンをするときのボタンラベル |
HTML コード
Alert Bar の HTML は以下のように設定されています。
CornerPopup.html
JavaScript コード
Alert Bar の JavaScript は以下のように設定されています。
Alert Bar の JavaScript は以下のように設定されています。