Inline Text Editor

If your Element has the option to add text, then you'll need to use the Inline Text Editor!

So if you're adding a Text Element, a Button Element, a List Element, a Menu Element, or an Icon Menu Element, read below to read about the different options in the Inline Text Editor. Each Element shares the basic options, but some have a wider array of options.


In this article


How to Change the Font

Click on the font button and scroll through to choose from the list.

We currently support the following web fonts: Arial, Comic Sans, Courier New, Georgia, Helvetica, Lucida, Tahoma, Times New Roman, Trebuchet Ms and Verdana. All of the fonts listed are web safe fonts.

We also support Google fonts!

Some email clients don't support Google fonts, so if any compatibility issues arise we will replace your Google font with a similar web-based font.

Something to consider: Some Email clients may not support certain fonts. If this is the case, the Email client will replace the font with a fallback font.


How to Change the Font Size

Click on the size button to choose a font size between 10px and 64 px.


How to Change the Font Style

Instead of changing the size of the titles and subtitles, use headings to change their style.

Turning a line of text into a heading, as opposed to just changing its size, will give a bigger line spacing between the selected line and the rest of the text.

Pick a heading style according to the priority of the line or paragraph you wish to turn into a heading:

Heading 1 is the largest in size and line spacing. Use for the text with the highest impact.

Paragraph is used for regular text, which requires standard line spacing and text size (which can be custom).

Headings 2-4 become increasingly smaller, yet are still headings and will separate the heading text from the paragraph either due to size or line spacing.

For example, look at the difference in these two Text Elements below.

On the left, the text is styled as Heading 1, while on the right it is styled as Heading 2.

text15.jpg

How to Change the Letter Spacing

Letter spacing increases or decreases the space between character in text in pixel measurements. It's useful for a more precise formatting of the size, and for creating eye-catching blocks of text.

1. Highlight the text in your Text Element that you wish to adjust the letter spacing, and click on the Letter Spacing icon in the inline text editor.

2. In the drop-down menu, choose between -10 pixels and 10 pixels.


How to Change the Font Formatting

Adjust the text formatting for all or parts of your text. Select the text you wish to format, and click on one or more of the following formatting options:

Bold refers to the thickness of the font. It's good for emphasis.

Italic makes text slanted to the right. Commonly used for emphasis, especially for quotes or when the tone of voice of a fragment is different.

Underlined text is text which has a straight line placed under it. Underline titles, links, or perhaps words that need to be emphasised differently.

Strikethrough places a straight line directly through the centre of the text . It's useful for marking errors, or text that needs to be removed or ignored.

Subscript and superscript are different styles of a text, letter or character that is printed below the line or above the line, respectively. These are especially useful for terms that require further clarification elsewhere in an email or document.


How to Add a Link

Add a link to turn plain text into underlined clickable links. These are useful for adding an unsubscribe link or a link to the web version of your email.

To read more about adding links to your Email activity, head over here.


How to Change the Font Colour

1. Select your text and click on the colour picker button.

2. Use the colour picker to choose a colour that suits your Email.

If you already have a standard colour, enter the colour code in the Hex box. A slightly less dark black is optimal for reading text in white backgrounds. A good example is #4a4a4a. You can also go ahead and enter the colour in RGB format if that's the method you prefer.

The colour picker will save 16 of your recently used colours for each Email. Every new Email will have no recently used colours, but the colours will remain for each Email whenever you go back into editing.

colourPicker.jpg

How to Change the Text Alignment

Select the text you wish to align, then click on an alignment option.

Choose between left, centre and right alignment.


How to Use Data Tags

Data Tags are placeholders meant to represent the particular information of each recipient, and are a great way to create personalised communications with your recipients.

They will be replaced with the Attributes corresponding to the person who receives the Email. We support both custom and default Attributes. Learn more about Attributes...

Click on the Data tags button in the inline text editor, or manually enter the data tag enclosed between "##". From the default attributes, choose from: ##firstname##, ##lastname##, ##email##, ##mobile##, ##birthdate##, ##crmid##.

For example, when you write a sentence with a first name Data tag, your recipients will see their name instead of the data tag. Valid Data tags are displayed with > instead of ##FirstName##).

Event Data Personalisation in Marketing Automation Emails

If you're creating an Email activity for an Email node in a Marketing Automation flow, you may notice a feature that's available only within that tool: Event data personalisation!

The inline text editor allows you to use Event data in your email, which in turn provides extra possibilities for personalised emails for those Profiles who enter your Marketing Automation flows. The Event data available here corresponds with the Event you chose in your Listen node.

These work just like Data tags above, simply expand the Event data drop-down in the inline text editor and select a data point from the Event in your Listen node. For example, you can add the name of a product associated with an Abandoned Cart Event to remind your visitors about the items they left behind. Read more about Profile data and discover all the possibilities.

Did this answer your question?