WP Popups

The most complete WordPress popup builder plugin

You are here: Home / Docs / Different WP Popups Display Positions & How to Set Position

Different WP Popups Display Positions & How to Set Position

To control the location of your popups, WP Popups includes a number of different display positions to help you create different types of popups like:

  • Modal popups
  • Full-screen fillers
  • Notification bars
  • Slide-ins

In this article, you’ll learn about the different WP Popups display positions and how to set the display position for your popup.

Full List of WP Popups Display Positions

In total, WP Popups offers 13 different display positions, though some of these choices are variants on the same basic popup type.

Here are the main categories of display positions:

  • Centered – a centered, lightbox popup. The “standard” popup choice that is widely used.
  • Notification bar – a bar at the top or bottom of your site.
  • Full Screen – the popup takes up the entire visible viewport. Also known as a screen filler.
  • Float – the popup is vertically centered but aligned to the right or left.
  • Sticky – display a sticky button on the left or right that opens the popup when clicked.
  • Corner – display the popup in any corner of the screen
  • After Post Content – the popup will display inline in your page below the content in the WordPress editor.

Here are examples of the main WP Popups display positions using the default Twenty Twenty WordPress theme.

Centered

The popup will be vertically and horizontally aligned in the center of the screen.

Position option names:

  • Centered

Notification Bar

You can display a notification bar at the top or bottom of the screen.

Position option names:

  • Top Bar
  • Bottom Bar

Full Screen

The popup will take up the entire visible viewport.

Position option names:

  • Full Screen

Float

The popup will be vertically centered but aligned to one side of the screen.

Position option names:

  • Float Left
  • Float Right

Sticky

When your popup triggers, visitors will see a small button in either the bottom-right or bottom-left corner of your site. When a visitor clicks the button, it will expand the popup in that location.

Position option names:

  • Sticky Left
  • Sticky Right

Here’s what it looks like on the initial page load:

And here’s what it looks like after a visitor clicks on the sticky button:

Corner

You can display the popup in any corner of the screen. These are sometimes called “slide-ins”.

Position option names:

  • Top Right
  • Top Left
  • Bottom Right
  • Bottom Left

After Post Content

The popup will appear inline with the rest of your content, but is still dismissable according to your close button settings. It displays below the content that you add to the WordPress editor.

Position option names:

  • After Post Content

How to Choose WP Popups Display Position

To set the display position for your popup, create a new popup or open the template builder for an existing popup that you want to edit.

Then, click on the Appearance tab and expand the Popup Position settings. You can then use the drop-down to choose your desired position:

To change the size of your popup at that position (height, width, and padding), you can open the Popup Box settings:

For additional changes to the design of your popup, learn how to customize a popup’s appearance and/or add custom CSS.