ResponsiveAds Documentation
Create a Support TicketContact Support
User Guide
User Guide
  • Welcome
  • 🚀Quick Start Guides
    • Overview
    • Template Tutorials
      • Static Template
      • Shoppable Carousel
      • In Banner Video
      • Full Bleed Video
      • Animated Template
  • 🗺️Navigating the App
    • Overview
    • Dashboard
    • Creatives
    • Templates
    • Media
    • Formats
    • Analytics
  • 🖌️Creating Ads
    • Overview
    • Setting up Ads
      • Setting up an Ad from Scratch
      • Using PSD files with Responsive Ads
        • How to Upload Your PSD File into ResponsiveAds
        • How to Prepare your Photoshop PSD files for the Fluid Ad Creator
          • Preparing Layers
          • Primary PSDs & PSD Templates and When Are They Needed?
          • Color Settings
    • Designing your Ad in the Fluid Ad Creator
      • Interface and Tools
      • Animation Timeline
        • Timed Actions
        • Migration: Keyframes to Animation Blocks
    • Variants
      • Creating Ads with Dynamic Content Using a CSV File
  • 🗂️Ad Management
    • Overview
    • Tagging
    • Summary Page
    • Preview Page
    • Showcase
  • 📣Deploying Ads
    • Overview
    • Image Exports
    • Facebook Export
    • HTML5 Export
    • Video/Animated Gifs
    • Ad Serving tags
  • 📈Analytics
    • Overview
    • Basic Analytics
    • Advanced Analytics
  • 🙌Collaboration
    • Overview
    • Comments
    • Notes
  • 👥Account Management
    • Overview
    • Settings
      • My Profile
      • Team Settings
    • Pricing
  • ✈️Migrating from Studio 3 to Studio 4
    • Migrating to Studio 4
      • Best Practices for Transitioning to Studio 4
      • For Ad Ops: Exports, Trafficking, and Analytics
      • Copying Creatives to Studio 4
    • Studio 4 Editor: What's New and Improved
    • Other Changes in Studio 4
    • Migration FAQ
Powered by GitBook
On this page
  • Example of a Complex Interaction
  • How to Add a Timed Action
  • Types of Timed Actions
  • Multiple Actions at the Same Time

Was this helpful?

  1. Creating Ads
  2. Designing your Ad in the Fluid Ad Creator
  3. Animation Timeline

Timed Actions

This article explains how to set up Timed Actions — actions triggered at specific times and set up via Animation Timeline. These can be synchronized with your animations for complex interactions.

PreviousAnimation TimelineNextMigration: Keyframes to Animation Blocks

Last updated 8 days ago

Was this helpful?

Timed actions can be used to create 'Complex Interactions' within your ads. This allows you to create ads which are truly engaging and memorable. To demonstrate how these ads can be setup, take a look at the example below:

Example of a Complex Interaction

Follow this link to view the advert shown below uses complex interactions between animated elements to create an eye-catching and unique ad.

This advert contains complex interactions between clickable animated elements.


How to Add a Timed Action

  • On the Actions row of the timeline, click the “+” button.

  • A small square labeled “0” will appear at the position of the playhead (the current time).

  • Select the square, then click the “Actions” button in the Animation Timeline (AT) top bar.

  • In the pop-up window, choose the action you want to add from the dropdown menu.

Types of Timed Actions

There are five types of timed actions available:

  • Show / Hide Element Display or hide a specific element at a chosen time.

  • Carousel Navigation For example: Navigate to the next or previous slide at a specific time. (Requires a carousel component in your creative.)

  • Animation Actions Useful when coordinating with element triggers. (i.e. you can use “Play Animation” or “Pause Animation) for interactive scenarios). Types of animation actions are:

    • Pause Animation

    • Restart Animation

    • Seek Animation (jump to a specific time in the animation)

Multiple Actions at the Same Time

  • You can add multiple actions to the same point in time.

  • The square on the timeline will display a number indicating how many actions are scheduled at that specific moment.

How to add a timed action to the animation timeline
The grey squares with numbers in the 'Actions' row show how many actions happen at a specific point on the timeline
🖌️