Navigate Around Builder

Greta
Greta
  • Updated

Adform Studio Builder provides you the necessary tools to create an engaging ad from scratch.

To access Adform Studio Builder:

  1. Log in to Adform Studio.

  2. In the left sidebar, click NEW > Banner.

  3. To open a blank Builder workspace, in the list, click Builder Mode: Standard Blank.

Get to Know Builder Elements

To successfully work with Builder and create a banner from scratch, you use the following elements:

  • Component list — provides a list of different components that can be inserted into a banner.

    To open component list:

    1. In the section at the top of the page, click Studio_component_list.png.

  • Component settings panel — contains all the properties necessary to customize a specific component.

    To open component settings panel:

    1. In the section at the top of the page, click Studio_component_list.png.

    2. In the dropdown list, select the component you want to add.

  • Edit mode switch — allows you to select components to include in the banner and customize their settings as well as their position.

    To enter edit mode:

    1. In the section at the top of the page, click Studio_mode_switch.png.

  • Preview mode switch — allows you to see what the banner will look like when implemented. You can check animations, clickTAGs, and others.

    To enter preview mode:

    1. In the section at the top of the page, click Studio_mode_preview.png.

  • Component layer tree — allows you to reorder component layers to place one component layer above another or move layers into a container.

    To open component layer tree:

    1. In the left sidebar, click Studio_component_layer_tree.png.

Order Your Components in the Component Layer Tree

Component layer tree gives you an overview of the components that you're using while creating your ad. The order of the components in the tree determines how they're displayed in the ad. For example, the component at the top of the tree is displayed above all other components, while the component at the bottom of the tree is visible only if it's not fully covered by other components on top of it.

To rearrange the order of the components you add to the tree, click on a specific component in the list and drag it up or down.

Note

If you have one or more components either Locked or hidden via Visibility setting, you can't change their position in the component layer tree.

Visibility Setting

Visibility setting allows you to work on a specific component of your banner without being distracted by other components above or beneath it. For example, if you want to work on a button, you can hide images or other components surrounding it via Visibility setting. Once you're finished working on the button, you can set Visibility setting to show all components again and see how your banner looks.

To change Visibility setting for your components:

Locking Components

Locking components allows you to work on a specific component without accidentally moving or editing other components above or beneath it. For example, if you want to work on a button, you can lock images or other components surrounding it. Once you're finished working on the button and want to work on other components, you can unlock them and edit as needed.

To lock your components:

Use Builder Templates

Builder templates consist of pre-made sets of components that you can easily move around or quickly switch with your own content. You can find these templates in the list of all templates.

Find the Right Template

To access Adform Studio Builder templates:

  1. In the left sidebar, click Browse Templates.

  2. In the section at the top of the page, click Filter.

  3. In the dropdown list, select Builder mode templates.

  4. Choose the template that you want to use.

You can also filter Builder templates based on their categories:

  1. In the section at the top of the page, click All Categories.

  2. In the dropdown list, choose banner category.

To work with Builder templates:

Glossary of Builder Terms

Action

Description

Alignment

Allows you to position your component in line with the margins.

Arrangement

Allows you to determine your component's position among other components.

Rotation

Allows you to rotate your component according to the entered sum of degrees.

Visibility

Allows you to either enable or disable the visibility of your component.

Opacity

Allows you to adjust the transparency of your component.

Call-to-action (CTA)

Allows user to trigger a certain action when they click on a component.

Dynamic Creative Optimization (DCO)

A type of ad that displays content that is based on a user's data.

Secure Socket Layer (SSL)

A cryptographic protocol that ensures encryption between a user's browser and the server seeking to create a reliable connection.

Sandbox

Location in Adform Studio that stores all the banners that you recently worked on.

Content Delivery Network (CDN)

Geographically distributed group of servers that provide high performance internet content delivery.

Was this article helpful?

/
How we can make it better?

Thank you for your feedback!