Add Confetti to a page

Site URL: https://www.lukaseriksen.com/

So I really want to add a confetti animation to when someone purchases a product on my site. I have scoured the interwebs and have found some code which may let me do this, but I have no idea how i can integrate it into squarespace (https://codemyui.com/falling-confetti/) could anyone help me out with this? I would be super dooper thankful!

Thanks in advance!

Lukas

Can you describe in detail?

Doesn't matter I've figured it out already! I would however now know how i can have the script fade out over a 5 second period. What kind of code should I inject here?

The link is https://www.lukaseriksen.com/order-confirmed

@tuanphan could you help me out with this?

Which script?

On 8/9/2020 at 5:22 AM, LukasEriksen said:

Doesn't matter I've figured it out already! I would however now know how i can have the script fade out over a 5 second period. What kind of code should I inject here?

 

Hey Lukas – I'm looking to do the same! Would you mind sharing how you did it? 🙏 Thanks!

@des add a code block to the desired page, and make sure to set it as HTML so it renders. Then paste the following code:

<script src="https://www.wpromotions.eu/confetti.min.js"></script><script>confetti.start()</script>
 

@tuanphan this code: <script src="https://www.wpromotions.eu/confetti.min.js"></script><script>confetti.start()</script>

Not sure why but the announcement bar appears twice (stacked on top of one another) after I added the confetti code to the order confirmation code block. Can anyone help?

I'm so confused.

On 10/28/2021 at 1:02 AM, SSong said:

Not sure why but the announcement bar appears twice (stacked on top of one another) after I added the confetti code to the order confirmation code block. Can anyone help?

Can you share link to your site? We can check easier

On 10/30/2021 at 9:27 PM, tuanphan said:

Can you share link to your site? We can check easier

This is the link, not sure how you can get to the order confirmation page without placing an order though...

Are you able to target the confetti to a certain section?  @tuanphan

On 8/22/2023 at 1:50 AM, gretchenf said:

Are you able to target the confetti to a certain section?  @tuanphan

Not sure. You mean section in 7.1 or 7.0 version?

On 8/24/2023 at 12:34 AM, tuanphan said:

Not sure. You mean section in 7.1 or 7.0 version?

7.1!