Set up a pop-up animation
You can apply entrance and exit effects to your pop-up. Your animation will start automatically once the display conditions are met or when a user closes your pop-up.
You can customize the animation in the following scenarios:
| Entrance animation | The pop-up will appear with the selected effect once its display conditions are met. |
| Exit animation | The pop-up will disappear with the selected effect once a user closes it or clicks the button.
Elements with form submission buttons include Messaging app, Button, Pop-up flow, and Courses. |
You can choose from the following animation effects for every scenario:
| Slide in | The pop-up slides in from the edge of the screen with a motion effect. |
| Bounce | The pop-up appears with a short, bouncing motion, as if it jumps into place. |
| Fade in | The pop-up gradually becomes visible, fading in from full transparency. |
| Rotate in | The pop-up appears with a spinning motion, rotating into view. |
| Zoom in fast | The pop-up quickly zooms in from the center to full size. |
| Flip | The pop-up flips into view with a 3D rotation effect. |
| Zoom in | The pop-up smoothly scales up into view. |
| Push in | The pop-up slides onto the screen, pushing the surrounding space aside. |
You can also set a direction — choose which side of the screen the pop-up will appear from.
Click an effect name to preview the animation. To replay it, click the arrow icon.
Last Updated: 13.06.2025
or