The Pages Builder offers plenty of editing features for you to create the most stunning pages. In this article, we are going to learn how to use animations with the elements of your page's sections/templates.


Firstly, navigate to your Site Builder and click on Edit School Site to visit your Home page (or any other page you'd like to add an animation).

In our example below, we chose our Home page.

Select the element you wish to add an animation. Once clicked, the side form pops up to edit your (text) element.

Go to the Actions tab to locate the Entrance Animation feature.

In the animation type list that unfolds, select the type of animation you desire.

Should your text move slower or faster?

Maybe you wish the animatic movement to display after a given amount of time (e.g after 3ms).

Also, you can check how the Animation will show, by clicking on the Play animation button, and see it in action.

In the same way, you can set an Entrance animation for a button within any section of your page by clicking on it and following the mentioned steps.

Last but not least, don't forget to click on the "Save" button every time you make any new changes otherwise your changes will be discarded, and get a preview of what you saved.

That's it! What an easy way to make your school vibrant and interactive by adding short & eye-catching movements!