How to Add a Confirmation and Completion Screen to Contact Form 7

When you click the submit button on Contact Form 7 (CF7), the submission completes immediately with no confirmation step, because CF7 doesn’t include a confirmation screen by default. Without one, on inquiry or application forms, incorrect contact details and input mistakes go unnoticed, resulting in more incomplete inquiries.

This article explains how to add an input → confirm → submit → complete flow to CF7, covering both a no-code settings-based approach and a custom implementation.

Why a confirmation screen matters

A confirmation screen gives users one last chance to review their input before submitting. A single confirmation step significantly reduces mistyped email addresses, missing digits in phone numbers, and messages submitted partway through. This matters especially for B2B quote requests and reservation forms, where a single incomplete submission can delay a deal — making the presence of a confirmation screen a real factor in inquiry quality.

Method 1: Do it entirely from the settings screen (no code, recommended)

You can add a confirmation and completion screen using only settings in the WordPress admin screen — no functions.php and no JavaScript required. With Frontierline Forms, you can complete the following steps without rebuilding your existing CF7 form.

Steps

1. Enable the confirmation screen: Turning on the confirmation screen in the settings screen displays a list of the entered content before submission.
2. Set up displayed fields and an edit path: Choose which fields appear on the confirmation screen and add an “Edit” button that returns users to the input screen.
3. Configure the completion screen and redirect: Specify the completion message shown after submission, or the redirect URL to a thank-you page (GA4 tracking is supported).
4. Send a test submission: Check the input → confirm → edit → submit → complete flow and how everything displays.

Radio buttons, checkboxes, and file attachments are also automatically formatted for display on the confirmation screen. Screen transitions and scroll position on smartphones are handled automatically too, so you don’t need to fine-tune the display yourself.

Method 2: Build it yourself with JavaScript (for advanced users)

If you’re not using a plugin, you place a confirmation display area and a “Confirm” button in your form, then use JavaScript to pass the entered values into the confirmation area and swap in the submit button. You can also combine this with CF7’s validation.

However, this approach tends to run into the following issues.

• Syncing input values is tedious: You need to write your own logic to reflect values on the confirmation screen and preserve them if the user goes back to make edits.
• Formatting complex fields: The code needed to neatly format radio buttons, checkboxes, and file attachments grows quickly.
• Maintenance gets tied to your theme: The JS and CSS become theme-dependent, so they break when the theme changes or ownership is handed off. Code branches per form, making it hard for anyone but the original author to maintain.

A simple form with just a name and email field is manageable to build yourself, but if you have many fields or need to reuse the setup across multiple projects, Method 1 — completing everything through settings — is the more practical choice.

Combining with multi-step forms

Confirmation screens work especially well combined with multi-step forms. You can build a full input (multiple steps) → confirm → submit → complete flow, entirely with the free version and settings alone. This reduces drop-off on long application or quote forms while still ensuring accuracy through a pre-submission confirmation step.

Summary

Since standard CF7 doesn’t include a confirmation screen, you’re left with either building one yourself in JavaScript or configuring one through a supporting plugin. Syncing input values and formatting complex fields is a heavy lift to build yourself, and if you need to reuse the setup across multiple projects, the settings-based approach is faster. The confirmation screen, completion screen, and multi-step forms are all available in the free version.

If you want to implement confirmation and completion screens along with Slack/Chatwork/spreadsheet notifications, automatic email replies, database storage of submission logs, and CSV export — all through settings alone — consider adopting Frontierline Forms.