Sequential Popup

Preview

Popup Configuration

Trigger Type	Detail
DOM Ready	When all the HTML has been received and parsed by the browser into the DOM tree.
Exit	When the cursor leaves the bounds of the body from the top of the page.
Inactive	When no user activity within the document after the configured milliseconds.
Scroll	When the scroll amount goes beyond the provided value of the page height.
Click	When a user clicks the content zone.

*While Interaction Studio web templates are based on responsive HTML that supports displaying web campaigns on mobile devices, EXIT does not work on mobile devices since it depends on listening for mouse move events on a page.

Delay Time: Would recommend to set 0 if you choose Click as the trigger type.

Position

Name	Horizontal Position	Set Distance from the Edge of Window
Left		possible
Center		impossible
Right		possible

Name	Vertical Position	Set Distance from the Edge of Window
Top		possible
Center		impossible
Bottom		possible

Popup Style

Name	Detail
The number of the popup:	You can set up to 3
Width:	-
Border Radius	-
Background Color	-
Border Width	To show the border, the border width needs to be set more than 1px
Border Color	-
Close Button Color	-
Popup Shadow	-
Popup Inner Padding	-
Distance from the edge of the browser	Only works when Horitonzal Position and Vertical Position are not set in center
Popup Animation	To enable it, Background Layer needs to be set as true
Animation Direction	-
Distance between the contents	-
Background Layer	-
Scroll Lock	To enable it, Background Layer needs to be set as true
Background Layer Color	-

Text

Name	Detail
Title Font Size	-
Title Font Color	–
Body Text Font Size	-
Body Text Color	-

Button

Name	Detail
Button Font Size	-
Button Border Width	–
Button Border Radius	-

Next/Complete/Previous Button

Name	Detail
Next/Complete/Previous Text Color	-
Next/Complete/Previous Border Color	–
Next/Complete/Previous Background Color	-

Show Previous Button: If you don't see the configuration for the previous button with checked, please click RENDER on top

Text Content

Name	Detail
N-th Popup Title Text	-
N-th Popup Body Text	–
N-th Popup Image src URL	-
Add link url for the image	-
Open in the Same Tab	Add target=_blank on the link
N-th Popup Image link URL	-

Button Content

Name	Detail
N-th Next/Complete/Previous Button	Please set text without link url

Content Zone

If you set Trigger as Click, you need to set the element. When you click the element specified in Content Zone, the popup will be shown.