Show Contact Form 7 response messages in a clean, accessible popup modal.

dudaster

PopupReply for Contact Form 7 turns standard Contact Form 7 response messages into elegant, accessible modal popups that visitors cannot miss.
By default, Contact Form 7 prints its response message inside the form, where it is easy to miss, often appears below the fold, and is styled inconsistently by the theme. PopupReply replaces that experience with a clear, modern popup — without writing a single line of code.
Tested with WordPress 7
PopupReply has been tested with WordPress 7.0 and the latest Contact Form 7 release. It uses no deprecated APIs and is ready for the current WordPress core.
What it does
<ul>
<li>Displays Contact Form 7 success, validation, error and spam messages in a popup modal.</li>
<li>Uses the actual message returned by Contact Form 7 — nothing is hardcoded, so it respects whatever you configured under the form’s Messages tab.</li>
<li>Works with the modern Contact Form 7 events: <code>wpcf7mailsent</code>, <code>wpcf7invalid</code>, <code>wpcf7mailfailed</code> and <code>wpcf7spam</code>.</li>
<li>Reuses a single modal for every response type, so there is no markup bloat on the page.</li>
<li>De-duplicates rapid repeat events, so a single submission never opens the popup twice.</li>
</ul>
No more Colorbox
This version is a full rewrite. It no longer uses Colorbox and no longer depends on the Lightbox Plus Colorbox plugin. The modal is built with plain, dependency-free JavaScript — no jQuery, no external libraries and no CDN assets. Everything is served from your own site.
Accessible by design
The popup is a proper dialog: <code>role="dialog"</code>, <code>aria-modal</code>, labelled and described for screen readers, with a focus trap, focus restored to the previously focused element on close, ESC support and an accessible close button. If you turn off every other way to close it, an OK button is shown automatically so the dialog can never trap the user.
Global settings
A global settings page under Settings → PopupReply lets you control:
<ul>
<li>Enable or disable PopupReply site-wide.</li>
<li>Which responses open a popup — all responses, success only, or errors only.</li>
<li>Whether the original inline Contact Form 7 response also stays visible under the form.</li>
<li>Close behaviour — close button, ESC key, click on the overlay, and optional auto-close with a configurable delay in seconds.</li>
<li>Popup size — small, medium or large.</li>
<li>Popup style — Clean, Rounded, Minimal or System.</li>
<li>Disable the plugin CSS entirely, so you can style the modal yourself.</li>
<li>Debug mode, which logs popup activity to the browser console.</li>
</ul>
Per-form settings
A PopupReply panel inside every Contact Form 7 form editor lets each form override the global behaviour:
<ul>
<li>Use global settings, disable PopupReply for that form, enable it only for success messages, or enable it for all responses.</li>
<li>Custom popup titles for success, error, validation and spam responses.</li>
<li>A custom success message that replaces the Contact Form 7 message inside the popup.</li>
<li>A custom CSS class added to the popup for that form only.</li>
</ul>
Lightweight and self-contained
No jQuery, no Colorbox, no external libraries, no CDN requests and no tracking. The plugin stays safely inactive if Contact Form 7 is not installed and never causes PHP errors.

Alternatives to PopupReply for Contact Form 7

Top alternatives