Ultimate Floating Widgets – Make popup sidebars

外掛說明

Ultimate floating widgets plugin allows you to add floating widgets to your site. If your theme does not have a sidebar or wish not to have a sidebar but still have widgets then with this plugin you can add a floating sidebar with widgets in it.

This sidebar/widgets (widget box) will be in a collapsed state and users can expand it by clicking on a floating button. There are different types and positions for the widget box like “popup bubble” and “Flyout”

View live demo

🚀 Make Widgets Popup

  1. Create a floating sidebar (widget box)
  2. Configure it as a “Popup bubble” or a “Flyout” sidebar from plugin settings page.
  3. Add your WordPress widgets to it.
  4. Voila !
  5. You have your favorite widgets floating/sticking to the page corner/sides which users can click and open.

✨ Features

Ultimate Floating Widgets is a unique plugin helping users to place widgets in floating sidebars/widget boxes. It has below features using which you can utilize the power of widgets on any theme, with or without a sidebar !

  • Display widgets in Popup/Flyout
  • Add any number of widgets to the popup.
  • Minimize and open widget boxes with a button.
  • Unlimited number of popups.
  • Multiple triggers to open the floating sidebar.
  • Show the floating widget box in 4 corner positions.
  • Saves the popup open and closed state using cookies.
  • Customize with colors, size, icons, styles and more.
  • Options to hide the widget box in posts, pages, mobile devices.
  • Mobile ready and responsive
  • Automatic open/close on scrolling the page.
  • Supports all themes.

🎲 Use cases

You can use Ultimate floating widgets plugin for multiple purposes using the power of widgets. Some ideas and use cases are mentioned below,

  • A sticky contact form widget added to the corner of the page.
  • A floating feedback form widget.
  • Floating widgets like search box, gallery, recent posts.
  • Instagram/Facebook/Twitter/any social based widget can be added as a floating popup to the corner of the page.
  • Literally any widget you would like to stay everywhere !

💎 PRO version

There is a PRO version where below advanced features are available to further enhance the popup widget experience.

  • Multiple columns – With multiple columns feature you can add widgets to multiple columns inside one widget box

  • On show and idle animation – Add an animation to the button when it is loaded on the page or when it is in idle state to grab user attention.

  • Advanced location rules – Create custom complex rules to insert the widget box only in specific pages as required

  • Visitor conditions – Target users based on conditions like referrer, browser, OS, device type, user login status, user role, number of times user has visited the site, number of times user has logged in and more !

More informationLive demo

Links

Note: The plugin uses font-awesome icon font library to use as icons inside the buttons. You can also use custom image as icon.

螢幕擷圖

  • Sidebar widgets in a Popup bubble.
  • Widgets in a flyout type sidebar.
  • Multiple popup bubble sidebars.
  • Multiple popup bubble sidebars placed in the corners of the page.
  • List of widget boxes created.
  • Widget box edit page.
  • All supported widget box settings.
  • Widgets placed in a floating sidebar.

安裝方式

  1. Extract the zipped file and upload the folder Ultimate floating widgets to to /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Open the admin page from the “Ultimate floating widgets” link in the navigation menu.

常見問題集

Can I add multiple floating widgets in a single page ?

Yes ! You can create multiple widget boxes and add your widgets to it and they will all be available in a single page with separate buttons to open each.

Does it work in all themes ?

Yes. The floating widgets use the same structure/style as used by your theme. So if your theme sidebar is made as a floating popup.

Can I show the widget box in the center of the page ?

No, that is not possible. Right now the widget boxes can be placed near the corners or to the sides of the window. You could use custom CSS (with flyout mode) to achieve the same but support for that would be beyond the scope of the plugin.

Are widget boxes mobile responsive ?

Yes, widget boxes are responsive to small screens. Even if you provide a larger width/height for the widget box when the screen size is less than 600px then widget box will automatically switch to full screen mode.

How to hide the widget on mobile devices ?

In Ultimate floating widgets settings page, go to the edit page of the widget box and switch to “Location rules” tab. Under this section select “On mobile devices alone”.

How to add custom CSS to alter the design of the popup/widget box ?

In widget box edit page, scroll down to “Widget template settings” and click to expand the section. In that section under “Additional CSS” option you can provide your custom CSS.

Please visit the plugin documentation page for complete list of FAQs.

使用者評論

2024 年 9 月 11 日
The plugin is excellent, since it allows me to deliver the best possible user navigation in a complex Learndash online course environment on mobile devices. In my case, it allows to have the course topic structure/navigation, which on larger screens is displayed as a sidebar to be opened and closed as a floating layer on smaller screens, so that course navigation is easily accessible without much scrolling.Aakash, the developer of Ultimate Floating Widgets, is really helpful, when question arise. His support is superb, too. When I encountered a theme update which had a bug with page-type output and thus interfered with the functionality of the plugin, he found the cause and created a workaround tweak, even though the bug was in the (well-known and widespread) theme, so he was not responsible for the solution. I’m grateful for his excellent support.
2024 年 4 月 6 日 1 則留言
Excellent plugin and excellent support. Highly recommended
2024 年 3 月 13 日 1 則留言
Finally a plugin that does the job properly! Simple to use, very intuitive, light and works great. I had to contact the support for a thing related to my personal preferences and Aakash was very helpful providing me the solution in no time. Absolutely Recommended! Thank you for the great work!
2024 年 2 月 28 日
Top notch! Honestly, I just needed like a floating newsletter signup bubble with a few fields, that wasn’t fugly, and this did it. Tried like two other highly rated plugins but they wanted shmoneyyy – For what I needed, this was simple to use. I am excited about the future potential, too! Great plugin!
閱讀全部 13 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Ultimate Floating Widgets – Make popup sidebars〉的開發相關工作。

參與者

變更記錄

2.9

  • New: Option to set image as icon for the close button.
  • Fix: Auto close on timer does not work on page load.
  • Fix: Updated fontawesome version.
  • Fix: Fontawesome icon search URL link in the admin page.
  • Fix: Adjustments to button icon and text padding.

2.8

  • Fix: Support for gradient background colors in buttons.
  • Fix: Dedicated close button in popup is visible on small screens.
  • Fix: Invalid CSS value for close button.
  • Fix: Button has fade in effect when auto shown.
  • Fix: External close button is hidden when flyout popup is in open state.

2.7

  • New: Widget box animates when it is opened automatically.
  • Fix: Widget box saved state not working when save duration is set to 0.
  • Fix: Button icon is now aligned correctly in the center.
  • Fix: Button with icon and text was not aligned properly.

2.6

  • Fix: “Hide in pages” option hides the widget in the front page.
  • Fix: Button flashes on page load when it is displayed on scroll.

2.5

  • Fix: Initial state on mobile option not getting saved.
  • Fix: Additional CSS was not inserted correctly.

2.4

  • Fix: Enhancements to input and output data sanitization.

2.3

  • New: Feature to save open or closed state of the widget box using cookies.
  • Fix: Minor enhancements to admin form fields.

2.2

  • New: Set different initial states for desktop and mobile.
  • New: Verifying device type is not affected by caching plugins.
  • New: Shortcodes are now supported in button texts.
  • New: Widget settings can be tweaked using WordPress filters hook.
  • Fix: Widget box was not fully scrollable when title is set.
  • Fix: Minor rearrangements to admin form fields.

2.1

  • New: Dedicated close button for the widget box.
  • New: Option to automatically close widget box after some time.
  • New: Enhancements to fields in admin settings.
  • New: Widget box does not open automatically when it is closed manually.
  • Fix: Support for WordPress 5.8

2.0

  • New: Initial version