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"]Notes
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.