Sitecore

Email Capture Bar

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

Settings

Display Position

The Email Capture Bar can be displayed at the top or bottom of the page.

Image
Image

Title

You can set the text used in the Email Capture Bar. This item can be changed with Title - Title Text.

Placeholder Text

You can set the string displayed in the input box of the Email Capture Bar. This item can be changed with Email Input - Input Ghost Text.

Submit Button

You can set the label of the button in the Email Capture Bar. This item can be changed with Submit Button - Button Text.

You can display and set the link related to privacy. Set the link text in Privacy Link - Privacy Text, and set the link destination in Privacy Link.

Response After Input

You can set the text displayed after input. Change the message in Modal Title - Modal Title Text and the description in Modal Description - Modal Description Text.

Code Review

The variables included in the HTML are as follows:

VariableTypeDescription
Title TextstringText displayed on the bar
Input Ghost TextstringText displayed in the input box
Button TextstringButton label
Privacy TextstringPrivacy display text
Privacy LinkstringURL of the privacy link
Modal Title TextstringText displayed after input
Modal Description TextstringDescription displayed after input

HTML Code

The HTML of the Email Capture Bar is set as follows.

EmailCaptureBar.html

JavaScript Code

The JavaScript of the Email Capture Bar is set as follows.

EmailCaptureBar.js