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 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

When you are in the editor, select 'Type' and 'Mode'. Your animation will appear on your popup, so you can play around a bit with it and decide which one you like.

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 

In the ‘Layout’ - ‘Frame’ section 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

The ‘Frame’ general settings will allow you to 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 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