Feature overview

The HTML Content type provides a standard WYSIWYG editor in the Template Designer and Message Designer editors to ensure a familiar and easy-to-use editing experience.

The HTML Content editor, you can manage:

• text alignment and properties (font, color, style [e.g., headings], and formatting [e.g., bold and italic]);
• bullets and numbering; and
• tables, hyperlinks, and images.

In the editor, you can also click the Source code icon in the toolbar if you want to work directly in the HTML source code of your messages.

Add the HTML Content type to a template

This section describes how to add the HTML Content type in Template Designer.

NOTE: You must do this in order for the HTML Content type to be available in Message Designer.

1. From the Structure section, drag a Message Content block and drop it onto the template canvas.

The Message Content block is selected and you can set its properties in the Message Content Properties panel now or return and set them later.

2. Scroll down the panel on the left and expand the Message Content section.
3. Click the HTML Content block (and any other content types that you want available in this specific Message Content block).

Content blocks become shaded to indicate that they have been selected.

The Content blocks that are selected are now "available" to be inserted in the Message Content section in Message Designer when creating and editing messages that are based on this template.

Repeat this process for any additional Message Content blocks that you want in the template in order to have the HTML Content type be available in messages, as described in the next section.

Insert an HTML Content type in a message

This section describes how to insert an HTML Content type in Message Designer.

NOTE: The HTML Content type will be available only if it has been added it to Message Content blocks in the template that is used for the current message. Refer to Add the HTML Content type to a template above.

1. On the Design Message tab, click Add Content and select HTML Content.

2. With the HTML Content type selected, click Open HTML Editor in the HTML Content Properties panel on the left.

The editor opens and you can now add your content. Refer to HTML Content Editor options, below, to learn about the editor's toolbar features and formatting options.

HTML Content Editor options

This section describes the HTML Content editor and the formatting options that are available in the toolbar.

• To reposition the editor: hover on the title bar, click and hold, and drag the editor in any direction.
• To resize the height of the editor: click and hold the Resize icon in the lower right of the editor and drag up or down.
• To resize the width of the editor: click and hold the left or right border of your browser and drag horizontally.
• To toggle between word and character counts: click the x WORDS count in the lower right of the editor.
• To save your edits: click Close in the lower right of the editor. Your edits are automatically saved and now display in the designer's canvas.
• To undo changes after closing the editor: click the undo button in the upper right of Message Designer.

Toolbar options

The following table describes the formatting options.

TIP: There are numerous customization options for your message elements, such as tables (e.g., alignment, background color, border style and color), bullets and numbering (e.g., indent for different "levels"), headings (e.g., horizontal alignment). Higher Logic encourages you to experiment with these options to craft content that is just right for your message.

Option	Description
	Click these buttons to undo and redo edits to your content.
	Use this menu to apply a style to an entire paragraph. The Heading styles have preset properties (e.g., color, alignment) but you can override these after applying the style.
	Click these buttons to format your text for attention and/or effect (bold, italic, underline, subscript [i.e., lower than the adjacent text], and superscript [i.e., higher than the adjacent text]).
	Use this menu to insert a table and then manage its properties. After inserting a table, you can: add and delete rows and columns; manage the vertical and horizontal alignment of the content in a cell; manage the thickness and color of the border; manage a cell's background color.
	Click this button to access the HTML source code of your content. You can paste custom HTML code to save time manually formatting the content. WARNING: This option should be used only by those who are proficient in and comfortable with modifying HTML code.
	Click these buttons to manage the alignment (left, center, right, and justified) of your paragraphs and headings.
	Click these buttons to apply bullets and numbers to your text. Click the dropdowns to choose from several styles. Click the indent and outdent buttons (or press the Tab key on your keyboard) to manage the "levels" of numbers and bullets.
	Click these buttons to indent or outdent your text. Use these actions to create different "levels" of bullets and numbering.
	Click this button if you want to clear any text formatting that was included with content that was pasted into the editor from another source.
	Click the: underlined A button to change the color of the selected text. font name button to apply a different font to the selected text.
	Click this button to add a personalization field to your content. See Personalization (Higher Logic Thrive Communications) to learn all about this feature.
	Click this button to add a Date Code field to your content. Select your regional and format preferences. Date Codes automatically input the <current_date> when a message is sent. See Date Codes (Higher Logic Thrive Communications) to learn all about this feature.
	Click these buttons to add and remove hyperlinks in your content. You can hyperlink text and images. See Hyperlinks in Messages (Higher Logic Thrive Communications) to learn all about this feature.
	Click this button to add an image to your content. Choose an image from your account-specific collection in Asset Manager. See Asset Manager in the Designers (Higher Logic Thrive Communications) to learn all about this feature.