### [How to Add Falling Autumn Leaves to Your Confirmation Message](https://wpforms.com/developers/how-to-add-falling-autumn-leaves-to-your-confirmation-message/)

**Published:** October 4, 2021
**Author:** Editorial Team

**Excerpt:** This tutorial will show you how to add falling autumn leaves to your confirmation message when the form is submitted. 

**Content:**

## Introduction

Are you interested in adding falling autumn leaves to your confirmation message when a form is submitted? We can guide you through the process in this tutorial!

In a previous tutorial, we demonstrated how to add falling confetti and fireworks when the form was submitted. This tutorial follows a similar approach with a few additional steps.

## Creating the form

To get started, begin by creating a new form and adding your desired fields. If you require assistance with this step, [please refer to this documentation](https://wpforms.com/docs/creating-first-form/ "How to Create Your First Form").

![create your form and add your fields](https://wpforms.com/wp-content/uploads/2021/10/falling-leaves-animation.jpg)

## Setting up the Confirmation settings

In order to get the falling autumn leaves animation, we have to make some changes to our confirmation message. To do this, click on the **Settings** and then select **Confirmations**. Once there, click on the **Text** tab since the next step will be to add some HTML elements under the confirmation message.

![click on Settings and then Confirmations to make some changes to the confirmation message. Once there, click on the Text tab to add some HTML from the next step](https://wpforms.com/wp-content/uploads/2021/10/wpforms-click-on-text-tab.jpg)

## Adding HTML to your confirmation message

Now that you’re prepared to include HTML in your confirmation message, simply copy and paste the following code into your message box:

```

Thanks for your feedback!

```

![add the above HTML to your Text tab of the confirmation message](https://wpforms.com/wp-content/uploads/2021/10/add-html-to-confirmation.jpg)

For our tutorial, we’re using a single leaf that will just continuously drop in random areas of our **canvas** area. ![falling autumn leaves](https://wpforms.com/wp-content/uploads/2021/10/leaf.png)

You’ll need to change the **source** to the image to match where you’ve uploaded your leaf.

## Adding the falling autumn leaves snippet

Now it’s time to add the code that will start to bring this all together. If you need help in adding code snippets to your site, please check out this tutorial.

```

/**
 * Add falling autumn leaves to the canvas element on the confirmation message
 *
 * @link  https://wpforms.com/developers/how-to-add-falling-autumn-leaves-to-your-confirmation-message/
 *
 */
 
function wpf_falling_autumn_leaves_animation() {
    ?>

**Categories:** Tutorials

**Tags:** animation, CSS, Javascript, JS

---