Skip to main content
All CollectionsCampaignsStyling
How to place Popup at a Certain Position
How to place Popup at a Certain Position
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

Placing a Poper popup in a specific position on your webpage enhances user engagement and interaction with your content. Follow these steps to place your popup exactly where you want it:

Step 1: Access Popup

- Open the Poper dashboard and navigate to the list of popups.

- Click on the “+ New Popup” button or select an existing popup to edit.

Step 2: Start the Popup Creation Process

- If you're creating a new popup, you may be prompted with an AI-powered popup creation tool. Proceed with the popup creation by either typing in your requirements or selecting to start from scratch.

Step 3: Choose or Create Your Popup Design

- For new popups, choose a design template that fits your needs or create one from scratch. For existing popups, you will be taken to the editing screen.

Step 4: Locate the Position Settings

- In the popup design interface, look for a section labeled “Position” or an icon that represents positioning, which could be found in the side menu or as part of the popup design settings.

Step 5: Adjust the Position

- Within the position settings, you might find options to place your popup in various positions on the screen, such as center, top-right, bottom-left, etc.

- Some interfaces provide a visual representation where you can click on the position where you want the popup to appear.

- Adjust the position by selecting the preferred location or dragging a marker to the desired position on the screen layout.

Step 6: Customize Additional Settings

- You may also have options for animation, such as fade-in or slide-in effects that can be set in conjunction with the popup's position.

- Adjust the width and height sliders if necessary to ensure the popup fits nicely in the selected position.

Step 7: Preview and Save

- After positioning the popup, use the preview function to see how it will appear on your website.

- Once satisfied with the positioning, save your changes.

Step 8: Test on Your Site

- After saving, it's crucial to test the popup on your site to ensure it appears in the correct position across different devices and browsers.

The precise steps and interface layout may vary slightly depending on the version of the Poper platform you are using. Always check for tool tips or help icons if you're unsure of a feature's function during the process.

Did this answer your question?