Adding buttons to your campaign

Summary

EasyEditor allows you to easily add buttons to your campaign by dragging and dropping in the Button building block.

Recipients clicking on the button will be taken to wherever or whatever you set the button to link through to.

Adding a button

Drag and drop the Button building block into the desired position in your campaign.

The button automatically picks up and matches the styling of any other buttons that are in your campaign already.

Editing a button's settings

To edit the settings of a button, click on the button within your campaign.

The button 'Settings' panel will then display. 

You can switch between Button and Borders to do the following things:

  • add a link to the button - clicking under 'Button URL' will open up the 'Add a link' dialog window
  • change the button's colour - enter either the hex code or click on the colour picker to choose
  • align the button - left, right or center, or go full-width
  • add horizontal and/or vertical padding to the button
  • set a minimum width
  • set a button border colour - enter either the hex code or click on the colour picker to choose
  • set a button border width
  • set a button border radius

Editing a button's text

The text can be changed by clicking on the button to make the cursor appear, followed by entering the text you want displayed. 

The options along the text toolbar can also be used, such as changing font, font size, text colour, italicising, etc. You can even personalise buttons if you wish. 

Provided the 'Styles' option is available in the text toolbar for the campaign, you can apply them easily to your buttons. Read more about applying styles for buttons.
Have more questions? Submit a request

Comments

  • Avatar

    Hi Neal,

    Like this but can see how to align a button (left / centre / right). Is this possible?

    Mike

  • Avatar

    Hi Mike,

    Yes it is. However, you'll need to do it within the HTML itself. Go to 'Utilities', select 'Edit source' and then look for <td class="button-container">. You can then add 'button-center', 'button-left' or 'button-right' to align it, e.g. <td class="button-container button-center">.

    Edited by Neal Goldsmith
Powered by Zendesk