Skip to main content

Pop Up 04

Preview

Trigger

Trigger TypeDetail
DOM Ready When all the HTML has been received and parsed by the browser into the DOM tree.
ExitWhen the cursor leaves the bounds of the body from the top of the page.
InactiveWhen no user activity within the document after the configured milliseconds.
ScrollWhen 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

NameHorizontal PositionSet Distance from
the Edge of Window
Left
possible
Center
impossible
Right
possible
NameVertical PositionSet Distance from
the Edge of Window
Top
possible
Center
impossible
Bottom
possible

Appearance

NameDetail
Popup Width
Popup Border Radius
Popup Background
Popup Border WidthTo show the border, the border width needs to be set more than 1px
Color of Closing Button
Popup Shadow
Popup Inner SpacingThe padding of the popup
Distance between Inner ElementsThe gap between the each element in popup
Overlay Layer
Overlay Color

Content: Text

NameDetail
Title Text
Title Font Size
Title Color
Body Text
Body Font Size
Body Color

Content: Image 1

The left image inside the popup

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

Content: Button 1

The left bottom button inside the popup

NameDetail
Link URL
Button TextPlease 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