Kakunin Modal for Contact Form 7
The confirmation modal shown before the form is submitted.
“Kakunin” (確認) is the Japanese word for “confirmation”.
This plugin adds a confirmation step to forms built with Contact Form 7. When the visitor presses the submit button, the entered values are listed in a modal window. The form is only sent after the visitor confirms them, which helps to avoid typos in e-mail addresses and accidental submissions.
The plugin does not process the submission itself. Sending is delegated to Contact Form 7 (wpcf7.submit()), and the plugin registers no admin-ajax or REST endpoints of its own.
Features
- Confirmation modal that lists the entered values in a table. Long values are scrolled instead of truncated.
- Per-form settings. Enable or disable the modal for each form, and set the modal title, button labels and primary color separately.
- Label control with
data-label. Add adata-labelattribute to an ancestor element to decide the label shown in the modal, anddata-label-suffixto append decorative HTML such as a “required” badge. - Real-time validation. The submit button stays disabled until all required fields are filled in. Changes are tracked with a MutationObserver, and
acceptancefields are supported. - Field match validation with
data-cf7-match, useful for “confirm your e-mail address” fields. - Works with the Contact Form 7 Conditional Fields plugin. Fields inside a group marked with
.wpcf7cf-hiddenare excluded from validation, from the submit button state and from the modal. - Optional stacked layout on small screens, with a breakpoint that can be set per form.
- Optional redirect after a successful submission, per form. Both relative paths and absolute URLs are accepted. Errors are never redirected, so Contact Form 7 error messages are still shown.
- No external services. The plugin sends no data anywhere, loads nothing from third-party servers and does not use jQuery on the front end.
Requirements
- WordPress 5.0 or later
- PHP 7.4 or later
- Contact Form 7
Notes
The admin screen and the default modal texts are written in Japanese, because the confirmation step is a common convention on Japanese websites. All texts shown in the modal can be replaced from the settings screen.
This plugin is not affiliated with or endorsed by the authors of Contact Form 7.
Privacy
The plugin stores its settings in the WordPress options table only. It collects no personal data, sets no cookies and makes no requests to external servers.