MARKETPLACE
PLUGINS
POPUP POSITION CUSTOMIZER
Popup Position Customizer logo

Popup Position Customizer

Published November 2024
   •    Updated March 2026

Plugin details

This Bubble plugin empowers you to take control of your popup placement. By specifying the ID of any Popup element on your page, you can precisely position popups wherever you desire. Perfect for fine-tuning your UI and creating a more engaging user experience.


 

$4

One time  •  Or  $2/mo

5.0 stars   •   1 ratings
73 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCode Monster logo
NoCode Monster
Joined 2024   •   10 Plugins
View contributor profile

Instructions

How to use

Preparation: Enable ID Attributes
Before you begin, make sure that the option to input ID attributes is enabled
  1. Open the Settings panel by clicking the gear icon in the left sidebar.
  2. Navigate to the General tab.
  3. Scroll to the bottom and check the box for Expose the option to add an ID attribute to HTML elements.


Setting Up the Popup and Assigning an ID
Go to the Design tab and place a popup element on your page.

 
In the popup’s Appearance tab, scroll down to find the ID Attribute field.
Enter a unique ID for the popup (make sure it doesn’t conflict with other element IDs). For this example, we’ll use popup-A.

 

Adding the Plugin Element
Place the Popup Position element on your page.
Do not hide this element or place it inside a hidden group. It needs to remain visible for proper functionality.


Adjusting the Popup Position
After adding the plugin element, configure the popup’s position settings as follows:

  • ID
  • Enter the ID you assigned to the popup (e.g., popup-A).
  • Vertical Position Choose the vertical alignment of the popup: TopCenter, or Bottom.
  • Vertical Offset Adjust the vertical position by entering a value in pixels (px).
    • Positive values move the popup down.
    • Negative values move the popup up.
  • Horizontal Position Choose the horizontal alignment of the popup: LeftCenter, or Right.
  • Horizontal Offset Adjust the horizontal position by entering a value in pixels (px).
    • Positive values move the popup to the right.
    • Negative values move the popup to the left.

Final Steps
That’s it! You’ve completed the setup. Now test your popup to ensure it appears in the desired position.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Data (things)   •   Containers   •   Small Business   •   Analytics   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

It works
November 28th, 2024
Bubble