Heads up! SES Pro is retiring. All plugin documentation will remain online for reference purposes. Learn more »

SES Pro makes it easy to give any form a slick “slide-in” effect, so that it slides up from the bottom of the screen after a specified amount of time. This tutorial explains how to do it in one step.

Make any form slide into view

To enable a delayed slide-in effect to any form. Add the enable_slide attribute to the form shortcode, like so:

[ses_pro enable_slide="300,3000"]


Although it’s simple to implement a delayed slide-in effect for any form, there are a few things worth knowing about:

Width Value

The first number refers to the width of the form, which can be determined by visiting the Form Styles screen. Select a form, click “Style”, and look for .ses-pro { width: 300px; ... }. Use the value of the width property for the first number.

Delay Value

The second number refers to the delay interval, or the amount of time (in milliseconds) that should pass before the form “slides in”. You can experiment with this number to find a suitable delay interval.

Default Closing

Note that the popup will close automatically if the user clicks anywhere outside of it.