- Details
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] |
- Details
Get the codes[~file_download id="ID10" url="images/headers/jshortcodes_documentation.pdf" custom_title="JShortcodes Documentation" icon="icon: file-pdf-o"]
| Shortcode | Attributes | Example code |
|---|---|---|
| File Download This widget manages a downloadable file |
File ID -
id Possible values: Any Custom Value Select file -
url Possible values: Url From Meida! Default value: Show title -
show_title Possible values: yes, no Default value: yes Custom title -
custom_title Possible values: Any Custom Value 'Save as' name -
save_as Possible values: Any Custom Value Color -
color Possible values: #RGB and rgba() colors Default value: #999999 Background -
background Possible values: #RGB and rgba() colors Default value: #f9f9f9 Border radius -
radius Possible values: Any Custom Value Default value: 3px Padding -
padding Possible values: Any Custom Value Default value: 25px Margin -
margin Possible values: Any Custom Value Default value: 0 Icon -
icon Possible values: icon: music, icon: envelope full list View counter -
show_count Possible values: yes, no Default value: yes Like counter -
show_like_count Possible values: yes, no Default value: yes Download counter -
show_download_count Possible values: yes, no Default value: yes File size -
show_file_size Possible values: yes, no Default value: yes Resumable -
resumable Possible values: yes, no Default value: yes Download bandwidth -
download_speed Possible values: 10 - 10000 Default value: 10000 Button text -
button_text Possible values: Any Custom Value Default value: Download Now Button text color -
button_color Possible values: #RGB and rgba() colors Default value: #f5f5f5 Button hover color -
button_hover_color Possible values: #RGB and rgba() colors Default value: #ffffff Button Background -
button_background Possible values: #RGB and rgba() colors Default value: #ff6a56 Button background on hover -
button_hover_background Possible values: #RGB and rgba() colors Default value: #ff543d Class -
class Possible values: Any Custom Value Button class -
button_class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~file_download id="" url="" show_title="yes" custom_title="" save_as="" color="#999999" background="#f9f9f9" radius="3px" padding="25px" margin="0" icon="" show_count="yes" show_like_count="yes" show_download_count="yes" show_file_size="yes" resumable="yes" download_speed="10000" button_text="Download Now" button_color="#f5f5f5" button_hover_color="#ffffff" button_background="#ff6a56" button_hover_background="#ff543d" class="" button_class="" scroll_reveal=""]
|
- Details
Get the codes[~contact_form email="
| Shortcode | Attributes | Example code |
|---|---|---|
| Contact Form This widget easily generates a contact form |
Email -
Possible values: Any Custom Value Subject -
subject Possible values: yes, no Default value: yes
Name -
name Possible values: yes, no Default value: yes
Show labels -
label Possible values: yes, no Default value: yes
Reset button -
reset Possible values: yes, no Default value: no
Captcha validation -
captcha Possible values: yes, no Default value: no
Textarea height -
textarea_height Possible values: Any Custom Value Default value: 120
Margin -
margin Possible values: Any Custom Value Default value: 20px
Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~contact_form email="" subject="yes" name="yes" label="yes" reset="no" captcha="no" textarea_height="120" margin="20px" class="" scroll_reveal=""] |
- Details
Get the codes[~calltoaction title="Check our product..."]This product is really awesome you can't miss it![/calltoaction]
Get the codes[~calltoaction title="Check our product..." title_color="#0200e5" button_background="#435785" color="#f5f5f5" background="#888" radius="10px" button_radius="6px"]This product is really awesome you can't miss it![/calltoaction]
Get the codes[~calltoaction title="Check our product..." title_color="#3d53a2" button_background="#a2423d" color="#000000" background="#d9d9d9" radius="10px" button_radius="6px"]This product is really awesome you can't miss it![/calltoaction]
| Shortcode | Attributes | Example code |
|---|---|---|
| Call to Action This widget displays a call to action box |
Alignment -
align Possible values: Left, Right, Center, Default value: Left Title -
title Possible values: Any Custom Value Default value: I want to... Title color -
title_color Possible values: #RGB and rgba() colors Default value: #333333 Button text -
button_text Possible values: Any Custom Value Default value: PURCHASE NOW Link -
button_link Possible values: Any Custom Value Default value: # Target -
target Possible values: Self, Blank, Default value: Self Button Color -
button_color Possible values: #RGB and rgba() colors Default value: #e5e5e5 Button Background -
button_background Possible values: #RGB and rgba() colors Default value: #444444 Color -
color Possible values: #RGB and rgba() colors Default value: #888 Background -
background Possible values: #RGB and rgba() colors Default value: #f5f5f5 Border radius -
radius Possible values: Any Custom Value Default value: 2px Button border radius -
button_radius Possible values: Any Custom Value Default value: 2px Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: Lorem ipsum dolor sit amet consectetuer adipiscing elit. |
[~calltoaction align="left" title="I want to..." title_color="#333333" button_text="PURCHASE NOW" button_link="#" target="self" button_color="#e5e5e5" button_background="#444444" color="#888" background="#f5f5f5" radius="2px" button_radius="2px" class="" scroll_reveal=""]Lorem ipsum dolor sit amet consectetuer adipiscing elit.[/calltoaction]
|
- Details
Get the codes[~gmap_advanced style="roadmap" zoom_control_style="LARGE" street_view_control="yes"~]
Get the codes[~gmap_advanced style="satellite" zoom_control_style="LARGE" street_view_control="yes"~]
Get the codes[~gmap_advanced style="hybrid" zoom_control_style="LARGE" street_view_control="yes"~]
| Shortcode | Attributes | Example code |
|---|---|---|
| GMap This widget displays a Google Map |
Width -
width Possible values: Any Custom Value Default value: 100% Height -
height Possible values: Any Custom Value Default value: 400px Responsive -
responsive Possible values: yes, no Default value: yes Address -
address Possible values: Any Custom Value Default value: New York, USA Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~gmap width="100%" height="400px" responsive="yes" address="New York, USA" class="" scroll_reveal=""~]
|
| Shortcode | Attributes | Example code |
|---|---|---|
| Gmap Advanced This widget displays a Google Map with customizable settings |
Style -
style Possible values: Roadmap, Satellite, Hybrid, Terrain, Width -
width Possible values: Any Custom Value Default value: 100% Height -
height Possible values: Any Custom Value Default value: 400px Responsive -
responsive Possible values: yes, no Default value: yes Border -
border Possible values: CSS supported border! Default value: 0px solid #CCCCCC Address -
address Possible values: Any Custom Value Default value: New York, USA Latitude -
lat Possible values: Any Custom Value Default value: 0 Longitude -
lng Possible values: Any Custom Value Default value: 0 Zoom Control -
zoom_control Possible values: yes, no Default value: yes Zoom on scroll -
zoom_on_scroll Possible values: yes, no Default value: yes Zoom control style -
zoom_control_style Possible values: Small, Large, Default value: Small Zoom -
zoom Possible values: 1 - 20 Default value: 8 Street view control -
street_view_control Possible values: yes, no Default value: no Marker -
location_marker Possible values: yes, no Default value: yes Default location marker -
default_location_marker Possible values: yes, no Default value: yes Custom marker -
custom_marker Possible values: Url From Meida! Default value: Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~gmap_advanced style="Terrain" width="100%" height="400px" responsive="yes" border="1px solid #CCCCCC" address="New York, USA" lat="0" lng="0" zoom_control="yes" zoom_on_scroll="yes" zoom_control_style="SMALL" zoom="8" street_view_control="no" location_marker="yes" default_location_marker="yes" custom_marker="" class="" scroll_reveal=""~]
|