Skip to main content
Button component

Add a clickable button to your template

Anna Voloshchuk avatar
Written by Anna Voloshchuk
Updated over 9 months ago

Available for e-Detailers / e-Detailer briefs / emails / email briefs / email fragments / landing pages / landing page briefs / messenger ads / modules

BUTTON is a clickable component you use to trigger actions. The button component comprises a configurable text line and a target URL address.

To add this component to your item, drag BUTTON from the Components tab on the elements panel to the item layout.

To customize the button component, select it on the layout and go to its Properties tab.

The set of available properties depends on the item type you're editing.

On the Properties tab, you can do the following:

  • Assign the element type to classify the component in Veeva Vault.

  • Add or upload some text to the button. Click the button text area to activate the WYSIWYG editor.

Improve the visibility of light text in the text input area with the Dark background toggle.

The button width adjusts to its text.

  • Set the text line height in pixels.

  • Choose the button text alignment once you select the Full width checkbox.

  • Add the required link type to the button component depending on the item type. For this:

    • In emails, their briefs, fragments, and modules, go to the Properties tab and click the button.

    • In e-Detailers, landing pages and their briefs, multipage sites, and messenger ads, go to the Actions tab and select the Open link action.

  • Select the Full width checkbox to align the button with the block width. The button matching the block width has the pre-designed 20-pixel left and right paddings.

  • Choose the button alignment.

On the Styling tab, you can view and modify the button style and position.

e-Detailers / e-Detailer briefs / landing pages / landing page briefs

You can also assign actions and animation to the button component on the respective tabs.

Did this answer your question?