Content and Content Properties
- 06 Sep 2024
- 3 Minutes to read
- Contributors
- Print
- DarkLight
- PDF
Content and Content Properties
- Updated on 06 Sep 2024
- 3 Minutes to read
- Contributors
- Print
- DarkLight
- PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Content and Content Properties
The available content elements are located in the CONTENT tab on the left side of the application.
Just drag and drop a content element – button, image, text block, divider, social media sharing – to the message Stage on the right.
CONTENT Tab
.png?sv=2022-11-02&spr=https&st=2025-01-18T07%3A42%3A04Z&se=2025-01-18T07%3A52%3A04Z&sr=c&sp=r&sig=f2aFYc8zdnpGJ1utBYBg0zEg%2B7OZzt4mWIZNcS5SfLQ%3D)
CONTENT Tab Item Descriptions
Item | Description |
|---|---|
TITLE | Place a TITLE content element as a place-holder for a title block. |
PARAGRAPH | Place a PARAGRAPH content element for text in paragraph format. |
LIST | Place a LIST content element for a bulleted or numbered list. |
IMAGE | Place an IMAGE content element as a placeholder for an image or graphic file. |
BUTTON | Place a BUTTON content element as a placeholder for a graphical button associated with an action such as opening a web page. |
TABLE | Place a TABLE content element as a placeholder for a table containing a header, columns, and rows. |
DIVIDER | Place a DIVIDER content element as a placeholder for a graphical element that separates content such as a solid or dashed line. |
SPACER | Place a SPACER content element as a placeholder for a spatial element that separates content such as white space. |
SOCIAL | Place a SOCIAL content element as a placeholder for a icons that direct your customers to your social media sites. |
HTML | Place an HTML content element as a placeholder for a block of custom HTML code. |
VIDEO | Place a VIDEO content element as a placeholder for a video file. |
ICONS | Place an ICONS content element as a placeholder for graphical icons. |
MENU | Place a MENU content element as a placeholder for a list of items. |
Content Properties
Clicking a content element inside the message switches the CONTENT tab to CONTENT PROPERTIES mode, so you can change the settings of that particular content block.
If you click outside of a content element, the row in which the content element is selected and its properties are visible.
CONTENT PROPERTIES
The CONTENT PROPERTIES area changes depending on the content element selected. Some properties are available for any content type, while others are specific for certain content types. For instance, the letter spacing property is available only for content blocks where there is a text element, like TITLE, PARAGRAPH, TABLE, and MENU. This setting enables you to customize the spacing in pixels between letters, where 0 is the default spacing for the font in use.
Another example is the BUTTON element, where you have 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.).
The Properties Panel switches to button mode and allows you to set the button’s width, background color, text color, alignment, roundness of the corners, padding around the text, and so on. When the Properties Panel is longer than the height of the screen, a scroll bar appears on the right side.
With buttons, as well as many other content items, the editor gives you great control of the design of your email messages. 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).
Text Editing
If you click inside a text content block, the Text Editor toolbar appears directly on the editing Stage. It gives you access to a number of text editing tools: font family, font size, basic formatting, text alignment, numbered and non-numbered bullets, font color, links, etc.
Note that, if you set the font family to Global Font, it inherits the font family selected under the BODY tab.This allows you to change the font family for multiple elements at once just by changing that property in the BODY tab.
Text Editor Toolbar Item Descriptions
Item | Icon | Description |
|---|---|---|
Bold |
| Use to apply bold formatting to text. |
Italic |
| Use to apply italicized formatting to text. |
Underline |
| Use to apply underline formatting to text. |
Strikethrough |
| Use to apply strike through formatting to text. |
Text color |
| Use to apply color formatting to text. |
Background color |
| Use to apply background color formatting to text. |
Superscript |
| Use to apply superscript formatting to text. |
Subscript |
| Use to apply subscript formatting to text. |
Special character |
| Use to insert special characters such as symbols. |
Emoticons |
| Use to insert emoticons. |
Nonbreaking space |
| Use to insert a non-breaking space. |
Hide/Unhide |
| Click to hide or show the formatting tools. |
Clear formatting |
| Click to clear your formatting. |
Insert/edit link |
| Click to insert a new or edit an existing hyperlink, such as a URL, email address, or telephone number. |
Remove link |
| Click to remove a hyperlink from text. |
Merge tags |
| Click to insert a variable. |
Is it helpful? React and share your comment
