Setting up Demfilz Modal Popups

What this plugin does

Demfilz Modal Popups lets you build a polished, on-brand modal popup entirely from the WordPress admin, with a live preview that updates as you change each design option. Use it to grow your newsletter, announce a sale, highlight a lead magnet, show a cookie or age notice, or point visitors to your most important page. Everything is managed on one screen with two tabs: Design and Behaviour & Display.

Step 1 — Install & activate

• Download the plugin .zip (v1.0.1).
• In WordPress admin, go to Plugins → Add New → Upload Plugin.
• Choose the .zip, click Install Now, then Activate.
• Open Modal Popups in the admin menu.

Step 2 — Design the popup

On the Design tab, build your content and watch the live preview pane update as you go:

• Heading and body text — basic, safe HTML (links, bold, italics, lists, line breaks) is allowed and sanitised on save. The body also accepts shortcodes, so you can embed a form (see the note below).
• Call-to-action button — button text plus its own link.
• Image (optional) — choose one from the Media Library.
• Colours — pickers for the background, text, heading, button, button text and the page overlay, plus overlay opacity.
• Font — five built-in font styles, all system fonts (no external or Google Font requests).
• Layout — position (centre, top or bottom), width, corner radius, padding and text alignment.
• Entrance animation — zoom, fade, slide up, slide down or none.

Step 3 — Behaviour & Display

Switch to the Behaviour & Display tab (your unsaved Design edits are kept — both tabs share one form):

• Trigger — on page load, after a time delay, after scrolling a set percentage, on exit intent (mouse leaves the window), or when a button/link is clicked (enter a CSS selector).
• Frequency — every visit, once per session, or once every X days. This is remembered in the visitor's browser (sessionStorage / localStorage) — no cookies are set on the server.
• Auto-close (optional) — close the popup automatically after a chosen number of seconds.
• Close options — close button, click-the-overlay-to-close, and press-Escape-to-close.
• Where it shows — all pages, the front page only, all posts, all pages, or a custom list of post/page IDs; you can also exclude specific IDs.
• Who sees it — everyone, logged-in users only, or logged-out visitors only.

Step 4 — Enable & test

• Tick Enable popup and save.
• Visit a page the popup targets to see it live.
• If you chose “once per session” or “once every X days”, the popup remembers it has shown in that browser — re-test in a private/incognito window to see it again.

Open the popup from a button or link

Besides the automatic triggers, you can open the popup on demand from anywhere on the page:

[modal_popup_button text="Open the popup"]

text	The button label. [modal_popup_button text="Get 10% off"]

Two more options, no shortcode needed:

• Give any element the class dmp-open — clicking it opens the popup.
• Set the trigger to “Button / link click” and point it at any CSS selector (for example a menu link).

FAQ & troubleshooting