PRODUCT
Follow
  • Creative > Ads > New Ad > Ad Builder

This component allows you to add a button to your ad, and then set various properties to configure its appearance. The Button component includes three states that you can set:

  • Normal

  • MouseOver

  • Clicked

Each state includes its own settings, and you can configure a different look-and-feel for each state.

Note

Note: You cannot create dynamic buttons using the Button component. If you need to create dynamic buttons to AB testing (for example, call-to-action buttons), use a combination of the Shape and Text components.

Procedure
  1. In Ad Builder, from the Components pane, click Button.

    components_button.png
  2. In the Properties pane, configure the relevant settings.

    properties_button.png

Properties

The following table describes the fields that you can modify.

Field

Description

Button

Defines the name of the component instance and the associated layer.

W and H

Defines the dimensions, width and height, of the component instance.

X and Y

Defines the positioning of the component instance on the stage.

Rotation

Defines the rotation angle of the component instance.

Show on Load

Determines whether to show the component instance as soon as the ad displays, or to hide it (for example, to show the instance later in the animation).

Opacity

Determines the opacity (transparency) of the component instance.

Label

Describes the content of the text field.

Font

Defines font type, size, color, and style.

Button States

The following button states are available:

  • Normal: Determines the basic look-and-feel of the button in the ad.

  • Mouse Over: Determines the look-and-feel when a user hovers over the button.

  • Clicked: Determines the look-and-feel when a user clicks the button.

Fill

Sets the color and opacity to fill the shape. The fill can be a plain color, a gradient, or an image.

Shadow

Defines the shadow color of the component. The default shadow color is white.

Offset

Defines the X, Y offset of the shadow. Negative values are on the left or top of the shape, while positive values are on the right or below the component.

Blur

Adds a fading to the shadow.

Reset to Default Style

Reverts back to the original design of the button.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments