How to Add Confetti to Your Squarespace Page
Adding Confetti animation to Squarespace 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 Squarespace go to the desired page you want the confetti to be in.
Then Install the Confetti Code on your Chosen Page
Step 2: Login to Squarespace. You will be routed directly to your Dashboard.
Step 3: Choose the relevant page you want to add the Confetti animation to.
In the example shown, we will use the “confetti demo” page to go to the Editor.
Step 4: On the configuration page, click “Edit”.
Step 5: On the editor, Choose a section and click “Add Block”.
Note: Please disregard the content you are seeing on this page – it is simply being used for demonstration purposes.
Step 6: Find “Code” from the selection then drag and drop it anywhere on your Squarespace page.
Step 7: On the Code Block, click the “Edit” icon.
Step 8: This will open a box where you can paste in the confetti code next. Click the edit button to paste the code. This is what it will look like.
Step 9: 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 10: Once you see the Confetti code pasted into the code block, go to the top left of your page and click on “Save” then "Exit".
If you did all the steps above correctly,You should immediately see the Confetti animation in action. Congratulations!
Step 11 (optional): 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.