How to Add Confetti to Your Showit Page
Adding Confetti animation to Showit 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 Showit go to the desired page you want the confetti to be in.
Then Install the Confetti Code on your Chosen Page
Step 2: Go to Showit.com. Then, click on “Open Design App”.
Step 3: Click “Site” and under “Pages” choose the page you want to put your animation to.
In the example shown, we will choose “Home” to go to the Editor.
Note: Please disregard the content you are seeing on this page – it is simply being used for demonstration purposes.
Step 4: Now click “Page” beside “Site” to choose where you will be pasting the code you copied earlier.
In this case, We will choose "Email opt-in form".
Step 5: Hover your mouse on top of the Square Icon and then, click on “Embed Code”.
Step 6: Double-click on the embed code box.
This will open another box where you will be able to paste in the confetti code next. This is what it will look like.
Step 7: Right-click with your mouse and click “paste” to add the code you copied from ConfettiPage.io earlier (or use the text shortcut “Control V” for Windows or “Command V” for Mac) to paste the code.
Step 8: Once you see the Confetti code pasted into the box, click save.
Step 9: To see the Confetti animation in action, test it out by clicking the Preview button on the upper right corner.
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.