How to create an animation
Step 1
For this example we will use the Shape widget, and we will make our shape move in from any direction
Click the animation button 
in the top toolbar next to Interactions
Step 2
Click ‘Choose from options list’ and select the animation called ‘Fly In’
Step 3
You can change the direction of the animation by clicking under ‘From Direction’ and choosing ‘Bottom/Left/Right/Top’
Step 4
Change the distance you want your animation to move
Step 5
Change the animation length using ‘Distance’ (how fast the animation will play on the shape) or leave the default settings
Step 6
Change the ‘Delay’ of the animation if you want your animation to start with a delay of a few seconds
Step 7
Click ‘Add’ to add the animation you created
Make sure you clicked the checkbox, otherwise the animation will not work in Preview and in Production
Click ‘Save’ to save the animation you added
How to chain two animations together
Step 1
Click the gear button on the right side of your animation
Step 2
Change the animation settings as explained in the previous section, change the ‘To Direction’ to ‘Left’ and click ‘Add’
Step 3
Click and hold the drag button 
and place the second animation on top of the first animation
Step 4
You have linked the two animations together. Now you can click the ‘Play’ button on the first animation to test the chained animations
As you can see after clicking play the animation is moving diagonally due to the animations Direction ‘Left’ + ‘Bottom’
As you can see, after clicking ‘Play’ the animation moves diagonally due to the animation directions ‘Left’ + ‘Bottom’
Step 5
Click ‘Save’ to save your animation
Important information
Don’t forget to save the work you did by clicking the ‘save’ button 
Expand your knowledge in our support area or try out the Drag & Drop editor