How to Add Confetti to Your Custom-coded Html Page
Note: This tutorial is for developers. If you're not a developer, check out the rest of our tutorials.
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.
Step 1: Click the black button that says โCopy Codeโ.
Step 2: On HTML 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).
Then Install the Confetti Code on your Chosen Page
Step 3: Simply install the code into your HTML code editor, in the file you want the confetti animation to appear.
If you place it inside the <head> tag, the confetti may load faster by a fraction, but you can also place it anywhere in the <body> tag, and it will still work as expected.
Optional: Remove the Watermark
If you are using the free version, you will see the โConfettiPage.comโ branding appear at the bottom left.
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.