MARKETPLACE
PLUGINS
POPUP REPOSITIONER
Popup Repositioner logo

Popup Repositioner

Published March 2023
   •    Updated this week

Plugin details

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.


Key Features

✅ Control individual popups or all popups on the page
✅ Choose from 9 common positioning presets
✅ Includes 2 additional fullscreen positions: standard and dynamic (for better responsiveness on mobile devices)
✅ Allows you to set  custom offsets (top, bottom, left, right) to refine placement for any position other than fullscreen
✅ Gain complete control over the page scrollbar when using fullscreen positions

*The Demo Preview includes the full documentation and examples to help you get set up correctly.



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.

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.

$24

One time  •  Or  $8/mo

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

Platform

Web

Contributor details

Galde C. Silvestre logo
Galde C. Silvestre
Joined 2021   •   9 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