Some things don’t belong on the page until they’re asked for
A sign-up form, a short announcement, the full details behind a thumbnail — useful, but not things you want cluttering the page all the time. Left inline they push everything down; the usual fix is a pop-up plugin, or a snippet of JavaScript you copy from somewhere and hope keeps working.
The Modal block keeps that content tucked away until a visitor asks for it. Pick what opens the dialog, drop whatever blocks you want inside it, and it stays hidden behind a trigger until clicked.
Setting one up takes a moment. Choose the trigger, build the pop-up’s contents like any other part of the page, and pick how it closes — all from the panel on the right. No CSS, no scripts, nothing to remember.
See the Modal block in action
Each demo below is the same block with a different trigger. Click any of them — the dialog opens right over this page.
Opened by a button. The classic pill button opens a dialog — here a small sign-up sits inside it.
Opened by a text link. A plain underlined link opens the same kind of dialog, so it blends into a sentence.
Opened by an image. The trigger is a thumbnail — click it and the detail opens over the page.
Opened by an icon, shown once per visitor. A small icon opens a welcome note that steps aside after the first view.
Ready to add your first pop-up?
The Modal block ships with Flexa Block. Install the free plugin and it’s waiting in your editor the next time you build a page.
