Pop Up 03
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: Button 1
The left bottom button inside the popup
| 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: Button 2
The right bottom button inside the popup
| 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