Modal Options

The Modal Options tab controls the behavior and animation of the popup container itself. Here, you can define how the popup enters and exits the screen, how it handles resets, and how the close button should appear.

The Modal Options interface (Advanced settings enabled)

Entrance and Exit Animations

Creative Popup includes 18 built-in animations for both opening and closing transitions, including Fade, Slide, Rotate, Scale, and Elastic effects.

Opening / Closing transition

Select the desired animation style for when the popup first appears and when it is dismissed by the visitor.

Opening / Closing duration

Specify the length of the animation in milliseconds (e.g., 1000 equals 1 second). Higher values result in smoother, slower transitions.

Opening delay

Sets a waiting period in milliseconds before the opening transition begins. This allows you to delay the appearance of a popup even after its trigger conditions have been met.

Popup Behavior & Technical Placement

Fine-tune how the popup interacts with the page and where it is placed within your website's document structure.

Start popup immediately

When enabled, the internal layer animations will start playing as soon as the popup container begins its opening transition. If disabled, layer animations will only begin once the container has fully completed its opening transition.

Reset on close

Determines whether the popup should "rewind" to its initial state when dismissed.

• Enabled: The popup will restart from the first page/slide every time it is reopened.
• Disabled: The popup will remember and remain on the last page the user viewed if they reopen it during the same session.

Popup container

Enter a CSS or jQuery selector (e.g., body) to define where the popup HTML should be placed. In most cases, body is the recommended setting for maximum compatibility.

Click through popup

When enabled, clicks on empty or transparent areas of the popup canvas will "pass through" to the elements underneath. This is ideal for subtle corner popups or bars that shouldn't block the rest of your site's interaction.

Close Button Customization

By default, Creative Popup provides a standard close button, but you can customize or replace it entirely.

Show close button

Toggle the default "X" button on or off. If disabled, make sure to provide an alternative way for users to close the popup (such as clicking the overlay or creating a custom close button in the Live Editor).

Close button custom CSS

Enter custom CSS properties to style the built-in close button. For example, to adjust its position and styling, you might enter: left: auto; right: 10px; border: 1px solid #fff;