Difference between export with SVG animation and SVG Sequence

Sebb231

Hello

I'm quite new to all of this SVG stuff. To sum up, I've made a simple animation and I tried to import it in a website builder. The thing is, the animation doesn't start, it's just the first frame. Does this have to do with the fact that I don't have a pro subscription and I have to export with SVG sequence?

The SVG file opens with Edge and it works fine

I am currently looking for a software to start producing animated SVGs and so far, I like this one the most.

msarca

You don't need SVG sequence. The animation works, but it must be embedded correctly into your web page as suggested here.

What website builder are you using? Maybe we can help.

Sebb231

Hi, I use nicepage

Sebb231

Well, I'm not used to codes. I do 3d modelling and I wanted to try something new, so you might be right. I didn't know I have to modify the code before importing in Nicepage

msarca

Never heard of it, but from their documentation it seems that you can insert an HTML code snippet into your page.
https://nicepage.com/doc/164389/html-element

Just be careful to add the correct path to your SVG animation

<object data="/path/to/animation.svg"
        type="image/svg+xml"
        width="1920"
        height="1080"
></object>

Sebb231

I see, well it's a starting point.

Thanks a lot! 🙂

msarca

I've asked @Chris to make a video on how to embed animated SVG with Nicepage website builder. Hope this helps.

https://www.youtube.com/watch?v=hr1_4NXgvIM

Sebb231

That's awesome. I had a thought that it might be something really simple. It works perfectly now.
I really appreciate that you guys even made a video for this. Thank you very much