Animation effects

One of the easiest ways to make your message outstanding to your customers is to use creative eye-catchy animations that arouse interest. You can add animation effects to the Overlay part of your popups and to the Teasers.

To add animation to your popups, take the following steps: 

  1. Log in to your OptiMonk account
  2. Select ‘Campaigns’ on the left
  3. Select a campaign you wish to edit or ‘Create a new campaign’ 
  4. You can set up animations in the 'Campaign Editor'

Overlay animation 

To add animation to the overlay part of your popup, click on ‘Display’ - ‘Website overlay’


After that, please select 'Type' and 'Mode' under 'Overlay animation'. Your animation will appear on your popup, so you can play around a bit with it and decide which one you like.

If you click on ‘Page’, you can set up on which pages of your popup should the animation appear.mceclip0.png


Display animation

If you'd like to use an animation while the popup is displayed, click on 'Transition' under 'Display'.



Here you can set up how you would like the popup to appear on your visitors’ screen. You can select 'Zoom' and 'Fade' from the drop-down list.


Teaser animation 

To set up an animation for the ‘Teaser’, select the Teaser page in the Campaign Editor, and look for the ‘Style’ menu on the right, where you will find the ‘Animation’.


By clicking on the ‘Attention seeker’, you can find the animation types in the drop-down list. You can even set up the attention seeker frequency.

The only thing left to do is select the one you like the most and save the changes.

That's it! :) If you have any further questions or need any help, please contact us at, and we would be happy to assist you :)

Have more questions? Submit a request