How to add animation effects to your OptiMonk popups?

With OptiMonk you can create popups with animations and display effects to make them more attention-grabbing. You can add animation effects to the Overlay part and the Background 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 on the left side. 

Overlay animation 

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

mceclip0.png

You can select the animation type by clicking on ‘Type’, and the animation mode by clicking on ‘Mode’. If you select the type and mode, you will see how they look on your popup on the right side of the screen. 

overlay_animation.gif

If you click ‘Page’, you can set up on which pages of your popup you want to apply the animation.

mceclip1.png


Animated display and background animation 

If you click on ‘Layout’ - ‘Frame’ in the ‘Campaign Editor’, you can add animation to the background of the popups, and here you will be able to select the display effects too. 

mceclip2.png

Display animation

In the ‘Frame’ general settings, you can set up how you would like the popup to appear on your visitors’ screen. You can select the animation type by clicking on ‘Animation’.

OM_Animation.gif

Background animation 

In the Frame general settings, by clicking on ‘Background animation’, you can add animation to the popup background. 


OM_background_animation.gif

 

Teaser animation 

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

mceclip3.png

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. 

OM_attention_seaker_animation.gif

The only thing left to do is to 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 support@optimonk.com, and we would be happy to assist you :)

Have more questions? Submit a request

Comments