In Alto, to save you time and to help ensure your communication to your customers is on brand, you can now select a template to use when sending an ad hoc email.
This article will help you learn how to use the content properties mode in email templates.
This article contains:
- When you click on a content element inside a message, the content panel switches to Content properties mode, and you can change the settings of that particular content block
- When you click outside of a content element, the row in which the content element is located will be selected and its properties will be available. For more information on How to use rows, click here
- The Content properties area changes depending on the content element that has been selected
Some properties are available for any content type, while others are specific for certain content types. For instance, the letter spacing property is only available for content blocks where there’s a text element, like Title, Text, Menu, Button, etc. This setting enables you to customise the spacing in pixels between letters, where 0 is the default spacing for the font in use
- Another example is the button block, where you will see a number of tools to help you style the button and link it to your desired action (open a web page, send an email, make a phone call, etc.). In the example below, the “Show me how” button has been selected
- The properties panel switches to button mode and allows you to set the button’s width, background colour, text colour, alignment, roundness of the corners, padding around the text, etc.
- When the properties panel is longer than the height of the screen, a scroll bar appears on the right side
- Some of the controls, including Content padding and Borders have both a simple editing mode – where only one setting is shown – and an advanced editing mode, where more control is provided (e.g. specifying padding for the four sides of the object independently of each other)
- Padding settings can be configured both for all sides of the selected element
- Or select More options to change padding separately for each side
- Border settings can be configured both for all sides of the selected element
- Or select More options to manage borders separately for each side of a button, column, etc.
- As you pick colours for fonts, background colours, etc., the editor will learn and remember them, making them quickly accessible to style future content elements