Add, edit, and style the Text block

Add, edit, and style the Text block

Add text to your email campaigns and personalize the text's color, size, and style.

The text editing toolbar appears at the top of the Drag-and-Drop Editor design window.

toolbar.png


Before you start

Things you need to know:

  • You need to select a text box inside your campaign for the text editing toolbar to be active.


Add or edit text

To add text to a text block, select the box and enter your text. To edit an existing section of text, select the text and enter your new text or use the toolbar to edit the style.

text2_el.png

Toolbar options

Toolbar_left.png

Paste

You might sometimes write the text for your campaigns in another application or webpage rather than working directly in Drag-and-Drop Editor, before using copy and paste to add this text to your campaign. Often, however, it’s not just the text that you copy, but also some of the formatting hidden in the HTML. This can cause design issues and formatting changes that you don’t want - some of which are only visible on certain devices or email clients.

To avoid pasting unwanted formatting into Drag-and-Drop Editor, use our paste tool.

paste.png

When you select the remove all styles option in the Paste window, the paste tool removes any unwanted formatting and pastes only the text into Drag-and-Drop Editor. You can then style your text using the Drag-and-Drop Editor tools, which helps prevent hidden formatting and the issues this can cause.

paste_window.png

If you want to keep some or all of your original formatting, expand the Formatting drop-down menu, then choose either keep basic styles or try and keep everything, but be aware that this may still bring in some unwanted HTML.

Use this tool to add a variety of different kinds of links to your campaign.

Learn more in Insert links into your campaign.

Data fields

Contact data fields enable you to personalize your campaign content for your recipients.

Symbol

You can use the Symbol toolbar option to open a drop-down menu with a range of symbols to choose from.

To insert a symbol into your text:

  1. Select your text box.

  2. Select Symbol to open the symbols panel.

    Symbols.PNG

  3. If you don’t see the symbol you need, select More symbols to see a larger selection.

    More_symbols.png

  4. Choose a symbol and select INSERT.

Add formatting to the text block

Once you have added text to your campaign, you’ll want to make sure it looks engaging for your readers. The Drag-and-Drop Editor has a range of style and formatting options to help you with this.

Toolbar_middle.png

Screen size and the toolbar

On smaller screens, some of the toolbar options, such as text formatting and alignment, are compressed, and can be accessed using a dropdown menu instead of individual icons.

Toolbar item

Description

Styles

Edit and apply consistent styles across your campaign.
See more about Styles.

Font face

Change the font face of the selected text.

Font size

Change the size of the font.

Text color

Set the color of your text. Select the arrow to the right of the icon to see colors already in use in the campaign and to access the color picker. You can save custom colors to the My colors section from the color picker.*

font_colours.png

Bold

Formats text in bold.

Italic

Formats text in italic.

Underline

Underlines text.

Strikethrough

Formats text with a strikethrough.

Super/subscript

Formats text as superscript or subscript.

Text alignment

Set the alignment of the text to the left, centered, to the right or fully justified.

Line height

Choose from the presets of 0.5, 1.0 or 2.0, or set a custom height by typing it into the Custom field.

Lists (ordered or unordered)

To format text as a list, select the text and then expand the list drop-down and choose Bullet point (unordered) or Numbering (ordered).

*Remove colors from your My colors swatch by selecting Manage in the color picker, selecting the unwanted color or colors from the Manage colors window that appears, and then Remove selected.

Insert a table into your text block

If you want to use a table within your campaign, it needs to be added to a text block.

To do this:

  1. Select the Insert table icon, then use your mouse to draw the size of table you want to add (you can always adjust this later if you need to).

    insert_table.png

  2. Once the table has been added to your campaign, select it, and you will see that the toolbar expands to give options for editing the table.

    table_options.png

  3. The Table, Column, Row and Cell drop-down menus allow you to edit various aspects of your table such as borders, background colour and alignment. You can add or delete columns and rows by selecting the relevant drop-down. The final icon is the Merge cells option which allows you to merge separate table cells together, or split cells that you have previously merged.

  4. Enter content into your table by selecting the cell where you want the content to be placed, then type your desired text.

Choose and manage styles in the text block

You can use Styles to apply consistent font styles across a campaign, and to edit and manage your text and button styles.

Change a font style

To change a font style:

  1. Select the text block that you wish to change and then select the Styles drop-down menu in the toolbar.

  2. The Styles panel opens, displaying the campaign's styles.

    styles_panel.png

  3. Select the style that you want and it is applied instantly to the text block you've selected.

Manage your styles

You won't be able to manage styles if the campaign's styles have been locked. In campaigns with locked styles, you're only able to select the styles that are in the Styles drop-down menu.

To manage text styles in your campaign:

  1. Select Manage my styles at the bottom right of the Styles drop-down menu.

  2. The Manage styles side panel slides in from the right. Select the style you want to edit, and the Edit style panel appears for the selected style.

  3. Make any changes you want to the font, size, color, alignment and line spacing for the style.

    edit_style.png

  4. Once you’re happy with your changes, select APPLY. All of the text for the edited style is then changed across the whole of your campaign, and updated in the Styles selector.

If you change the default style of the campaign, and then subsequently change another style, and then decide to change the default style again, the changes made to any other styles are maintained within your campaign and won't be overridden by the latest default style change.

Styles for buttons

You can also select styles for buttons, and manage them using the Styles menu option.

To manage your button styles

  1. Select either a button block or text block within your campaign body, and then select Styles > Manage my styles.

  2. Select the button style that you wish to edit from the side panel.

  3. In the Edit style panel make your changes to the design of the button and the button text.

    You cannot add or edit button links through the Styles manager.


    edit_button_styles.png

  4. Once happy with your changes, select APPLY. All of the buttons for the edited style are then changed across the whole of your campaign, and updated in the Styles drop-down menu.



    • Related Articles

    • Creating text styles

      Summary Please note: This information also applies to EasyEditor for landing pages. Textstyles are CSS rules that you can apply to text in EasyEditor. Text styles help you to make sure that your users are using consistent styles in their designs. ...
    • Working with text

      When working inside a text block, the text toolbar will be shown at the top of the editor.   Editing text The editor works as you'd expect a WYSIWYG editor to work. So, to change existing text, simply highlight it using your mouse and type. To add ...
    • Edit the source code of an email campaign

      Fine-tune your code and customize it exactly how you want it. Before you start Things you need to know: Only edit the source HTML if you understand what you are doing. Otherwise, you might break your template. Edit the HTML for the entire campaign ...
    • Defining default styles in your templates

      Summary You can define styles in a template's HTML that dictate how text and buttons should look. Styles can be selected by a user in EasyEditor. Styles can also be modified in EasyEditor, unless you choose to lock them.  Default styles block When ...
    • Adding CSS to email templates

      Summary EasyEditor uses classes, attributes, and comments to enable certain features in the user interface. If you want to add your own CSS rules to your email templates, you need to put your styles in the correct internal stylesheets. Otherwise ...