Pop Up 02

Preview

Trigger

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.

*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.

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

Appearance

Name	Detail
Popup Width	–
Popup Border Radius	–
Popup Background	–
Popup Border Width	To show the border, the border width needs to be set more than 1px
Color of Closing Button	–
Popup Shadow	–
Popup Inner Spacing	The padding of the popup
Distance between Inner Elements	The gap between the each element in popup
Overlay Layer	–
Overlay Color	–

Content: Text

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

Content: Image 1

The left image inside the popup

Name	Detail
Image 1 URL	URL or BASE 64 format. We recommend the original width of the image is over 135px to prevent the image pixelated.

Content: Image 2

The right image inside the popup

Name	Detail
Image 2 URL	URL or BASE 64 format. We recommend the original width of the image is over 135px to prevent the image pixelated.

Content: Button

Name	Detail
Link URL	–
Button Text	Please avoid to add a url in the text. Since this element is wrapped with <a> as default, adding url would break the layout.
Button Font Size	–
Button Text Color	–
Button Border Radius	–
Button Background Color	–

Content Zone

Not required