Adform Studio Builder provides you the necessary tools to create an engaging ad from scratch.
To access Adform Studio Builder:
-
Log in to Adform Studio.
-
In the left sidebar, click NEW > Banner.
-
To open a blank Builder workspace, in the list, click Builder Mode: Standard Blank.
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 the component list, in the toolbar at the top of the page, click
.
-
Component settings panel — contains all the properties necessary to customize a specific component.
To open component settings panel:
-
In the toolbar at the top of the page, click
-
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, in the toolbar at the top of the page, click
.
-
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, in the toolbar at the top of the page, click
.
-
Component layer tree — allows you to rearrange component layers to place one component layer above another or move layers into a container.
To open component layer tree, in the left sidebar, click
.
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 in the tree, select 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 allows you to work with a specific component of your banner without being distracted by other components above or beneath it. For example, if you want to work with a button, you can hide images or other components surrounding it via Visibility setting. Once you're finished working with 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 allows you to work with a specific component without accidentally moving or editing other components above or beneath it. For example, if you want to work with a button, you can lock images or other components surrounding it. Once you're finished working with the button and want to work with other components, you can unlock them and edit as needed.
To lock your components:
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.
To access Adform Studio Builder templates:
-
In the left sidebar, click Browse Templates.
-
In the toolbar at the top of the page, click Filter.
-
In the dropdown list, select Builder mode templates.
-
Choose the template that you want to use.
To filter Builder templates based on their categories:
-
In the toolbar at the top of the page, click All Categories.
-
In the dropdown list, choose banner category.
To work with Builder templates:
|
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 makes sure 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. |