Enhance your promotions

with Slick Modal jQuery & CSS3 powered popups

Maximize your performance and make your message stand out!
  • 60+ plugin options
  • 40+ popup demo templates
  • 30+ CSS3 animations
  • 9 popup positions
  • Popup settings generator
  • Animate popup, overlay and content
  • Page background effects
  • Delayed, exit and scrolling type
  • Auto closing feature
  • Date range restriction
  • Hide on specific pages
  • Show after X visits
  • Draggable popup window
  • Load content via Ajax
  • Custom CSS styling
  • Redirect visitor on popup close
  • Sticky pullout option
  • Public API supported
  • 8 callbacks
  • Mobile configuration
  • Open popup via URL hash
  • Cookie settings and restrictions
  • Set custom body and popup class
  • Additional advanced plugin settings
  • jQuery powered popup plugin

Popup demos Included

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

GDPR Settings
Spin Wheel
Simple Footer
Price List
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
Draggable

Popup effects Included

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

1. Popup CSS3 effects

fadeIn
zoomIn
zoomOut
slideInTop
slideInBottom
slideInRight
slideInLeft
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

2. Endless Mixing Possibilities

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. Use it anywhere on the page

Top left
Top center
Top right
Left
Center
Right
Bottom left
Bottom center
Bottom right
<!-- Plugin file path --> <script src="path/jquery.slickmodal.min.js"></script>
<!-- Popup HTML wrapper --> <div class="myPopup" data-sm-init="true"> <!-- popup inner content --> </div>
<!-- Plugin invoke & settings --> <script> jQuery('.myPopup').SlickModals({();
restrict_hideOnUrls: [], restrict_cookieSet: false, restrict_cookieName: 'slickModal-1', restrict_cookieScope: 'domain', restrict_cookieDays: '30', restrict_cookieSetClass: 'setSmCookie-1', restrict_dateRange: false, restrict_dateRangeStart: '', restrict_dateRangeEnd: '', restrict_dateRangeServerTime: true, restrict_dateRangeServerTimeFile: '', restrict_dateRangeServerTimeZone: 'Europe/London', restrict_showAfterVisits: 1, restrict_showAfterVisitsResetWhenShown: false, popup_type: 'none', popup_delayedTime: '1s', popup_scrollDistance: '400px', popup_scrollHideOnUp: false, popup_exitShowAlways: false, popup_autoClose: false, popup_autoCloseAfter: '5ss', popup_openWithHash: 'false', popup_redirectOnClose: false, popup_redirectOnCloseUrl: '', popup_redirectOnCloseTarget: _blank, popup_redirectOnCloseTriggers: 'overlay button', popup_position: 'center', popup_animation: 'fadeIn', popup_closeButtonEnable: true, popup_closeButtonStyle: 'cancel simple', popup_closeButtonAlign: 'right', popup_closeButtonPlace: 'outside', popup_closeButtonText: 'Close', popup_reopenClass: 'open-sm', popup_reopenClassTrigger: 'click', popup_reopenStickyButtonEnable: false, popup_reopenStickyButtonText: '', popup_enableESC: true, popup_bodyClass: '', popup_wrapperClass: '', popup_draggableEnable: , popup_allowMultipleInstances: , popup_css: , overlay_isVisible: true, overlay_closesPopup: true, overlay_animation: 'fadeIn', overlay_css: , content_loadViaAjax: 'false', content_animate: false, content_animation: 'zoomIn', content_css: , page_animate: false, page_animation: 'scale', page_animationDuration: '.4ss', page_blurRadius: '1pxpx', page_scaleValue: '.9', page_moveDistance: '30%%', mobile_show: true, mobile_breakpoint: '480pxpx', mobile_position: 'bottomCenter', mobile_css: , }); </script>
Select & Copy
Preview Popup

Only popup types, auto close, popup/overlay/content effects and custom CSS can be previewed.

Popup settings generator Included

HTML5, CSS3 & jQuery powered Slick Modal popups package comes with Popup Settings generator to get you started building your awesome popup quickly and efficiently.

