---
title: "Add an Animation"
slug: "add-an-animation-to-templates"
description: "Covers Add an Animation, showing how to select an element, choose an animation effect, and preview its own entry and exit behavior on the canvas view."
tags: ["template animations", "template settings", "web template"]
updated: 2026-08-06T06:32:01Z
published: 2026-08-06T06:32:01Z
canonical: "academy.insiderone.com/add-an-animation-to-templates"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add an Animation

Animations add movement and personality to your templates, helping them stand out and capture user attention.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/an.gif)

You can animate certain elements in the [Design](/v1/docs/design-a-web-template) step:

Select the element you want to animate.

1. Click the **+ (plus)** button next to Animations in the settings panel.
2. Choose an animation effect from the list.
3. Preview how it looks on both entry and exit.
4. Select your preferred effect and save.

Animations are a great way to enhance engagement without adding complexity.

## Related

- [Add an Overlay](/add-an-overlay-to-templates.md)