Sometimes, you don’t want to clutter your page with too much information at once but still provide it. Modal popups are one of the best solutions to do just that. The content for each modal popup is initially hidden and will only be shown when you viewer triggers a call to show the popup.

Visual Composer Extensions provides you with multiple options to trigger a popup and the popup content can be anything, even other shortcodes. There are multiple effects to open and close a popup and the popups come in different color patterns to better highlight the content (i.e. warnings, errors, etc.).

It is also possible to automatically open one popup on page load. The default delay for the auto-open is 0 seconds, which means the popup will open as soon as the page is ready. You can assign a delay of up to 10 seconds, before the auto-popup will be shown.

This is a modal popup!

white_leopard-1280x720

You can even trigger the modal popup on page load. Of course, you should limit the auto-show popup to one popup per page; any more than that just wouldn’t make any sense.

Also, you can apply a delay of up to 10 seconds to the auto-show popup (this popup had a 500 ms delay); the delay will start counting from the browsers “Window Load” event in order to ensure that all embedded images are fully loaded.

Trigger Types

Default Image

This is a modal popup!

die

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

Custom Image

This is a modal popup!

dev

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

Font Icon

This is a modal popup!

bookshelf

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

Button

This is a modal popup
Click the button to view the popup
View Popup

This is a modal popup!

easel

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

This is a modal popup!

countdown

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

Text

This is a modal popup!

clock

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

Custom Markup

This is a modal popup!

globe

This is a modal popup window. The content can include shortcodes and any other HTML elements. It is just a hidden element on your page that will be shown when called.

Open + Close Effects

Swipe

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Fade

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Scale

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Slide Up

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Slide Down

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Flip

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Skew

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Bounce Up

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Bounce Down

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Break In

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Rotate In

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Rotate Out

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Hang Left

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Hang Right

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Cycle Up

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Cycle Down

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Throw In

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Fall

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Jump

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Zoom In

This is a modal popup with effects!

The modal popup can be opened and closed with 20 different of effects. You can either select a specific effect or just have a random effect.

Color Styles

Default

This is a modal popup with a color bar!

The modal popup can be styled to account for several events, which will change the color of the top bar to indicate the importance of the popup.

Neutral

This is a modal popup with a color bar!

The modal popup can be styled to account for several events, which will change the color of the top bar to indicate the importance of the popup.

Success

This is a modal popup with a color bar!

The modal popup can be styled to account for several events, which will change the color of the top bar to indicate the importance of the popup.

Warning

This is a modal popup with a color bar!

The modal popup can be styled to account for several events, which will change the color of the top bar to indicate the importance of the popup.

Error

This is a modal popup with a color bar!

The modal popup can be styled to account for several events, which will change the color of the top bar to indicate the importance of the popup.

None / Blank

This is a modal popup with a color bar!

The modal popup can be styled to account for several events, which will change the color of the top bar to indicate the importance of the popup.