Main
Upload plugin script path on your web server.
Type in popup wrapper selector ID or Class name
Restrictions
Insert URL path or Regex pattern for path matching.
When cookie is set popup will stay hidden.
Unique cookie name for each popup instance.
Sets the cookie scope to domain or page.
Sets the expiration days for the cookie.
Class of an element which can set this cookie.
Enables date range restriction for the popup.
Sets the starting date for the date range.
Sets the ending date for the date range.
Enables server side date timestamp.
File location for the server side timestamp.
Time zone for the server side timestamp.
Hides the popup for the defined number of visits.
Hides the popup again after it's been shown.
Popup
Select the type for the popup instance.
Delay time in seconds for delayed popup type.
Scroll distance in pixels for scrolled popup type.
This option will hide the popup when scrolling up.
This option will show the popup always for exit type.
Auto closes the popup instance after defined time.
Sets the auto closing delay time in seconds.
Type in the URL hash which will open the popup.
This option redirects the visitor after popup close.
Type in a valid URL for redirecting the visitor.
Target for opening the redirected URL.
Sets the triggers which will redirect the visitor.
Sets the position of the popup for desktop devices.
Sets the popup animation effect.
Enables the popup closing button.
Sets the style of the closing button.
Aligns the button relative to the popup.
Places the button relative to the popup.
Sets the button text when using 'text' style.
Show more popup settings
Class of the element which can open the popup.
Defines the trigger for the reopening element.
Enables sticky button which reopens the popup.
Custom text for the sticky reopen button.
Closes the popup on pressing the ESC key.
Sets custom body class when popup is opened.
Sets custom wrapper class when popup is opened.
Enables draggable feature for the popup window.
Allows popup to be opened even if another popup is already active.
Sets the custom CSS styles for the popup.
Overlay
Shows or hides the popup overlay.
Defines if the overlay can close the popup.
Sets the overlay animation effect.
Sets the custom CSS styles for the overlay.
Inner content
Sets the path for the HTML Ajax content.
Enables the animation for the inner content wrapper.
Sets the inner content animation effect.
Sets the custom CSS styles for the content wrapper.
Page
Enables the animation effect for the page.
Sets the animation effect for the page.
Sets the animation effect duration for the page.
Sets the page blur radius.
Sets the page scale value.
Sets the page move distance.
Mobile
Enables the popup on smaller devices.
Sets the breakpoint for smaller devices.
Sets the position of the popup for smaller devices.
Sets the custom CSS styles for smaller devices.

© 2020 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. Icons made by Freepik from www.flaticon.com are 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

Success!

Lorem ipsum dolor sit amet, ut facete mentitum vim.

Close
Success!

Lorem ipsum dolor sit amet, ut facete mentitum vim.

Lorem ipsum!

Lorem ipsum dolor sit amet, verterem assentior pertinacia eos in, cetero argumentum eos.

Confirm
Close
Listen later
You are almost set

This is a simple demo which you can use as a starting point for building your new awesome popup.

Ok, got it!
Our daily specials

Check out our hand picked daily specials or browse the full product category.

Lorem ipsum
Size: Medium
Color: Black
Qty: 1
Price: $ 220.00
× Remove item
Lorem ipsum
Size: Medium
Color: Black
Qty: 1
Price: $ 110.00
× Remove item
Lorem ipsum
Size: Medium
Color: Black
Qty: 1
Price: $ 110.00
× Remove item
Cart total: $ 440.00
You have 3 product(s) in your cart
Checkout
◂ Or keep shoping
Your cart is now empty
Start shopping!
Get in touch

Get in touch with us and we'll be with you in no time!

No thanks, i don't want to chat right now
Lorem ipsum

Lorem ipsum dolor sit amet, vim an dolores suscipit sadipscing. Quidam virtute percipitur eos ea, paulo suscipit et ius, et pri ponderum cotidieque referrentur. Ius ei enim illum impetus, electram forensibus deterruisset nam ea, sed eu meis propriae conclusionemque. Mel habeo facilisis vulputate cu.

Ad nec quis ancillae pericula. Expetendis posidonium nec no, graeci timeam detracto vis et. Ad elitr interpretaris cum. Laoreet tractatos nam cu, in mei malorum vivendo, eu aliquam nominavi intellegebat pro. Cibo vulputate an nam, usu essent voluptatibus at. Etiam tation efficiantur at has. Probatus senserit no nam.

Ius enim illum

Ex vel possit contentiones, mea quaestio disputationi ut. Per et molestie pertinacia, tamquam platonem intellegam ad usu, tale cibo deterruisset nam ex. Quem justo reprimique ei est, feugait gubergren at mei. Delicata tractatos his an. Duis deserunt at pro. Diam clita conclusionemque qui ne, error mucius mei an. Ut vero aliquip vel, sea id nibh malis debet.

