Email Capture Corner

On this page, you can check out the demo of the standard Email Capture Corner template provided by Sitecore Personalize.

Settings

Display Position

Email Capture Corner can be displayed on the right or left side of the page. You can change this in the General - Position section.

Image
Image

Title Text

You can set the title text of the Email Capture Corner popup. This can be changed in the Title - Title Text section.

Description

You can set the text used in the popup. In the Description section, you can change the text above the input box in Description Top and the text below the input box in Description Bottom.

Input Placeholder

You can set the placeholder text displayed in the input box of the Email Capture Corner. This can be changed in the Email Input - Input Ghost Text section.

Submit Button

You can set the label of the Email Capture Corner button. This can be changed in the Submit Button - Button Text section.

You can set the display and link for the privacy policy. In the Privacy Link - Privacy Text section, you can set the link text, and in Privacy Link, you can set the link destination.

Response After Input

You can set the text displayed after input. In the Modal Title - Modal Title Text section, you can set the message, and in Modal Description - Modal Description Text, you can set the description.

Code Review

The variables included in the HTML are as follows:

VariableTypeDescription
Title TextstringPopup title text
Description TopstringDescription above the input box
Input Ghost TextstringPlaceholder text in the input box
Button TextstringButton label
Description BottomstringDescription below the input box
Privacy TextstringPrivacy policy text
Privacy LinkstringURL for the privacy policy link
Modal Title TextstringText displayed after input
Modal Description TextstringDescription displayed after input

HTML Code

The HTML for Email Capture Corner is set as follows:

EmailCaptureCorner.html

JavaScript Code

The JavaScript for Email Capture Corner is set as follows:

EmailCaptureCorner.js