Animations

How to add animations to text, images and paragraphs in Setka Editor.

‌You can animate text paragraphs, pictures, any kinds of infographics; you can apply the tool to a paragraph, an image, or a grid.

Please see this video tutorial about working with animations in Setka Editor:

Video tutorial on how to with animations in Setka Editor

To apply an animation effect to the chosen element (grid, picture, text paragraph), click on it and find the Animation tool button in the needed tab.

Screenshot of Setka Editor interface: Animations icon in Upper Toolbar

Please note: Animation tool is not available on the free plan.

Animation presets

If you are new to animations or want to get an animated element with no time and effort, we offer you a feature called animation presets.

Screenshot of Setka Editor interface: Animation settings panel in Upper Toolbar with "Presets" tab highlighted

You can choose one of the effects, e.g., your element can fade, slide, flip, or zoom. There is also a menu for how and when your animation can appear on the screen.

There are special effects available for your animation to make it more sophisticated and non-linear. This is where you can find them:

Screenshot of Setka Editor interface: Animation settings panel in Upper Toolbar showing "Presents" tab with different settings (animation effect, options)

To preview your animation, click either on a Play button or on a Setka Editor logo in the animation panel.

Screenshot of Setka Editor interface: Animation settings panel in Upper Toolbar showing "Presents" tab with the "Play" button highlighted

We also offer several ways for your animation to start.‌

  • As appears on the screen (the animation will start once 10% of the animated part is visible on the screen).

  • Once the animated element was hovered.

  • When scrolling. Here you can also choose in what part of the screen your animation will appear.

Screenshot of Setka Editor interface: Animation settings panel in Upper Toolbar showing "Presents" tab with the "Animation starts" options dropdown highlighted

Manual settings for animations

You can set the direction (from left to right, right to left, or up and down), zoom (in and out), and rotation of your animation's entrance into the post.

Additionally, you can control the opacity level, duration, and start time of the animation.

Screenshot of Setka Editor interface: Animation settings panel in Upper Toolbar showing "Manual" tab

Sticky effect

With the help of a sticky effect, you can pin any part of your post on a page, and it will remain static while scrolling. The chosen element is pinned once the post area comes up to a needed position.

You can find it in the animation menu and apply it to the chosen element. In the Sticky tab, you can set the place for your pinned element (the top or the bottom of the screen), and you can set the needed indentation in the same menu.

Screenshot of Setka Editor interface: Animation settings panel in Upper Toolbar showing "Sticky" tab

Sometimes content creators need to pin some elements in the post. Navigation in your post becomes more comfortable with the pinned heading. CTA elements (may offer to buy or download something or sign up for a newsletter) work better if pinned somewhere on the page.