Cibo vulputate

Ex vel possit contentiones, mea quaestio disputationi ut. Per et molestie pertinacia, tamquam platonem intellegam ad usu, tale cibo deterruisset nam ex. Quem justo reprimique ei est, feugait gubergren at mei.

Vix ne malis

His hendrerit pertinacia eu. Nusquam honestatis in eam, id modo porro delectus pri. Vix ne malis tation prompta. Ad vix habeo eloquentiam, est ut alia tritani prodesset, ut unum mucius luptatum mel. Eum id commune contentiones, id noster discere his.

⟵   Go back
We use a few cookies

Our site uses non fat, delicious cookies which help us improve your user experience. You can read more about it on our Privacy page.

Great, close this!
We use a few cookies

Our site uses non fat, delicious cookies which help us improve your user experience. You can read more about it on our Privacy page.

-30%
on all destinations in Europe
Don't miss out
limited offer for travelers!
Get your deal now
Your lucky day! Hurry Up!

Quidam virtute percipitur eos ea, paulo suscipit et ius, et pri ponderum cotidieque referrentur.

×
Share your toughts!

We valid your opinion which helps us to improve our services even more.

Your preferences

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

More information

Long road

ahead of you?

Make it more

comfortable

Lorem ipsumVim vocent abhorreant an, at ius suas hinc ceteros.
-25%Vim vocent abhorreant an, at ius suas hinc ceteros  @  www.example.com
Have an account?
Forgot your password?
Don't have an account?
Register and get Lorem ipsum premium access
Register
Get fresh daily news!

Sign up to our awesome newsletter and receive fresh daily news for free.

One time offer!

Get your limited bundle of items for only $29

[ Company name ]
Menu item 1Lorem ipsum dolor sit amet Menu item 2Lorem ipsum dolor sit amet Menu item 3Lorem ipsum dolor sit amet Menu item 4Lorem ipsum dolor sit amet Menu item 5Lorem ipsum dolor sit amet Menu item 6Lorem ipsum dolor sit amet
In stock
Lorem Ipsum Dolor

Mel cu elitr percipit, dolore doming scripserit quo no, id maiorum albucius eos.

$ 160.00
Old price: $ 180.00
Add to cart
Delivery time in 1 - 3 working days.
© 2019 www.example.com
Not interested
%
Hush, Hush!
Something is going on tonight and involves great discounts until the morning.

Starting from 8pm and ending at 6am the next day we are giving away up to 30% OFF on all Lorem ipsum products.

Sample heading!

Lorem ipsum dolor sit amet, liber pertinax duo in, vis alia persecuti eu, movet sententiae te eum.

Close me!
New fashion in town

Fresh collection 2019

Check out our new &amp; fresh collection of 2019 and dress to impress all day anywhere!

Get yours now!
30$
25$
20$
15$
10$
5$
Congratulations!
Prize message will appear here from the area data-wheel-message attribute
Start shopping!
Or close the wheel game
Go!
Lorem ipsum
Title 1
23%
Title 2
58%
Title 3
36%
Title 4
79%
Title 5
48%
Average: 48% lorem ipsum dot color.
Stay tuned

as we are about to launch our newly designed website soon!

68%
John Doe
Lorem ipsum dot color due vent si amet.
Edit username Change password
My preferences
Hide my profile from search
Enable PM messaging
Share your info with others
Subscribe to newsletter
Welcome!

Lorem ipsum dolor sit amet, liber pertinax duo in, vis alia persecuti eu, movet sententiae te eum. Duo populo virtute gloriatur no, ne usu facilisi legendos, nec adhuc ponderum sensibus eu.

Start exploring
I'm Draggable Popup

I am a preview popup so you can check my cool draggable feature.

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 Slide In from Top

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

Close me
I like to Slide In from Right

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

Close me
I like to Slide In from Bottom

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

Close me
I like to Slide In from Left

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

Close me
I scale the page down

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

Close me
I like to blur things

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

Close me
I move the page up

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

Close me
I move the page down

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

Close me
I move the page right

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

Close me
I move the page left

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 Left

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

Close me
I'm visible in the Center

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 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 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 Right

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

Close me
Looking good!

This is just a demo preview of the settings you have made with the generator so far

Close me
Slick Modal CSS3 jQuery Popup