Documentation

All the information you need in one place

How to Set Up Popup Animations in Nelio Popups

Nelio Popups makes it easy to catch visitor’s attention and increase conversions with animated effects. Draw your visitor’s eye to your popup by adding a unique animated effect when it appears on-screen.

In this article, you’ll learn how to add animations to any popup.

To add an animation to your popup, follow these steps:

  1. Go to Nelio Popups » All Popups and edit the one you want.
  2. In the editor sidebar, go to the Settings panel, and open the Style tab.

There you will find the Animation sections with several options.

Section of animations in the Style settings of your popup.
Section of animations in the Style settings of your popup.

You can choose not having any animation when the popup opens. Otherwise, there are several different animations for you to set.

List of animations for a popup.
List of animations for a popup.

Note that you can always preview your popup by clicking the Preview link on the top right corner. That is the best way to check the different animations in order to decide which one fits your needs.

After choosing an animation from the selector, you can customize the delay of the animation and its speed.

Settings to customize animation delay.
Settings to customize animation delay.
Settings to customize animation speed.
Settings to customize animation speed.

The delay of an animation is the lapse of time between the trigger decides to open the popup and the animation starts opening the popup.

In the same way, the animation speed controls the duration of the animation. You can select between five speed presets, from slower to faster.

Note that the same animation you choose is shown when the popup opens and also when it closes.

After setting the animation you want, save the popup and then it will open with that animation.