How to add Confetti to your Webcake.io page
Adding Confetti animation to Webcake 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 Webcake 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: Log in to your Webcake.io account. Open the page where you want the confetti effect to appear.
Step 4: In the Webcake.io editor, click Add Element from the left-hand menu. Select HTML Box and drag it onto your page.
Note: Please disregard the content you are seeing on this page – it is simply being used for demonstration purposes.
Step 5: Click the HTML box you added to open the editing window.
Paste the Confettipage.com code into the HTML editor.
Click Update.
Step 6: Click Publish to save your page changes.
Step 7: Visit your live page to verify that the confetti effect works as expected.
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.