Enhance your promotions

with Slick Modal jQuery & CSS3 powered popups

Check it out

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

Coupon code

Promo banner 1

Promo banner 2

HTML5 banner

Time banner 1

Time banner 2

Static banner

Simple message

Profile settings

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

<script src="path/jquery.slickmodal.min.js"></script>
 <div class="myPopup" data-sm-init="true">  </div>
 <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

Script path

Upload plugin script path on your web server.

Popup ID or Class name

Type in popup wrapper selector ID or Class name

Restrictions

Hide on urls

Insert URL path or Regex pattern for path matching.

Set a cookie?

When cookie is set popup will stay hidden.

Cookie name

Unique cookie name for each popup instance.

Cookie scope

Sets the cookie scope to domain or page.

Cookie expiration

Sets the expiration days for the cookie.

Cookie setter class

Class of an element which can set this cookie.

Enable date range?

Enables date range restriction for the popup.

Starting date

Sets the starting date for the date range.

Ending date

Sets the ending date for the date range.

Enable server time?

Enables server side date timestamp.

Server time file location

File location for the server side timestamp.

Server timezone

Time zone for the server side timestamp.

Show after visits

Hides the popup for the defined number of visits.

Hide after shown?

Hides the popup again after it's been shown.

Popup

Popup type

Select the type for the popup instance.

Delay time in seconds

Delay time in seconds for delayed popup type.

Scroll distance in px

Scroll distance in pixels for scrolled popup type.

Hide on scroll up?

This option will hide the popup when scrolling up.

Show always on exit?

This option will show the popup always for exit type.

Auto close popup?

Auto closes the popup instance after defined time.

Auto close after

Sets the auto closing delay time in seconds.

Open with hash

Type in the URL hash which will open the popup.

Redirect visitor on close?

This option redirects the visitor after popup close.

Redirect URL

Type in a valid URL for redirecting the visitor.

Redirect target

Target for opening the redirected URL.

Redirect triggers

Sets the triggers which will redirect the visitor.

Popup position

Sets the position of the popup for desktop devices.

Popup animation

Sets the popup animation effect.

Enable popup close button?

Enables the popup closing button.

Close button style

Sets the style of the closing button.

Close button align

Aligns the button relative to the popup.

Close button place

Places the button relative to the popup.

Close button text

Sets the button text when using 'text' style.

Show more popup settings

Reopen class

Class of the element which can open the popup.

Reopen class trigger

Defines the trigger for the reopening element.

Enable sticky button?

Enables sticky button which reopens the popup.

Sticky button text

Custom text for the sticky reopen button.

Enable ESC key?

Closes the popup on pressing the ESC key.

Body class

Sets custom body class when popup is opened.

Popup wrapper class

Sets custom wrapper class when popup is opened.

Enable draggable popup?

Enables draggable feature for the popup window.

Allow multiple instances?

Allows popup to be opened even if another popup is already active.

Popup CSS

Sets the custom CSS styles for the popup.

Overlay

Is overlay visible?

Shows or hides the popup overlay.

Can overlay close the popup?

Defines if the overlay can close the popup.

Overlay animation

Sets the overlay animation effect.

Overlay CSS

Sets the custom CSS styles for the overlay.

Inner content

Ajax HTML content location

Sets the path for the HTML Ajax content.

Should content be animated?

Enables the animation for the inner content wrapper.

Content animation

Sets the inner content animation effect.

Content CSS

Sets the custom CSS styles for the content wrapper.

Page

Should page be animated?

Enables the animation effect for the page.

Page animation

Sets the animation effect for the page.

Animation duration

Sets the animation effect duration for the page.

Page blur radius

Sets the page blur radius.

Page scale value

Sets the page scale value.

Page move distance

Sets the page move distance.

Mobile

Show on mobile?

Enables the popup on smaller devices.

Mobile breakpoint

Sets the breakpoint for smaller devices.

Popup position

Sets the position of the popup for smaller devices.

Mobile CSS

Sets the custom CSS styles for smaller devices.

Customer Support

Code quality is exceptional, however Capelle is a total standout with outstanding support to help you make the most from your purchase.

Codecanyon customers

Code Quality

Code quality, design, documentation, support... Truly a wonderful experience! Will recommend it further!

Codecanyon customers

Feature Availability

Sleek designs, many different options, great customer support and easy to use! great product, well done Capelle!

Codecanyon customers

Customizability

Great plugin with a lot of options. Also great, quick customer support. I like it.

Codecanyon customers

Get the full package

for only 9 $ exclusively on Codecanyon

© 2024 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