Dynamic Popup & Fly-out plugin

Dynamic popup-fly-out plugin

Dynamic Popup & Fly-out plugin for WordPress – Gutenberg and full site editing

Do you need to create good, fast en stable popups (modals) or fly-outs, or side-modals? The Dynamic Popup & Fly-out plugin is created by a WordPress site designer!

Can’t find a decent fly-out or popup block, or you would rather not use a builder plugin?

We have been there. Every so often you create a website that doesn’t need a bulky, overdone or expensive builder. Or you already have one and it doesn’t meet your needs. That’s why we created the Dynamic Popup & Fly-out plugin. Easy, versatile and professional.

Missing in many builders

Even blockbuilders like Stackable, GutenKit, PostX, Nexter, aBlocks and Twentig don’t have this essential functionality.

Dynamic Popup & Fly-outplugin

It’s a modal with full popup and fly-out functionality, and internally it gives you the options like a column: just place inside whatever you want. And importantly, you can use any element as a trigger with a .class or #ID.

Examples of Dynamic Popup & Fly-out

Dynamic Popup & Fly-out FAQs

Dynamic Popup & Fly-out

Conclusion: good choice

  • Activation on 5 websites
  • Modals en popups
  • Fly-out
  • Every element can be a trigger (open / close)
  • Works with .classes and #anchors
  • Auto-open delay (can be combined with a trigger)
  • Responsive
  • Custom backdrop
  • Use any block in the modal
  • Super fast plugin — not bloated
  • Perfect balance of features and simplicity
  • jQuery free, no external requests
  • Only ~2,9 KB
  • Interested in more plugins and receive a 50% discount? Take a look at our All-in plan.
14-Days-Money-Back

Dynamic Popup & Fly-out

Conclusion: excellent choice

  • Activation on 25 websites
  • Modals en popups
  • Fly-out
  • Every element can be a trigger (open / close)
  • Works with .classes and #anchors
  • Auto-open delay (can be combined with a trigger)
  • Responsive
  • Custom backdrop
  • Use any block in the modal
  • Super fast plugin — not bloated
  • Perfect balance of features and simplicity
  • jQuery free, no external requests
  • Only ~2,9 KB
  • Interested in more plugins and receive a 50% discount? Take a look at our All-in plan.
14-Days-Money-Back

All-in plugin pack

Conclusion: the best choice

  • Activation on 25 websites
  • Perfect with Gutenberg, Stackable, GenerateBlocks, Greenshift, GutenKit and more
  • All plugins are for classic and FSE themes, except FSE Template Assigner

Select 5 or more plugins

  • Dynamic OSM Maps
  • Dynamic Popup & Flyout
  • Dynamic Accordion
  • Dynamic Video Player
  • Flexible Layout Section
  • FSE Template Assigner

Discount:

  • Add plugins totaling at least $245 and apply the 50% discount coupon (ALL-IN-PLAN) for half off.
14-Days-Money-Back

Test our Dynamic Popup & Fly-out plugin

The plugin has a free test mode

  • The plugin shows the possibilities — popup, flyout, placement, trigger, and styling are all active.
  • In the backend, you can add all the blocks you want.
  • The front end has fixed content.

Popups

  • Any size popup or modal
  • Center top, bottom, center; anything you want
  • Totally responsive with width settings for desktop, tablet, and mobile
  • Width and height in px, % or auto
  • Background setting
  • Any trigger (.class or ID #whatyouwant) so you can use a button, text, column, or place a trigger in the menu
  • The code is placed in the footer; it is more stable especially in classic themes.
  • Backdrop with custom color and opacity and even a subtle blur effect
  • Exit with a button, escape, click on the backdrop (outside of the modal) or the same trigger.
  • The exit button has the following settings: top left, top right and hide.
  • You can use any block in the popup (core and other Gutenberg builders)
  • Switch the popup on / off

Fly-out or side-modal

  • Any size fly-out or side-modal
  • left or right
  • Totally responsive with width settings for desktop, tablet, and mobile
  • Width and height in px, % or auto
  • Background
  • Any trigger (.class or #whatyouwant) so you can use a button, text, column, or place a trigger in the menu
  • The code is placed in the footer; it is more stable especially in classic themes.
  • Backdrop with custom color and opacity and even a subtle blur effect
  • Exit with a button, escape, click on the backdrop (outside of the modal) or the same trigger.
  • The exit button has the following settings: top left, top right and hide.
  • You can use any block in the fly-out (core and other Gutenberg builders)
  • Switch the flyout on / off

Target by ID

  • You can apply general CSS; this modifies all modals (pop-ups, fly-outs, etc.) at once.
  • You can also target each modal individually. For this, you require the modal ID.
  • For each modal, the ID is listed in the block settings, ready for use.

Registered custom post types

  • This means you can view, create, manage, enable and disable, customize, duplicate, and delete all pop-ups and flyouts in one location.
  • In the newest version you don’t need to use the popup-block anymore; all properties and assignments are hidden in the metabox below the popup or flyout you are editing.

Cache plugins

  • The plugin is built in such a way that no exceptions for scripts and URLs are required for commonly used cache plugins, such as LiteSpeed, WPCompress, and FlyingPress. The plugin takes into account placed blocks such as video players and maps.

Documentation

  • The plugin has extensive documentation.
  • Including a step-by-step manual.

Speed-impact / size

The plugin loads only on pages with a Dynamic Popup & Fly-out assigned (with trigger enabled). No block → no extra assets.

AssetUnminifiedGzip (typical compression)
frontend.js6,1 KB~1,8 KB
frontend.css4,6 KB~1,1 KB
Total~10,7 KB~2,9 KB

Practical: very lightweight (compressed only ~2,9 KB). No jQuery, no external requests. The script is located in the footer and only initializes after DOMContentLoaded. On pages without a modal: 0 KB extra.

License

  • You are allowed to use the plugin on a maximum of websites, according to the purchased license.
  • Always deactivate a license on an unused website; otherwise the key slot remains occupied.
  • It’s a one-time payment; no yearly costs.
  • You can check your available slots at: https://server.wpinsight.eu/validate-key/