Title: Message Popup For Contact Form 7 Author: howdytheme Published: September 19, 2022 Last modified: June 29, 2026 --- Search plugins ![](https://ps.w.org/message-popup-for-contact-form-7/assets/banner-772x250.png? rev=3475258) ![](https://ps.w.org/message-popup-for-contact-form-7/assets/icon-256x256.png?rev =3475258) # Message Popup For Contact Form 7 By [howdytheme](https://profiles.wordpress.org/howdytheme/) [Download](https://downloads.wordpress.org/plugin/message-popup-for-contact-form-7.zip) * [Details](https://wordpress.org/plugins/message-popup-for-contact-form-7/#description) * [Reviews](https://wordpress.org/plugins/message-popup-for-contact-form-7/#reviews) * [Installation](https://wordpress.org/plugins/message-popup-for-contact-form-7/#installation) * [Development](https://wordpress.org/plugins/message-popup-for-contact-form-7/#developers) [Support](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/) ## Description **Message Popup For Contact Form 7** replaces the default inline success message from Contact Form 7 with a stunning, fully branded popup notification. When a visitor submits your CF7 form, instead of a plain text confirmation they might easily miss, they are greeted with a bold, centered popup modal that clearly confirms their submission was received. Every visual detail of the success popup is configurable directly from the Contact Form 7 editor panel — no shortcodes, no custom CSS, and no coding required. Adjust popup size, colors, borders, button text, and set an auto-close timer — all from the WordPress admin. > **Requires Contact Form 7** to be installed and activated on your WordPress site. [📄 Documentation](https://topsmodule.com/how-to-show-message-popup-for-contact-form-7/) | [🔴 Live Demo](https://topsmodule.com/task/message-popup-for-contact-form-7/) | [⭐ Upgrade to Pro](https://topsmodule.com/product/message-popup-for-contact-form-7/) #### Why Replace the Default Contact Form 7 Message? The built-in Contact Form 7 success message appears inline — often below the fold— and blends quietly into the page. Many visitors never notice it, which creates confusion and may lead to duplicate form submissions. **Message Popup For Contact Form 7** solves this by displaying a prominent, centered popup the moment a form is submitted, so your users always know exactly what happened. #### Free Features **Success Popup Notification** * Enable or disable the success popup independently for each Contact Form 7 form on your site * Set a fully custom success message text to display in the popup — or fall back to CF7’s default confirmation message * Per- form popup configuration — assign unique success popup settings to different CF7 forms across your site **Popup Appearance & Styling** * **Popup Width** — Set the exact width of the popup modal (e.g. 478px) to fit your layout * **Popup Border Radius** — Round the popup corners to match your site’s design style (e.g. 5px) * **Popup Background Color**— Choose a custom background color for the popup modal * **Background Overlay Color**— Set the color and opacity of the overlay that appears behind the popup * **Popup Border Width** — Control the thickness of the popup border * **Popup Border Color**— Select a custom border color for the popup * **Popup Text Color** — Set the font color of the success message text inside the popup * **Button Background Color**— Customize the background color of the popup close/OK button **Popup Behavior** * **Custom Button Text** — Change the label of the popup close/ confirm button to any text you want (e.g. “Got it!”, “Thanks!”, “Close”) * **Auto- Hide Timer** — Set the popup to automatically close after a defined number of milliseconds( e.g. 5000 = 5 seconds) without requiring user interaction #### Pro Version Features Upgrade to **Message Popup For Contact Form 7 Pro** to unlock full control over the **failure/error popup** — shown when a form submission fails validation or the mail cannot be sent. [⭐ Get the Pro Version ](https://topsmodule.com/product/message-popup-for-contact-form-7/) **Failure Popup Notification** * **Enable Failure Message** — Toggle on a dedicated popup for failed or invalid CF7 form submissions, separate from the success popup*** Custom Failure Message Text** — Write a specific error message to guide users when their submission fails * **Failure Button Text** — Customize the label on the failure popup’s close/retry button independently from the success button **Failure Popup Appearance & Styling** * **Failure Popup Width** — Set the width of the failure popup independently from the success popup * **Failure Popup Border Radius** — Control the corner roundness of the failure popup * **Failure Popup Background Color** — Choose a distinct background color for the error popup (e.g. light red to signal an error) * **Failure Background Overlay Color** — Set a custom overlay color behind the failure popup * **Failure Popup Border Width** — Define the border thickness for the failure popup * **Failure Popup Border Color** — Select a custom border color for the error popup * **Failure Popup Text Color** — Set the text color inside the failure popup * **Failure Button Background Color** — Customize the close/ retry button color on the failure popup **Failure Popup Behavior** * **Failure Auto-Hide Timer** — Set the failure popup to automatically close after a specified duration (in milliseconds), separate from the success popup timer Pro license is **lifetime and valid for unlimited sites** — outstanding value for agencies and freelancers. #### Perfect For * Contact and enquiry forms where submission confirmation visibility is critical * Lead generation and landing page forms that need a professional thank-you response * Booking and appointment request forms * Event registration and RSVP forms * Support and help desk ticket submission forms * Any CF7 form where the default inline message is too easy to miss #### How It Works 1. Install and activate the plugin (Contact Form 7 must already be active). 2. Open any Contact Form 7 form in your WordPress admin — you will see a new **Popup Setting** tab. 3. Enable the success popup and configure your message, colors, borders, button text, and auto-hide timer. 4. Save the form. That’s it! When a visitor submits the form on the front end, the standard CF7 inline message is replaced by your fully styled popup modal, appearing centered on screen. #### What Users Are Saying > _“The plugin works perfectly. The support is very fast, efficient and helpful.”_— > markkim > _“Very good plugin, easy to configure.”_ — xoruna > _“This is a good plugin… Pro version is good value as it’s lifetime unlimited > sites.”_ — gregsloman ## Screenshots [⌊Popup Setting tab in the CF7 form editor — width, border radius, colours, button text, overlay, and auto-hide⌉⌊Popup Setting tab in the CF7 form editor — width, border radius, colours, button text, overlay, and auto-hide⌉[ Popup Setting tab in the CF7 form editor — width, border radius, colours, button text, overlay, and auto-hide [⌊Success popup — green checkmark with custom message and OK button after successful submission⌉⌊Success popup — green checkmark with custom message and OK button after successful submission⌉[ Success popup — green checkmark with custom message and OK button after successful submission ## Installation **From the WordPress Plugin Directory:** 1. Make sure **Contact Form 7** is installed and activated on your WordPress site. 2. In your WordPress dashboard, go to **Plugins > Add New**. 3. Search for **“Message Popup For Contact Form 7”** and click **Install Now**. 4. Click **Activate** after installation completes. 5. Open any Contact Form 7 form — navigate to the **Popup Setting** tab. 6. Enable the success popup, customize the appearance, and click **Save**. 7. Visit your site and submit the form to see the popup in action. **Manual Upload:** 1. Download the plugin ZIP file. 2. In your WordPress dashboard, go to **Plugins > Add New > Upload Plugin**. 3. Upload the ZIP and click **Install Now**, then **Activate**. 4. Follow steps 5–7 above. ## FAQ ### Does this plugin require Contact Form 7? Yes. Contact Form 7 must be installed and activated. This plugin extends CF7 and does not work independently. ### Where do I configure the popup settings? The settings appear as a **Popup Setting** tab inside the Contact Form 7 form editor. Go to **Contact > Contact Forms**, edit any form, and click the **Popup Setting** tab. ### Can I assign different popup styles to different Contact Form 7 forms? Yes. Each CF7 form has its own independent popup settings, so you can use a completely different popup design, message, and behavior for each form on your site. ### Can I customize the popup message text? Yes. You can enter a custom success message in the plugin settings. If you leave the field blank, the plugin falls back to displaying CF7’s own default confirmation message. ### Can I customize the button text on the popup? Yes — custom button text is included in the free version. Enter any label you want for the close/OK button (e.g. “OK”, “Got it!”, “Thanks!”). ### Can the popup close automatically after a few seconds? Yes — auto-hide with a custom timer is included in the free version. Enter a value in milliseconds (e.g. 5000 for 5 seconds) and the popup will close automatically after that delay. ### Does the free version support a popup for failed or invalid submissions? No. The failure/error popup — shown when form validation fails or the email cannot be sent — is a **Pro version** feature. [Upgrade here](https://topsmodule.com/product/message-popup-for-contact-form-7/). ### Is the popup mobile-friendly? Yes. The popup is fully responsive and adapts correctly to all screen sizes including smartphones, tablets, and desktops. ### Does the plugin slow down my website? No. Scripts and styles are lightweight and only loaded on pages that contain a Contact Form 7 form. ### Is the Pro version worth it? The Pro version is a one-time lifetime payment valid for unlimited sites. If you need a distinct, fully styled error popup for failed submissions in addition to the success popup, it is excellent value — especially for agencies managing multiple client sites. ### Where can I find documentation? Full setup and usage documentation is available at [topsmodule.com](https://topsmodule.com/how-to-show-message-popup-for-contact-form-7/). ## Reviews ![](https://secure.gravatar.com/avatar/e63aeb1b77000a751b2bfef99e0f53a369329fe976c6e66d716c8d3de900d37b? s=60&d=retro&r=g) ### 󠀁[Works well](https://wordpress.org/support/topic/works-well-3087/)󠁿 [gregsloman](https://profiles.wordpress.org/gregsloman/) August 13, 2025 This is a good plugin. My only quibble is that you can change the OK/Close button background color and the text label but not the text colour. Email support was quick( with Pro version) even though the support forum here on Wordpress.org has zero replies. The free version only allows you to enable the Success popup. You need the pro version to enable the error popup. Pro version is good value as it’s lifetime unlimited sites for $15. ![](https://secure.gravatar.com/avatar/582c7c80f7f08f5b75ac53a338149fe8a7df7f2910cba2093929729972fce9ff? s=60&d=retro&r=g) ### 󠀁[Good plugin](https://wordpress.org/support/topic/good-plugin-7020/)󠁿 [xoruna](https://profiles.wordpress.org/xoruna/) January 7, 2025 Very good plugin, easy to configure. It’s only missing one option to customize the pop-up title “Success”. ![](https://secure.gravatar.com/avatar/aa00f890a0ce01cf8b41f8b0d9b4e63a75997d275dbf179f2101ac3f7bfd8693? s=60&d=retro&r=g) ### 󠀁[Useful plugin](https://wordpress.org/support/topic/useful-plugin-963/)󠁿 [markkim](https://profiles.wordpress.org/markkim/) May 17, 2023 The plugin works perfectly. The support is very fast efficient and helpful. It is a good addition the any contact form and for the price I would recommend buying the pro version as it is correct to reward the developer for their work. [ Read all 3 reviews ](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/) ## Contributors & Developers “Message Popup For Contact Form 7” is open source software. The following people have contributed to this plugin. Contributors * [ howdytheme ](https://profiles.wordpress.org/howdytheme/) [Translate “Message Popup For Contact Form 7” into your language.](https://translate.wordpress.org/projects/wp-plugins/message-popup-for-contact-form-7) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/message-popup-for-contact-form-7/), check out the [SVN repository](https://plugins.svn.wordpress.org/message-popup-for-contact-form-7/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/message-popup-for-contact-form-7/) by [RSS](https://plugins.trac.wordpress.org/log/message-popup-for-contact-form-7/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Initial release — Replace Contact Form 7 inline messages with fully customizable success popup notifications. Free version includes complete success popup styling, custom button text, and auto-hide timer. Pro version adds full failure/error popup support. ## Meta * Version **1.0** * Last updated **4 weeks ago** * Active installations **1,000+** * WordPress version ** 5.5 or higher ** * Tested up to **7.0.2** * PHP version ** 7.0 or higher ** * Tags * [cf7 popup](https://wordpress.org/plugins/tags/cf7-popup/)[contact form 7 popup](https://wordpress.org/plugins/tags/contact-form-7-popup/) * [Advanced View](https://wordpress.org/plugins/message-popup-for-contact-form-7/advanced/) ## Ratings 4.3 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/?filter=5) * [ 2 4-star reviews ](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/reviews/) ## Contributors * [ howdytheme ](https://profiles.wordpress.org/howdytheme/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/message-popup-for-contact-form-7/)