{"id":162715,"date":"2022-09-19T09:12:52","date_gmt":"2022-09-19T09:12:52","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/message-popup-for-contact-form-7\/"},"modified":"2026-06-29T09:49:54","modified_gmt":"2026-06-29T09:49:54","slug":"message-popup-for-contact-form-7","status":"publish","type":"plugin","link":"https:\/\/ms.wordpress.org\/plugins\/message-popup-for-contact-form-7\/","author":20419894,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"trunk","tested":"7.0.2","requires":"5.5","requires_php":"7.0","requires_plugins":null,"header_name":"Message Popup For Contact Form 7","header_author":"","header_description":"This plugin give success fail popup message For Contact Form 7.","assets_banners_color":"e3effd","last_updated":"2026-06-29 09:49:54","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":4.3,"author_block_rating":0,"active_installs":1000,"downloads":8455,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0":"<p>Initial release. Install and start showing beautiful, branded popup notifications on your Contact Form 7 forms instantly \u2014 no coding required.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":2,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3475258,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3475258,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3475258,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3475258,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2786824,"resolution":"1","location":"assets","locale":"","width":1188,"height":752},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2786824,"resolution":"2","location":"assets","locale":"","width":1171,"height":762}},"screenshots":{"1":"Popup Setting tab in the CF7 form editor \u2014 width, border radius, colours, button text, overlay, and auto-hide","2":"Success popup \u2014 green checkmark with custom message and OK button after successful submission","3":"Error popup \u2014 red X with validation message and OK button on failed submission"}},"plugin_section":[],"plugin_tags":[196782,269422,19569,269421,269423],"plugin_category":[],"plugin_contributors":[256981],"plugin_business_model":[],"class_list":["post-162715","plugin","type-plugin","status-publish","hentry","plugin_tags-cf7-popup","plugin_tags-contact-form-7-error-message","plugin_tags-contact-form-7-popup","plugin_tags-contact-form-7-success-message","plugin_tags-form-submission-popup","plugin_contributors-howdytheme","plugin_committers-howdytheme"],"banners":{"banner":"https:\/\/ps.w.org\/message-popup-for-contact-form-7\/assets\/banner-772x250.png?rev=3475258","banner_2x":"https:\/\/ps.w.org\/message-popup-for-contact-form-7\/assets\/banner-1544x500.png?rev=3475258","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/message-popup-for-contact-form-7\/assets\/icon-128x128.png?rev=3475258","icon_2x":"https:\/\/ps.w.org\/message-popup-for-contact-form-7\/assets\/icon-256x256.png?rev=3475258","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/message-popup-for-contact-form-7\/assets\/screenshot-1.png?rev=2786824","caption":"Popup Setting tab in the CF7 form editor \u2014 width, border radius, colours, button text, overlay, and auto-hide"},{"src":"https:\/\/ps.w.org\/message-popup-for-contact-form-7\/assets\/screenshot-2.png?rev=2786824","caption":"Success popup \u2014 green checkmark with custom message and OK button after successful submission"}],"raw_content":"<!--section=description-->\n<p><strong>Message Popup For Contact Form 7<\/strong> 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.<\/p>\n\n<p>Every visual detail of the success popup is configurable directly from the Contact Form 7 editor panel \u2014 no shortcodes, no custom CSS, and no coding required. Adjust popup size, colors, borders, button text, and set an auto-close timer \u2014 all from the WordPress admin.<\/p>\n\n<blockquote>\n  <p><strong>Requires Contact Form 7<\/strong> to be installed and activated on your WordPress site.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/topsmodule.com\/how-to-show-message-popup-for-contact-form-7\/\">\ud83d\udcc4 Documentation<\/a> | <a href=\"https:\/\/topsmodule.com\/task\/message-popup-for-contact-form-7\/\">\ud83d\udd34 Live Demo<\/a> | <a href=\"https:\/\/topsmodule.com\/product\/message-popup-for-contact-form-7\/\">\u2b50 Upgrade to Pro<\/a><\/p>\n\n\n\n<h4>Why Replace the Default Contact Form 7 Message?<\/h4>\n\n<p>The built-in Contact Form 7 success message appears inline \u2014 often below the fold \u2014 and blends quietly into the page. Many visitors never notice it, which creates confusion and may lead to duplicate form submissions. <strong>Message Popup For Contact Form 7<\/strong> solves this by displaying a prominent, centered popup the moment a form is submitted, so your users always know exactly what happened.<\/p>\n\n\n\n<h4>Free Features<\/h4>\n\n<p><strong>Success Popup Notification<\/strong>\n* Enable or disable the success popup independently for each Contact Form 7 form on your site\n* Set a fully custom success message text to display in the popup \u2014 or fall back to CF7's default confirmation message\n* Per-form popup configuration \u2014 assign unique success popup settings to different CF7 forms across your site<\/p>\n\n<p><strong>Popup Appearance &amp; Styling<\/strong>\n* <strong>Popup Width<\/strong> \u2014 Set the exact width of the popup modal (e.g. 478px) to fit your layout\n* <strong>Popup Border Radius<\/strong> \u2014 Round the popup corners to match your site's design style (e.g. 5px)\n* <strong>Popup Background Color<\/strong> \u2014 Choose a custom background color for the popup modal\n* <strong>Background Overlay Color<\/strong> \u2014 Set the color and opacity of the overlay that appears behind the popup\n* <strong>Popup Border Width<\/strong> \u2014 Control the thickness of the popup border\n* <strong>Popup Border Color<\/strong> \u2014 Select a custom border color for the popup\n* <strong>Popup Text Color<\/strong> \u2014 Set the font color of the success message text inside the popup\n* <strong>Button Background Color<\/strong> \u2014 Customize the background color of the popup close\/OK button<\/p>\n\n<p><strong>Popup Behavior<\/strong>\n* <strong>Custom Button Text<\/strong> \u2014 Change the label of the popup close\/confirm button to any text you want (e.g. \"Got it!\", \"Thanks!\", \"Close\")\n* <strong>Auto-Hide Timer<\/strong> \u2014 Set the popup to automatically close after a defined number of milliseconds (e.g. 5000 = 5 seconds) without requiring user interaction<\/p>\n\n\n\n<h4>Pro Version Features<\/h4>\n\n<p>Upgrade to <strong>Message Popup For Contact Form 7 Pro<\/strong> to unlock full control over the <strong>failure\/error popup<\/strong> \u2014 shown when a form submission fails validation or the mail cannot be sent.<\/p>\n\n<p><a href=\"https:\/\/topsmodule.com\/product\/message-popup-for-contact-form-7\/\">\u2b50 Get the Pro Version \u2192<\/a><\/p>\n\n<p><strong>Failure Popup Notification<\/strong>\n* <strong>Enable Failure Message<\/strong> \u2014 Toggle on a dedicated popup for failed or invalid CF7 form submissions, separate from the success popup\n* <strong>Custom Failure Message Text<\/strong> \u2014 Write a specific error message to guide users when their submission fails\n* <strong>Failure Button Text<\/strong> \u2014 Customize the label on the failure popup's close\/retry button independently from the success button<\/p>\n\n<p><strong>Failure Popup Appearance &amp; Styling<\/strong>\n* <strong>Failure Popup Width<\/strong> \u2014 Set the width of the failure popup independently from the success popup\n* <strong>Failure Popup Border Radius<\/strong> \u2014 Control the corner roundness of the failure popup\n* <strong>Failure Popup Background Color<\/strong> \u2014 Choose a distinct background color for the error popup (e.g. light red to signal an error)\n* <strong>Failure Background Overlay Color<\/strong> \u2014 Set a custom overlay color behind the failure popup\n* <strong>Failure Popup Border Width<\/strong> \u2014 Define the border thickness for the failure popup\n* <strong>Failure Popup Border Color<\/strong> \u2014 Select a custom border color for the error popup\n* <strong>Failure Popup Text Color<\/strong> \u2014 Set the text color inside the failure popup\n* <strong>Failure Button Background Color<\/strong> \u2014 Customize the close\/retry button color on the failure popup<\/p>\n\n<p><strong>Failure Popup Behavior<\/strong>\n* <strong>Failure Auto-Hide Timer<\/strong> \u2014 Set the failure popup to automatically close after a specified duration (in milliseconds), separate from the success popup timer<\/p>\n\n<p>Pro license is <strong>lifetime and valid for unlimited sites<\/strong> \u2014 outstanding value for agencies and freelancers.<\/p>\n\n\n\n<h4>Perfect For<\/h4>\n\n<ul>\n<li>Contact and enquiry forms where submission confirmation visibility is critical<\/li>\n<li>Lead generation and landing page forms that need a professional thank-you response<\/li>\n<li>Booking and appointment request forms<\/li>\n<li>Event registration and RSVP forms<\/li>\n<li>Support and help desk ticket submission forms<\/li>\n<li>Any CF7 form where the default inline message is too easy to miss<\/li>\n<\/ul>\n\n\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Install and activate the plugin (Contact Form 7 must already be active).<\/li>\n<li>Open any Contact Form 7 form in your WordPress admin \u2014 you will see a new <strong>Popup Setting<\/strong> tab.<\/li>\n<li>Enable the success popup and configure your message, colors, borders, button text, and auto-hide timer.<\/li>\n<li>Save the form. That's it!<\/li>\n<\/ol>\n\n<p>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.<\/p>\n\n\n\n<h4>What Users Are Saying<\/h4>\n\n<blockquote>\n  <p><em>\"The plugin works perfectly. The support is very fast, efficient and helpful.\"<\/em> \u2014 markkim<\/p>\n  \n  <p><em>\"Very good plugin, easy to configure.\"<\/em> \u2014 xoruna<\/p>\n  \n  <p><em>\"This is a good plugin\u2026 Pro version is good value as it's lifetime unlimited sites.\"<\/em> \u2014 gregsloman<\/p>\n<\/blockquote>\n\n<!--section=installation-->\n<p><strong>From the WordPress Plugin Directory:<\/strong><\/p>\n\n<ol>\n<li>Make sure <strong>Contact Form 7<\/strong> is installed and activated on your WordPress site.<\/li>\n<li>In your WordPress dashboard, go to <strong>Plugins &gt; Add New<\/strong>.<\/li>\n<li>Search for <strong>\"Message Popup For Contact Form 7\"<\/strong> and click <strong>Install Now<\/strong>.<\/li>\n<li>Click <strong>Activate<\/strong> after installation completes.<\/li>\n<li>Open any Contact Form 7 form \u2014 navigate to the <strong>Popup Setting<\/strong> tab.<\/li>\n<li>Enable the success popup, customize the appearance, and click <strong>Save<\/strong>.<\/li>\n<li>Visit your site and submit the form to see the popup in action.<\/li>\n<\/ol>\n\n<p><strong>Manual Upload:<\/strong><\/p>\n\n<ol>\n<li>Download the plugin ZIP file.<\/li>\n<li>In your WordPress dashboard, go to <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>.<\/li>\n<li>Upload the ZIP and click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<li>Follow steps 5\u20137 above.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20contact%20form%207%3F\"><h3>Does this plugin require Contact Form 7?<\/h3><\/dt>\n<dd><p>Yes. Contact Form 7 must be installed and activated. This plugin extends CF7 and does not work independently.<\/p><\/dd>\n<dt id=\"where%20do%20i%20configure%20the%20popup%20settings%3F\"><h3>Where do I configure the popup settings?<\/h3><\/dt>\n<dd><p>The settings appear as a <strong>Popup Setting<\/strong> tab inside the Contact Form 7 form editor. Go to <strong>Contact &gt; Contact Forms<\/strong>, edit any form, and click the <strong>Popup Setting<\/strong> tab.<\/p><\/dd>\n<dt id=\"can%20i%20assign%20different%20popup%20styles%20to%20different%20contact%20form%207%20forms%3F\"><h3>Can I assign different popup styles to different Contact Form 7 forms?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20popup%20message%20text%3F\"><h3>Can I customize the popup message text?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20button%20text%20on%20the%20popup%3F\"><h3>Can I customize the button text on the popup?<\/h3><\/dt>\n<dd><p>Yes \u2014 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!\").<\/p><\/dd>\n<dt id=\"can%20the%20popup%20close%20automatically%20after%20a%20few%20seconds%3F\"><h3>Can the popup close automatically after a few seconds?<\/h3><\/dt>\n<dd><p>Yes \u2014 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.<\/p><\/dd>\n<dt id=\"does%20the%20free%20version%20support%20a%20popup%20for%20failed%20or%20invalid%20submissions%3F\"><h3>Does the free version support a popup for failed or invalid submissions?<\/h3><\/dt>\n<dd><p>No. The failure\/error popup \u2014 shown when form validation fails or the email cannot be sent \u2014 is a <strong>Pro version<\/strong> feature. <a href=\"https:\/\/topsmodule.com\/product\/message-popup-for-contact-form-7\/\">Upgrade here<\/a>.<\/p><\/dd>\n<dt id=\"is%20the%20popup%20mobile-friendly%3F\"><h3>Is the popup mobile-friendly?<\/h3><\/dt>\n<dd><p>Yes. The popup is fully responsive and adapts correctly to all screen sizes including smartphones, tablets, and desktops.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20slow%20down%20my%20website%3F\"><h3>Does the plugin slow down my website?<\/h3><\/dt>\n<dd><p>No. Scripts and styles are lightweight and only loaded on pages that contain a Contact Form 7 form.<\/p><\/dd>\n<dt id=\"is%20the%20pro%20version%20worth%20it%3F\"><h3>Is the Pro version worth it?<\/h3><\/dt>\n<dd><p>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 \u2014 especially for agencies managing multiple client sites.<\/p><\/dd>\n<dt id=\"where%20can%20i%20find%20documentation%3F\"><h3>Where can I find documentation?<\/h3><\/dt>\n<dd><p>Full setup and usage documentation is available at <a href=\"https:\/\/topsmodule.com\/how-to-show-message-popup-for-contact-form-7\/\">topsmodule.com<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release \u2014 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.<\/li>\n<\/ul>","raw_excerpt":"Show a beautiful, fully customizable success popup notification on Contact Form 7 submission. Control colors, borders, size, button text, and auto-hid &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/162715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=162715"}],"author":[{"embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/howdytheme"}],"wp:attachment":[{"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=162715"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=162715"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=162715"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=162715"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=162715"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ms.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=162715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}