Youtube Popup

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.
Click	When a user clicks the content zone.

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

Delay Time: Would recommend to set 0 if you choose Click as the trigger type.

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

• Show Title: Set the title below the movie
• Show Description: Set the description below the title
• Show Button: Set the button at the bottom

Popup Style

Name	Detail
Width	-
Border Radius	–
Background Color	-
Border Width	To show the border, the border width needs to be set more than 1px
Border Color	-
Close Button Color	–
Popup Shadow	–
Popup Inner Padding	-
Popup Animation	Fade in effect when the pop up shows up
Animation Direction	Pop up moves either vertically ot horizontally during the fade in
Distance between Inner Elements	The gap between the each element in pop up
Background Layer	–
Scroll Lock	To enable it, Background Layer needs to be set as true
Bakground Layer Color	–

Text

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

Button

Name	Detail
Button Font Size	-
Button Border Width	–
Button Vertical Padding	-
BButton Horizontal Padding	-
Button Border Radius	-
Button Font Color	-
Button Border Color	-
Button Background Color	-

Text Content

Name	Detail
Title	–
Description	–
Youtube embed URL	Get highlighted embed URL from Youtube's share button as the screenshot below.

Button Content

Name	Detail
Close Button	Please set text without link url.

Content Zone

If you set Trigger as Click, you need to set the element. When you click the element specified in Content Zone, the popup will be shown.