Skip to content
  • There are no suggestions because the search field is empty.

How to change the position of your website pop-up in 3 simple steps?

Pop-ups are an effective way to communicate with visitors, but the wrong placement can clash with your page design. By tailoring where your pop-up sits on screen, you can deliver timely messages without disrupting the browsing experience.

 

Step #1. Open the position settings in the content editor

When editing your pop-up within the content editor, click on "Pop-up" in the left navigation bar and scroll across to the "Position" option. The default position setting is set to "Center". Click "Preview" to see how the pop-up looks in this default placement.

pop-up-position-1

pop-up-position-2

Step #2. Select your preferred display location

Choose a new position from the available options, such as "Bottom-right", depending on your design preferences. After selecting your desired location, click "Preview" once more to view how the pop-up repositions itself across your screen.

pop-up-position-3

 

Step #3. Adjust the edge off-set distance

Add a custom off-set to define the exact distance between the pop-up and the edge or corner of the screen. Adding off-set ensures corner-positioned pop-ups appear further away from the window boundary, providing balanced spacing and a clean layout.

pop-up-position-4