How to add Confetti to your Weebly Page
Adding Confetti animation to Weebly is really easy!
No coding skills required. Simply follow these steps and you're good to go.
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 Weebly go to the desired page you want the confetti to be in.
Then Install the Confetti Code on your Chosen Page
Step 3: Go to Weebly, and then on the Main Menu, choose “Website” then “edit site”.
Alternatively, you can just simply click the “Edit Site” in the upper right corner.
Step 4: Click on the "Edit" button, located in the upper right corner, to go to the editor.
Step 5: In the left sidebar, find the “Embed Code" Element then drag it anywhere in your site.
Note: Please disregard the content you are seeing on this page – it is simply being used for demonstration purposes.
Step 6: Click on the “Click to set custom HTML” block showing in your site and then click “Edit custom HTML”.
Step 7: This will open a box where you will be able to paste in the confetti code next. This is what it will look like.
Step 8: 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 9: Once you see the Confetti code pasted into the Element, click anywhere on the screen to automatically save it. Then, click “Publish”.
Step 10: A pop-up will appear confirming that the website was published. Click the link provided to see the Confetti animation in action!
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 pay for a license to use it without the watermark.