Skip to main content

Banner 01

Preview​

Trigger​

Trigger TypeDetail
DOM ReadyWhen 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/Scroll​

Position​

NameVertical Position
TOP
BOTTOM

Scroll​

NameDetail
FixedClick the close button to hide from the page
Hide with ScrollThe element will be hidden after page is scrolled

Appearance​

NameDetail
Banner Background Color–
Color of Closing Button–
Banner Border ColorTo show border, the width needs to be set more than 1px
Banner Border Width–
Banner Inner Spacing–
Distance between Inner ElementsThe gap between the each element in popup
Horizontal Alignment–
Vertical Alignment–

Content: Image​

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

Content: Text​

NameDetail
Title TextPlease avoid to add a url in the text. Since the parent is wrapped with <a> as default, adding url would break the layout.
Title Font Size–
Title Color–
Body TextPlease avoid to add a url in the text. Since the parent is wrapped with <a> as default, adding url would break the layout.
Body Font Size–
Body Color–
NameDetail
Link URLThe href url of the banner

Content Zone​

Not required