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’

mceclip2.png

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.

ezgif.com-gif-maker__2_.gif

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

mceclip3.png

 

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.

ezgif.com-gif-maker__4_.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 on the right, where you will find the ‘Animation’.

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

ezgif.com-gif-maker__5_.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