[WordPress] 外掛分享： Message Popup For Contact Form 7

內容簡介

Message Popup For Contact Form 7 是一個 WordPress 外掛，能讓設置成功和失敗訊息彈出視窗更為便捷。使用此外掛，您可以將驗證和成功訊息替換為美觀的彈出訊息，吸引訪客的注意。在 WordPress 管理員中，您可以設置彈出視窗的背景色、字體大小和字體顏色等設置。

文件
實際演示

外掛特色

易於使用
彈出視窗完全響應式和輕量級
自定義成功彈出視窗內容
自定義成功彈出視窗的字體顏色、按鈕文字和顏色
自定義成功彈出視窗的背景色和圖像
對不同的表單使用不同的成功彈出視窗
啟用/禁用失敗視窗和成功彈出視窗
在所有主要瀏覽器中兼容

外掛標籤

開發者團隊

原文外掛簡介

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 | 🔴 Live Demo | ⭐ Upgrade to Pro
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 →
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

Install and activate the plugin (Contact Form 7 must already be active).
Open any Contact Form 7 form in your WordPress admin — you will see a new Popup Setting tab.
Enable the success popup and configure your message, colors, borders, button text, and auto-hide timer.
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