Add Site Animations To Your Website

blog title and graphic of web page with a moving section

Want to add scrolling animations on your website? That means when your website visitors scroll down your web pages, sections will have an animated effect when they load, like a zoom, slide or fade. It’s a quick way to add some interest to your website.

How to Add Site Animations:

1)Log into the website builder.

2)Click “Site Settings” in the left panel.

3)Click “Website Settings.”

4)Choose “Site Animation.”

5)Select from the different section animations. Each time you click a different option, you’ll see a preview of the transition.

6)Click “Save and Publish Changes” and the animation will be live on your website!

Here’s a video tutorial:

Transcript below:

Here’s a quick video to show you how to add scrolling animations on your website. If you add an animated transition, as users scroll down the page, visitors will see effects like a slide or zoom.

I’ll show you how I achieved this. 

In the site builder,  go to Site Settings in the left panel, and then choose Website Settings.

Now choose Site Animation.

And you’ll see the different animations you can choose from, for example, I’ll click on some of these, and you can see a bit of a preview of the animation style. 

I’ll choose Fade down.

Now let’s go to the published website, and you can see that when you scroll on the website, the sections will move with the fade down animation effect.

So that’s it! A quick and simple way to add some engagement to your website. Thanks for watching!