Skip to main content
All CollectionsCampaignsStyling
Opening Animation for popups
Opening Animation for popups
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

Creating an engaging user experience includes having dynamic interactions on your website. Adding an opening animation to your popups can capture attention and enhance user engagement. Here’s how you can set opening animations for your popups on Poper.ai:

Step 1: Access Your Dashboard

- Log into your Poper.ai account.

- Navigate to the main dashboard where you can view all your popups.

- To create a new popup, click on the “+ New Popup” button. If you wish to edit an existing popup, locate it on your dashboard and click on it.

Step 2: Selecting a Popup to Edit

- If you’re creating a new popup, use the AI by entering your requirements and clicking on “Create Popup,” or pick a template by clicking “Choose from Templates”.

- If you are editing an existing popup, skip to step 4.

Step 3: Choosing a Template

- Browse the selection of handcrafted templates provided by Poper.ai.

- Select the template that best suits your needs to proceed to the customization screen.

Step 4: Customize the Popup

- Once you’ve selected a template or are in the edit mode of an existing popup, you will be directed to the customization interface.

Step 5: Access Animation Settings

- In the customization panel, look for the “Opening Animation” setting. This is usually found under the "Global Settings" section.

Step 6: Select an Animation

- Click on the “Opening Animation” dropdown menu to reveal a list of animations.

- Choose an animation by clicking on it. You can preview the animations by clicking on them.

Step 7: Preview the Animation

- Once you select an animation, it should preview on the popup in the edit screen. This gives you a glimpse of how the popup will appear on your website.

Step 8: Save and Apply

- After choosing the desired animation, save your changes by clicking the “Next” button or any save command available.

- Ensure that you review the animation by previewing the popup on your website to see how it works in a live environment.

Step 9: Testing

- It’s always important to test the popup on your website after applying the animation to ensure it runs smoothly and does not interfere with the user experience.

By following these steps, you can set an attractive opening animation for your popups, making your website more interactive and potentially improving user engagement on Poper.ai.

Did this answer your question?