Articles on: Site editing
This article is also available in:

Adding animations

Animations are a simple way to make your website more lively and attractive to visitors. By animating elements or entire blocks as the page scrolls, you can draw attention to important content, improve visual perception, and enhance the overall impression of the website.


In this guide, you will learn how to easily activate and configure animations for individual elements (text, images, etc.) and entire blocks.


Contents:


Adding animations to elements


Important: Animations are currently available for the following elements: Text, Heading, Social Icons, Image, Video, Button.


  1. Open the element settings and go to the Animations tab, where you can activate the switch next to Dynamic appearance of elements when scrolling:

For text elements, click on the text line and click on the duck icon in the context menu that appears:

  1. Next, you can select the animation type ①, the position of the element when it is performed ②, and the animation speed ③:

  1. Don't forget to publish your site to save the changes.


Adding animations to blocks


Important: Animation enabled in the block settings will be applied to all added block elements.


Note: If animation is set in the block settings, but a separate element in this block has its own animation parameters, then its individual settings will apply.


  1. Open the block settings and go to the Animations tab, where you can activate the switch next to Dynamic appearance of elements when scrolling:

  1. Next, you can select the animation type ①, the position of the block elements when it is performed ②, and the animation speed ③:

  1. Don't forget to publish your site to save the changes.


Updated on: 12/12/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!