Enhance your promotions

with Slick Modal jQuery & CSS3 powered popups

Maximize your performance and make your message stand out!
  • 50+ advanced plugin options
    New
  • 40 premade popup demo templates
    New
  • 30 effects & CSS3 transitions
    New
  • Popup live preview & generator
    New
  • Popup statistics plugin
    New
  • Auto closing configuration
    New
  • Responsive and mobile configuration
  • 9 popup page positions
  • Modal, content, overlay & page effects
    New
  • Delayed, exit intent and scrolling type
  • Hide it on specific pages
  • YouTube video options
  • Set a cookie to hide the popup
  • Load and close events
  • Advanced popup settings
  • jQuery powered popup plugin

Popup demos Included

Check out the quick start popup demos which are also included in the Slick modal package.

Product quick view
Product carousel
Image gallery
Testimonials
Events calendar
Contact form
Survey form
Slideout mini cart
Next post
Coupon code
Promo banner 1
Promo banner 2
HTML5 banner
Time banner 1
Time banner 2
Static banner
Simple message
Profile settings
Login & register
Newsletter signup
Background
Panorama view
Cookie notice 1
Cookie notice 2
Under construction
Social share
Facebook page
Google maps
Statistics
Youtube video
Search form
Dropdown menu
Overlay menu
Welcome message
Content popup
Alert window 1
Alert window 2
Alert window 3
Audio player

Popup effects Included

Preview the common popup, overlay & background effects powered with smooth CSS3 transitions.

1. Popup CSS3 effects

fadeIn
zoomIn
zoomOut
slideTop
slideRight
slideBottom
slideLeft
rotateIn
rotateOut
flipInX
flipInY
swingTop
swingRight
swingBottom
swingLeft
flash
pulse
rubberBand
shake
swing
tada
wobble
bounce
bounceIn
bounceInUp
bounceInDown
bounceInRight
bounceInLeft
unFold
flowIn
Page scale
Page blur
Page move up
Page move down
Page move right
Page move left
No overlay

2. Animation mixings

Mixing 1
Mixing 2
Mixing 3
Mixing 4
Mixing 5
Mixing 6
Mixing 7
Mixing 8
Mixing 9
Mixing 10
Mixing 11
Mixing 12
Mixing 13
Mixing 14
Mixing 15
Mixing 16
Mixing 17
Mixing 18
Mixing 19
Mixing 20

3. Popup positions

Top left
Top center
Top right
Left
Center
Right
Bottom left
Bottom center
Bottom right

Popup statistics Included

Statistics plugin can monitor each individual Slick modal popup and track it's impressions, average view time, CTA clicks and click trough rate(s). Below is a demo of a popup from the preview generator.

Popup name Generator
Created on 21.07.2017
Total views
Avgerage view time
Call to action clicks
Click through rate
CTR ratio

Popup generator Included

HTML5, CSS3 & jQuery powered Slick Modal popups package comes with Popup LIVE preview and Settings generator. Go ahead and modify the settings you wish and click the Preview button below.

