2 minutes to read

How to Add Confetti to Your Edison.so Page

Adding Confetti animation to EdisonOS is really easy!

No coding skills required. Simply follow these steps and you're good to go.

Youtube video:

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.

Play confetti example

Step 1: Click the black button that says “Copy Code”.

Step 2: On EdisonOS 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 2: In Edison.so, go to the website builder which is on the top of your screen.
Click on Pages then Choose the Page you want to add the confetti animation to.

Step 3: Now, click on the “+” button.

Step 4: Scroll down and click “script”.

Step 5: Click on "add script" on the left side panel of your screen. It will automatically open a black space on the right side, where you can write your custom script.

Step 6: Right-click with your mouse and click “paste” to add the code you copied from ConfettiPage.com earlier (or use the text shortcut “Control V” for Windows or “Command V” for Mac) to paste the code.

Step 7: Click update and give it some time to load.

If you did all the steps above correctly, the Confetti code will work. Congratulations!

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.

Ready to make your visitors' hearts dance?