Skip to main content
v
9mo ago

Is it possible to implement rive animations on a shopify site?

newb question here. i just bought rive pro and a course. and was curious if i can implement rive animations on shopify websites / themes, for example an animated banner.

i saw the tutorial on how to implement it on the web, but was wondering if it has been done before on shopify

the tut states i need to host it somewhere else. does this mean i must host it on another website?

im a mograph designer and not that familiar with web stuff apart from basic html / css. thanks!

2 replies
9mo ago

Hi this should be possible if Shopify allows you to embed custom HTML code, or allows you to embed an iFrame. You can then generate embeded code from the Rive editor that can be added to any web page.

See our documentation on creating share links: https://rive.app/community/doc/overview/docCxp7bueYA

If you select Embed code you can simply copy that HTML code and use it inside Shopify if you're able to add custom code to a shopify page. For this generated code we also host the .riv asset for you.

I've never personally used Shopify, but maybe this linked tutorial will help (the video).

9mo ago

Maybe in the future there can be direct Rive integration within a Shopify site, which will make this much easier!