From September, Flash will no longer be supported by Chrome. Prepare for the shift towards HTML5 by visiting our Flash to HTML5 help page

Check it out!

Good to know

Awesome Studio features which are not that obvious, but definitely will help you to work on your ad's. 

  • Snapping

    Component alignment snapping is a cool feature. It allows you to place specific component at the correct place or just simply to indentically align a couple of similar components. 

    You simply have to press "CTRL" (without releasing) on the keyboard and drag your needed component with the mouse until you will find the perfect spot for it.

     

    Components snapping

    1) Using components snapping workflow

  • Drag and drop on top of builder mode

    The easiest way to upload your assets in Studio's new builder is by dragging and dropping on top of the builder itself.

     

    Dropping an image

    1) Dragging and dropping an image on top of new builder workflow

     

    Dropping video

    2) Dragging and dropping video file on top of new builder workflow

  • Contextual Menu

    You can reach contextual menu by pressing right mouse button anywhere in the new builder.

    Arrange

    You can simply arrange components by leveraging arrange functionality. One of the ways to do that is by pressing right mouse button on the component which you want to arrange and select 'Arrange' from the contextual menu.

     

    Arrange functionality

    1) Using "Arrange" within contextual menu workflow

     

     

    Align

    You can simply align components by leveraging align functionality. One of the ways to do that is by pressing right mouse button on the component which you want to align and select 'Align from the contextual menu.

     

    Align functionality

    1) Using "Align" within contextual menu workflow

    Quick clickTAG

    You can quickly add a clicktag on top of almost any component inside our new builder. Firstly, you have to make sure that you have at least one clickTAG added in your banner settings. Afterwards, just simply click right mouse button on the component on which you want to add a clicktag and select "Add"->"clickTag"->(clicktag name) from the contextual menu.

     

    Quickly add clicktag

    1) Quickly adding a clicktag via contextual menu

  • Initially Hidden Components

    Component visibility option allows you to hide or display the selected component. The hidden component is not visible until it is triggered by a specific action (for example, a click, a press, a mouse in). You may want to have a component hidden if, for example, it has animation 'fade from 0% to 100%', and the trigger is needed before the animation starts.

    By default, the components are visible. To hide the component, follow these steps:

    1. Select a component from the components menu. For example, if you want to hide an image until it is uncovered by clicking a button, select Image.

    visbility comp 2

    2. In the image settings tab, click Size & Position (1), uncheck the Visible feature (2), and click Save on the top menu panel.

     visibility check 2

     3. Select the component on which the action is going to be performed. For example, if you want your image to become visible upon an action on a button, select Button component.

     visibility video

    4. In the settings tab, click Actions -> New Action and select which user action will trigger the further action. For example, select Click if you want to see an action upon clicking a button.

    visibility action

    5. From the drop-down menu, select an action, for example, Change Visibility.

    visibility change

     6. If you selected Change Visibility, you will be asked to specify the Action (1), for example, Show, and then select the Target (2), which in this case is the image (Adform banner). You have now instructed to change visibility (show Adform banner) upon clicking on a button. Click Save on the top menu panel.

    visibility target

     7. You can now click Preview to see how your image becomes visible upon clicking a button.

    visibility preview

     

    Initially Hidden Component applied on stage