How to Add Confetti to Your Simvoly Page
Adding Confetti animation to Simvoly is really easy!
No coding skills required. Simply follow these steps and you're good to go.
![Youtube video:](https://i.ytimg.com/vi/KDXYXoPcDRk/maxresdefault.jpg)
First Create the Confetti Animation
Step 0: Create a custom Confetti animation and generate the code to install on your website by visiting ConfettiPage.com.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/Duda-Step-0-Create-a-custom-Confetti-animation-and-generate-the-code-to-install-on-your-website-by-visiting-ConfettiPagecom-1-1024x294.png)
Step 1: Click the black button that says “Copy Code”.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/Duda-Step-1-Click-the-black-button-that-says-Copy-Code-1024x294.png)
Step 2: On Simvoly go to the desired page you want the confetti to be in.
Quick tip: It is recommended to put the confetti animation in the thank you page, to celebrate with your visitor for taking action (signing up, purchase etc).
[tutorial-installation-section-title
Step 2: Go to Simvoly. After logging in, it will route you directly to your Builder for your Sites and Funnels.
Note: Please disregard the content you are seeing on this page – it is simply being used for demonstration purposes.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-2-Go-to-Simvoly.-After-logging-in-it-will-route-you-directly-to-your-Builder-for-your-Sites-and-Funnels-1-1024x362.png)
Step 3: On the side tool bar, Choose “Add Widget”.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-3-1024x362.png)
Step 4: Scroll all the way to the bottom and click on “Code”.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-4-Scroll-all-the-way-to-the-bottom-and-click-on-Code-1024x362.png)
Step 5: Drag the Code widget anywhere on your Simvoly page, and drop it in.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-5-Drag-the-Code-widget-anywhere-on-your-Simvoly-page-and-drop-it-in-1024x362.png)
Step 6: This will open a box where you will be able to paste in the confetti code next. This is what it will look like.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-6-This-will-open-a-box-where-you-will-be-able-to-paste-in-the-confetti-code-next.-This-is-what-it-will-look-like-1024x362.png)
Step 7: Use the text shortcut “Control V” for Windows or “Command V” for Mac to paste the code you copied from ConfettiPage.com earlier.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-7-Right-click-with-your-mouse-and-click-paste-to-add-the-code-you-copied-from-ConfettiPage-1024x362.png)
Step 8: Once you see the Confetti code pasted into the Code widget, click on any block to exit then click on “Save”.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-8-Once-you-see-the-Confetti-code-pasted-into-the-Code-widget-click-on-any-block-to-exit-then-click-on-Save-1024x362.png)
Step 9: To see the Confetti animation in action, test it out by clicking the site link on the upper right corner.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-9-To-see-the-Confetti-animation-in-action-test-out-it-out-by-clicking-the-site-link-on-the-upper-right-corner-1024x362.png)
If you did all the steps above correctly, the Confetti code will work. Congratulations!
![](https://editor.confettipage.com/wp-content/uploads/2023/05/unnamed-file-1024x362.png)
Optional: Remove the Watermark
If you are using the free version, you will see the “ConfettiPage.com” branding appear at the bottom left.
![](https://editor.confettipage.com/wp-content/uploads/2023/05/simvoly-Step-10-optional-If-you-are-using-the-free-version-you-will-see-the-ConfettiPage-1024x362.png)
If you would like it removed, simply upgrade for a license to use it without the ConfettiPage branding.
Note: Once you pay for a license, you will need to create a new Confetti code as a paying customers which will generate a watermark-free code for you to install.