MARKETPLACE
PLUGINS
NWD POPUP REPOSITIONER
NWD Popup Repositioner logo

NWD Popup Repositioner

Published March 2023
   •    Updated today

Plugin details

NWD Popup Repositioner allows you to reposition any popup in 9 standard predefined positions, plus 2 additional fullscreen positions. In fullscreen positions, you also get full control over the page scrollbar and can use dynamic fullscreen positioning, allowing the popup to automatically adapt to the visible screen area, improving responsiveness and usability on mobile devices.
This plugin is maintained by GCS Studios and is part of the NWD UI - Enhancer family, plugins that add behavior an element did not have, without replacing it. Each one attaches to something already on your page, such as a group, a popup, a repeating group, a button or an input, and changes how it responds, with no layout to redo, and is tested in real applications before release. See more plugins on the GCS Studios contributor page.






Key Features

Precise Positioning
✅ 9 positioning presets covering every corner, edge and the center of the screen
✅ Target a single popup by id, or every popup on the page at once
✅ Custom offsets (top, bottom, left, right) to refine placement on any non-fullscreen position
✅ Works directly with Bubble's native popup elements, without replacing them or breaking existing workflows

Fullscreen and Responsiveness
✅ 2 fullscreen positions: standard, and dynamic for better behavior on mobile devices
✅ Dynamic fullscreen adapts the popup to the visible screen area, which is what changes when the mobile browser bar appears and disappears
✅ Complete control over the page scrollbar while a fullscreen popup is open
✅ No workflows required: place the element, point it at the popup and the positioning is applied

Reliable & Production-Ready
✅ Built with lightweight CSS and JavaScript for fast, reliable performance
✅ Designed around practical use cases and real Bubble development needs
✅ Tested in real-world applications before being released publicly
✅ Created to extend Bubble with functionality and customization beyond what native Bubble elements typically offer



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Explore Our Other Plugins
Check out our complete collection of plugins, including elements, inputs, client-side actions, server-side actions, and APIs. Built to extend native capabilities or introduce new features, based on real-world applications.



Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.

$18

One time  •  Or  $6/mo

stars   •   0 ratings
112 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

GCS Studios logo
GCS Studios
Joined 2021   •   20 Plugins
View contributor profile

Instructions

Basically, all plugin properties have a detailed description within the plugin element itself. But in short, follow the steps below and check the documentation for more information.

1️⃣ 𝗘𝗻𝗮𝗯𝗹𝗲 𝘁𝗵𝗲 𝗼𝗽𝘁𝗶𝗼𝗻 𝘁𝗼 𝘀𝗲𝘁 𝗮𝗻 𝗜𝗗
In the Bubble editor, go to the tab "Settings > General > Advanced options" and check the box "Expose the option to add an ID attribute to HTML elements".

2️⃣ 𝗜𝗱𝗲𝗻𝘁𝗶𝗳𝘆 𝘁𝗵𝗲 𝘁𝗮𝗿𝗴𝗲𝘁 𝗲𝗹𝗲𝗺𝗲𝗻𝘁
Choose from all popups or a specific popup. If you choose a specific popup, set an ID for it.

❗Note: To prevent compatibility issues, avoid starting IDs with numbers or symbols. Start with letters and use hyphens or underscores if needed.

3️⃣ 𝗜𝗻𝘀𝗲𝗿𝘁 𝘁𝗵𝗲 𝗽𝗹𝘂𝗴𝗶𝗻 𝗲𝗹𝗲𝗺𝗲𝗻𝘁 𝗮𝗻𝘆𝘄𝗵𝗲𝗿𝗲 𝗼𝗻 𝘁𝗵𝗲 𝗽𝗮𝗴𝗲
Insert the plugin element anywhere on the page and ensure it is always visible.

❗Note: In Bubble, any element-type plugin must be visible to work properly.

4️⃣ 𝗣𝗿𝗼𝘃𝗶𝗱𝗲 𝘁𝗵𝗲 𝗜𝗗 𝗮𝗻𝗱 𝘀𝗲𝘁 𝘁𝗵𝗲 𝗽𝗹𝘂𝗴𝗶𝗻 𝗽𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀 𝗮𝘀 𝗱𝗲𝘀𝗶𝗿𝗲𝗱
In the plugin element, provide the ID assigned to the target element (in step 2), if applicable, and set the other plugin properties according to your needs.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Containers   •   Productivity   •   Calendar   •   Media   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble