How to Add Confetti to Your Shopify Page
Adding Confetti animation to Shopify 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 Shopify go to the desired page you want the confetti to be in.
Then Install the Confetti Code on your Chosen Page
Step 3: Under Sales Channel, click on the "Online Store" section then, select "Themes"
Step 4: Click on the "Customize" button.
Step 5: On the left sidebar, under Template, click on "Add Section".
Step 6: Choose "Custom HTML".
Step 7: "Custom HTML" will be added as a block on left sidebar. Click it one more time.
Step 8: This will open a box where you will be able to paste in the confetti code next.
Remove the initial code, then 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 9: Remove the Heading text then on the upper right corner, click "Save".
Step 10: To see the Confetti animation in action, test it out by clicking the three-dotted icon beside "Live" and clicking "View".
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.