How to add falling confetti to your Shopify store

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

Similar to the snowfall effect you can easily create the falling confetti effect to your Shopify store.

LIVE DEMO

This article will guide you how to makes uses of HTML5 canvas to create a fullscreen, great-looking confetti falling effect on the Shopify store.

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code.
  • Under Layout, select theme.liquid.
  • Scroll down the page until you find the close body tag.
  • Paste the below code just before the tag
  • Click Save and you are done.

In fact, If you have knowledge about  programming, you could further customize the effect to better suit your store.

Happy coding!

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

2 Responses

  1. Ria Patag says:

    Hi!

    How do I stop this animation after 5 seconds?

    Ria

  2. Alexander C Clark says:

    Hi I’m trying this and it doesn’t seem to work for my site.

    I’ve added the code above the closing body tag but it doesn’t seem to be working

Leave a Reply

Your email address will not be published. Required fields are marked *