Opening Animation for popups

Opening Animation for popups

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.


    • Related Articles

    • Scheduling Popups

      Scheduling popups to appear at specific times is an effective way to target your audience and maximize engagement. Poper offers flexible scheduling options to help you achieve this. Follow these steps to schedule popups to appear at only certain ...
    • Duplicate Popups Across Workspaces/Domains

      Duplicating popups across different workspaces or domains in Poper allows you to efficiently replicate existing popups without the need to recreate them from scratch. Follow these steps to duplicate popups across workspaces/domains: How to Duplicate ...
    • How to Make Popups Rounded in Poper

      Creating a popup with rounded corners can give your popup a softer, more modern look. Here's how you can adjust the border radius to make popups rounded in Poper.ai: 1. Navigate to Your Popups: - Log in to your Poper.ai account. - From the dashboard, ...
    • How to create Age Verification Popups?

      Ensure compliance and protect your content with Age Verification Popups in Poper. Follow these steps to create and customize your Age Verification Popup: How to Create Age Verification Popups: Access Dashboard: Log in to your Poper dashboard and ...
    • How to show/hide popups on only homepage?

      Displaying popups exclusively on your homepage can be an effective way to engage visitors as soon as they land on your site. Follow these steps to show or hide popups specifically on your homepage using Poper: How to Show/Hide Popups on the Homepage: ...