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