Amazon Ad Server will be sunset in Q4 2024, please visit this page (AAS offboarding information) for offboarding support resources and sunset FAQs. Details shared on that page represent the most up to date information in the Help Center, if you find disparate information in other resources please default to the information in the AAS offboarding information page accordingly.

  • 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: 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.

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

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



The following table describes the fields that you can modify.




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.


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).


Determines the opacity (transparency) of the component instance.


Describes the content of the text field.


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.


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


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


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.


Adds a fading to the shadow.

Reset to Default Style

Reverts back to the original design of the button.

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