### [Showing All Fields in Your Confirmation Message](https://wpforms.com/developers/how-to-show-all-fields-in-your-confirmation-message/)

**Published:** August 4, 2020
**Author:** David Ozokoye

**Excerpt:** Would you like to show all of your completed form fields inside your confirmation message? In this tutorial, we'll show you one way you can achieve this.

**Content:**

Would you like to show all of your completed form fields inside your confirmation message? WPForms includes an Entry Preview field that lets users view their entry before it’s submitted. However, the Entry Preview does not currently display any images uploaded in the submission.

In this tutorial, we’ll show you how to display all fields in your confirmation message using a custom PHP snippet.

---

**Note:** WPForms version 1.6.9 and higher includes the Entry Preview field. If you’d like to use this field instead, be sure to check our tutorial on [using the Entry Preview field](https://wpforms.com/docs/how-to-show-entry-previews-in-wpforms/) to learn how.

## Creating Your Form

First, create a new form or edit an existing one to access the form builder. In our form, we’ve added the **File Upload** field, which can accept up to three images.

![Create the form and add the fields so that we can show all fields in the confirmation message.](https://wpforms.com/wp-content/uploads/2020/08/wpforms-show-all-fields-confirmation-1.jpg)## Adding the PHP Code to Your Site

Now, it’s time to add our code snippet. For help with how and where to add your code snippets to your site, [please review this tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "How to Add Custom PHP or JavaScript for WPForms").

```

/**
 * Show all fields in the confirmation message
 *
 * @link https://wpforms.com/developers/how-to-show-all-fields-in-your-confirmation-message/
 */
 
function wpf_dev_frontend_confirmation_message( $message, $form_data, $fields, $entry_id ) {
     
    // Only run on my form with ID = 1107
    if ( absint( $form_data[ 'id' ] ) !== 1107 ) {
        return $message;
    }
 
    // Name form field - ID #1
    $name = $fields[ '1' ][ 'value' ];
 
    // Address form field - ID #2
    $address = $fields[ '2' ][ 'value' ];
 
    // Phone form field - ID #3
    $phone = $fields[ '3' ][ 'value' ];
 
    // Email form field - ID #4
    $email = $fields[ '4' ][ 'value' ];
 
    // Website URL form field - ID #5
    $website = $fields[ '5' ][ 'value' ];
 
    // Color Options form field - ID #6
    $color_options = $fields[ '6' ][ 'value' ];
 
    // Delivery Method form field - ID #7
    $delivery_method = $fields[ '7' ][ 'value' ];
 
    // Special Instructions form field - ID #9
    $special_instructions = $fields[ '9' ][ 'value' ];
 
    // Modern Upload form field - ID #8
    $field_id = 8;
          $images = '';
          if ( is_array( $fields[ $field_id ][ 'value_raw' ] ) ) {
             foreach ( $fields[ $field_id ][ 'value_raw' ] as $value_raw ) {
                $images .= '';
             }
          }

    $message = "This is the information we've captured from your submission Please visit this page for account information.
    
    Name: $name 
    Address: $address 
    Phone Number: $phone 
    Email Address: $email 
    Website: $website 
    Color Options: $color_options 
    Delivery Method: $delivery_method 
    Any Special Instructions: $special_instructions 
    
    The images you have uploaded are:";
 
    return $message . '' . $images . '';
     
}
add_filter( 'wpforms_frontend_confirmation_message', 'wpf_dev_frontend_confirmation_message', 10, 4 );

```

In the code above, we’re targeting the form ID **1107,** and then we’re going to map every field ID number to a variable that we create. For example, the Name field on our form is field ID 1. So, we created a variable called `$name` and used the equals (=) sign to set that value to that particular variable.

You just need to make sure that you’ve created variable names that make sense to you and map them to your field IDs.

If you need help finding your form or field ID, [please review this tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "How to Locate Form ID and Field ID").

Another example is that we’re using the Modern File Upload field. Since we know that users can upload more than one image depending on our settings, we want to make sure we loop through all the images uploaded to display them in the confirmation message.

So we created a PHP `if` statement to run through each image that was uploaded in order to display each image inside the confirmation message.

**Note:** To learn more about PHP if statements, see the [official PHP.net manual on structuring if statements](https://www.php.net/manual/en/control-structures.if.php).

## Styling the Entry Preview With Custom CSS (optional)

This step is completely optional, but because we’ve added some HTML to our images inside the if statement. We’ll add some styling to make sure the images don’t look too large in our confirmation message but still display neatly.

To add custom CSS to your site, [please review this tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "How to Add Custom CSS Styles for WPForms").

```

.image_container {
    height: 250px;
    max-width: 25%;
    display: inline-block;
}
.image_container img {
    float: left;
    display: inline-block;
}
.small {
	max-width:150px;
	padding: 10px;
}
```

## Showing All the Fields in the Confirmation Message

It’s now time to pull everything together. After creating your form and adding your custom snippet, it’s time to see what your code snippet has added for you. Test your form by submitting some entries to see how all the fields display in your confirmation.

![Now you can show all fields in the confirmation message.](https://wpforms.com/wp-content/uploads/2020/08/wpforms-show-all-fields-confirmation.jpg)That’s it! You’ve successfully created a way to show all fields in the confirmation message!

Next, would you like to remove the styling of the confirmation message, such as removing the background color? Take a look at our article on [customizing confirmation message box styling](https://wpforms.com/developers/how-to-remove-confirmation-message-box-styling/ "How to Remove Confirmation Message Box Styling").

## Related

Filter Reference: [wpforms\_frontend\_confirmation\_message](https://wpforms.com/developers/wpforms_frontend_confirmation_message/ "Using the wpforms_frontend_confirmation_message filter")

**Categories:** Tutorials

**Tags:** PHP

---