Popup
Overlay
Background
Content
Type
Cookies
Mobile
Videos
Additional
Popup ID ID of your popup which will be generated.
Popup type Defines your popup display type.
Delay time Delay time of delayed popup time.
0s
Scroll distance Vertical scrolling distance for scroll popup.
120px
Auto close With auto close the modal will close after X seconds.
Auto close delay Auto closing trigger timeout in seconds.
10s
Popup width Defines popup width (default in px).
480px
Popup height Defines popup height (default in px).
280px
Popup location Choose your popup screen location.
Animation effect Choose your desired popup animation effect.
Animation duration Choose popup animation speed/duration.
0.4s
Box shadow Enables box shadow effect of the modal.
Background color Modal background color (HEX or RGBA).
Popup radius Sets the modal border radius (in px).
4px
Popup margin Sets the modal outer margins (in px).
30px
Popup padding Sets the modal inner padding (in px).
30px
Show overlay? Enabled/disables the modal overlay.
Can close the modal? Defines if overlay can close the modal.
Background color Sets modal overlay background color.
Animation effect Choose your desired overlay animation effect.
Animation duration Defined overlay animation speed.
0.4s
Animation effect Enables the page background effect's.
Animation duration Page/background effect animation duration.
0.4s
Scale value Scale background effect value.
0.9
Blur radius Blur background effect value in px.
1px
Move distance Page move distance value in percentage.
30%
Animate content? Defines if the inner content is animated.
Animation effect Inner content animation effect.
Animation duration Inner content animation speed/duration.
0.4s
Animation delay Inner content animation delay.
0.4s
Enable statistics This option enables Slick Stats and it's settings.
Stats file location Exact path of the collect.php file.
Modal name Enter the modal / campaign name.
Modal summary Enter the modal / campaign summary.
CTA class Enter the name of your CTA trigger class.
Set a cookie? Hides the modal upon closing.
Cookie lifetime Sets the cookie expire lifetime.
30d
Cookie trigger class Class which will trigger the cookie.
Cookie name Name of the saved modal cookie.
Cookie scope Scope of the saved modal cookie.
Show on mobile? Visibility of the popup on mobiles.
Responsive? Defines if the popup is responsive.
Mobile breakpoint Breakpoint when the modal goes responsive.
480px
Mobile location Popup location on mobile devices.
Mobile width Popup width on mobile devices.
90%
Mobile height Popup height on mobile devices.
280px
Mobile radius Popup border radius on mobile devices.
0px
Mobile margin Popup margins on mobile devices.
0px
Mobile padding Popup padding on mobile devices.
24px
Video support Support for the Youtube videos.
Video autoplay Defines the autoplay of the video.
Stop on close Defines stopping a video on close.
Enable close button Adds a close button to the modal.
Button style Choose the closing button style.
Enable ESC key Defines if ESC key closes the modal.
Reopen class/selector Class which will reopen the modal when disabled.
Hide on pages Relative paths separated with with comma.

© 2017 justcapelle.com - All rights reserved. All the code, names, logos, and brands are property of the respective owners.
Credits to GreenElephantProduction for Corporate Upbeat audio track, Catalin Berta for jCounter and Cory LaViska for jQuery MiniColors. Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY. Image credits to Pexels and it's authors. Zaposlitveni življenjepis in spremno pismo, točen čas in ura v Sloveniji, koledar, vreme in vremenska napoved za Slovenijo, pretvornik valut in valute, neto bruto izračun plače

Hey there

This is blank demo for the Slick modal options preview. Go ahead and cutomize it as you wish!

Close me
I like to Fade In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Zoom In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Zoom Out

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Slide from top

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Slide from right

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Slide from bottom

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Slide from left

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Rotate In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Rotate Out

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Flip In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Flip In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Swing from top

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Swing from right

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Swing from bottom

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Swing from left

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Flash

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Pulse

I am a preview popup so you can check out my awesome transitions.

Close me
I am a Rubber band

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Shake a lot

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Swing

I am a preview popup so you can check out my awesome transitions.

Close me
Tadaaa - i like suprises

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Wooble

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Bounce

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Bounce In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Bounce Up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Bounce Down

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Bounce Right

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Bounce Left

I am a preview popup so you can check out my awesome transitions.

Close me
I like to UnFold

I am a preview popup so you can check out my awesome transitions.

Close me
I like to Flow In

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I like to mix things up

I am a preview popup so you can check out my awesome transitions.

Close me
I'm visible at Top left

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible at Top center

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible at Top right

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible on the Right

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible at Bottom right

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible at Bottom center

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible at Bottom left

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible on the Left

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I'm visible at the Center

I am a preview popup so you can check out all of my positions avaliable on the page.

Close me
I scale the page down

I am a preview popup so you can check out my awesome background & overlay effects.

Close me
I like to blur things

I am a preview popup so you can check out my awesome background & overlay effects.

Close me
I move the whole page up

I am a preview popup so you can check out my awesome background & overlay effects.

Close me
I move the whole page down

I am a preview popup so you can check out my awesome background & overlay effects.

Close me
I move the whole page right

I am a preview popup so you can check out my awesome background & overlay effects.

Close me
I move the whole page left

I am a preview popup so you can check out my awesome background & overlay effects.

Close me
Woohaa, no overlay here

I am a preview popup so you can check out my awesome background & overlay effects.

Close me