The flyout window appears at the left bottom side of the screen.
Get the codes[flyout dimension="custom" width="480" height="360" offset="50,50" background="#8b8b8b" color="#ffffff" radius="10px" transition_in="bounceIn" transition_out="fadeOutDown" closed_state="no"]This is a flyout content for your visitors that can also include HTML... <iframe title="YouTube video player" src="https://www.youtube.com/embed/nbtb8Ax4Mpc" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen">[/flyout]
| Shortcode | Attributes | Example code |
|---|---|---|
| Flyout This widget displays a floating window that can contain content |
Style -
style Possible values: Shadow, Border, Transparent, Default value: Shadow
Dimensions -
dimension Possible values: 88x31, 120x240, 120x600, 125x125, 160x600, 200x200, 234x60, 250x250, 300x250, 300x600, 336x280, 468x60, 728x90, Custom width/height, Default value: 250x250
Position -
position Possible values: Top left, Top center, Top right, Bottom left, Bottom center, Bottom right, Center, Default value: Bottom left
Width -
width Possible values: 200 - 1600 Default value: 300
Height -
height Possible values: 200 - 1600 Default value: 300
Offset -
offset Possible values: Any Custom Value Default value: 0, 0
Background -
background Possible values: #RGB and rgba() colors Default value: transparent
Color -
color Possible values: #RGB and rgba() colors Default value: #000000
Border radius -
radius Possible values: Any Custom Value Default value: 5px
Padding -
padding Possible values: Any Custom Value Default value: 15px
Transition In -
transition_in Possible values: bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, flipInX, flipInY, lightSpeedIn, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rollIn, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, slideInDown, slideInLeft, slideInRight, slideInUp, Default value: fadeIn
Transition Out -
transition_out Possible values: bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flipOutX, flipOutY, lightSpeedOut, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollOut, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp, Default value: fadeOut
Display close button -
show_close Possible values: yes, no Default value: yes
Close button style -
close_style Possible values: Circle-1, Circle-2, Labeled, Text, Default value: Circle-1
AdBlock notice -
adblock_notice Possible values: yes, no Default value: no
Keep closed state -
closed_state Possible values: yes, no Default value: yes
Class -
class Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: Flyout content |
[flyout style="shadow" dimension="250x250" position="bottom-left" width="300" height="300" offset="0, 0" background="transparent" color="#000000" radius="5px" padding="15px" transition_in="fadeIn" transition_out="fadeOut" show_close="yes" close_style="circle-1" adblock_notice="no" closed_state="yes" class=""]Flyout content[/flyout] |