Live Preview Extra Shortcodes Add-on
Details & Pricing →

Splash Screen

Shortcode example

Splash Screen is a window that pops up when a user opens a page.

It can contain other  shortcodes  or HTML tags.

Close this window to see the shortcode and available options.

[su_splash style="dark-boxed"]

Splash Screen is a window that pops up when a user opens a page.

It can contain other [su_highlight]shortcodes[/su_highlight] or <strong>HTML</strong> <em>tags</em>.

Close this window to see the shortcode and available options.

[/su_splash]

Available options

Option namePossible valuesDefault value
style
Choose splash screen style
dark (Dark)
dark-boxed (Dark boxed)
light (Light)
light-boxed (Light boxed)
blue-boxed (Blue boxed)
light-boxed-blue (Light boxed blue)
light-boxed-green (Light boxed green)
light-boxed-orange (Light boxed orange)
maintenance (Maintenance)
dark
width
Width of splash screen content
Number from 100 to 1600480
opacity
Background opacity in percents
Number from 0 to 10080
onclick
Choose splash screen behavior when it is clicked
none (Do nothing)
close (Close splash screen (click anywhere))
close-bg (Close on background click)
url (Go to specified url)
close-bg
url
Enter url to go when splash screen is clicked (this option must selected in dropdown list above)
Any text value– none –
delay
Specify the time in which the splash screen will be shown (in seconds)
Number from 0 to 1200
esc
Close the screen by pressing Esc
yes or noyes
close
Show Close button
yes or noyes
once
Show this splash screen only once on this page
yes or nono
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –