Actions

Actions are things that happen with the banner based on interaction of the user or when the banner loads. You define what happens when a users interacts with an element.

Every action has its own icon, showing you what kind of action will be executed, without expanding the action. By default, every banner creative comes with a standard action (Action 0), which is performing an exit click when a user clicks on the background.

Note: You do not need to worry about assigning clicks to any elements you put on top of background

If you have issues rendering a preview of a page, please make sure that all actions are assigned correctly. Leaving an action to execute without an assigned element will cause a warning when trying to preview a banner. 

Adding an action

Use the + icon next to the actions header to add a new action. When adding an action, select the correct trigger, which is either when the banner loads or when the user interacts with an element, and which element (Hovers on, off or clicks it). 

When the trigger has been selected, you have to assign an action to this. This list depends on the selected trigger, so click related actions will not appear if the trigger is not a click. 

Start Animation: You can select an animation that you prepared in the animation panel or create a new one and immediately select it. 

Perform Exit Click: by default, the system already supports a default exit click over the entire banner. Should you need additional clicks, like having product related items go to the product page instead, select extra1. These settings are configurable once you either import the banners into WCM or use our WARM Previewer system to test.

Note: The names of the elements are the names as listed on the Stage elements list. Make sure the names are clear enough so you know which elements to select.

Deleting an action

Clicking the trashcan icon next to the action name will delete the action.

Animations

Animations are sequences of animated elements that move in or out of the banner. These animation sequences can be re-used and can be used in multiple actions. For example, you can set up an animation which launches when the banner launches, and when the user hovers over the banner. 

Creating a new sequence

You start out by creating a sequence, if you arrived to this panel via the actions panel, chances are, the sequence has just been created. if you need to add an animation, click the + sign next to the panel header.

Animating an element

When creating a sequence, you will automatically have to select the first element to be animated. The list of elements is based on the elements list in the left menu. make sure that you named your elements accordingly. 

Select an element to animate using the element dropdown. As noted earlier, the dropdown values are determined by the names used in the stage elements panel on the left. 

The element can be animated to either move IN or OUT of the banner. That means that the position the element is currently at, will be used as the ending position of any IN animations and will be the starting position of any elements that have to move OUT of the banner. 

Adding additional elements to animate

Click the + Button next to the sequence name. The new element to animate will immediately be added to the bottom of the list. 

Sequence Timeline

When a sequence is being executed, it will go from the top of the list to the bottom of the list. Elements are triggered one by one, unless the "order" of elements have been set to "with previous" The colored band next to the element will either be grey or green in alternating turns.

In the example above, you can see alternating bands. This means that the sequence does not contain any animations that execute at the same time.

Looking at the sequence above, you can see that Text 2 and Text 3 are executing at the same time, due to the fact that they've got the same color before the next color appears. 

Looping the sequence

Next to the button to add another element, you will be able to loop the animation. Per default, the value is at 0, so it does not loop. You can set up to max. 2 loops per sequence. 

Previewing the animation

The play button next to the sequence name will preview the animation as is. It will also take any loops into account.