Settings for Button Content Block

How to add and configure a Button Content Block, including actions, styling, and sizing.

Written By Danny Schaffer

To change Settings for a button, first make sure that a Button Content Block has been added to the marketing piece.

Adding a Button

  1. Click the “Content” tab and expand the “Additional Elements” content category.

  2. Click and drag a Button block into place.

  3. Click the text in the button and type your call to action.

  4. Head to the Content Properties area on the right.

  5. In the Action section, paste the desired link in the URL field.

A gif showing a Button content block dragged into place. The button is clicked in the main area and "Schedule Your Viewing" is typed in. A URL is posted in the Action field and the button's color is customized.

"Button Properties"

In the "Content Properties" area on the right side of the Template Builder, you can alter the following settings:

  • Action - Set a URL link or set the button to send an email, dial a phone number, or send a text message.

  • Auto-width - Toggle this option to manually set the width of the button.

  • Font, Font Weight, Font Size - Configure the font used in the button.

  • Background Color - Change the color of the button by entering a hex code or clicking on the color square to use the color picker.

  • Text Color - This will only apply to text within the selected button block. Similarly, enter a hex code or use the color picker to select a color.

  • Align - Set the button to align to the left, center, or right of the row.

  • Line Height - Change the height of the button and the space between multiple lines of text by clicking through these four options.

  • Border Radius - Change the curvature of the corner of your button. Lower = Square, Higher = Rounded

  • Content Padding - Change the size of the button by adjusting the padding here. Toggle the "More Options" off to set the padding for all sides equally.

  • Border - Add and adjust the border for the button with these options. Toggle "More Options" on to set the border for individual sides of the button.

  • Block Options - Looking to alter the padding around this text area or hide the text on Desktop or Mobile devices? Explore these options below.