Text

Text elements form the core of your email's message. This guide explains how to add text blocks, format them using inline and sidebar controls, and leverage smart features for enhanced writing.

Adding a Text Block

  1. Select the Content Tab: Ensure the Content tab is active in the right-hand sidebar.

  2. Drag and Drop: Locate the "Text" element in the sidebar. Click and drag it onto a column or content area within your email canvas.

    When dropped, a default text block (e.g., "This is a new Text block. Change the text.") will appear on the canvas. The rich text editor toolbar will appear above the text block, and its main properties will load in the right-hand sidebar.

Editing and Formatting Text

You can edit text directly on the canvas and use both the inline toolbar and the sidebar options for styling.

1. Inline Text Editing and Toolbar

Click inside the text block on the canvas to activate the inline editor and its toolbar.

The inline toolbar typically includes:

  • Basic Formatting:

    • Bold (B)

    • Italic (I)

    • Underline (U)

    • Strikethrough (S)

  • Lists:

    • Bulleted List (icon with bullet points)

    • Numbered List (icon with numbers)

  • Alignment:

    • Align Left

    • Align Center

    • Align Right

    • Align Justify

  • Text Coloir: (Paint bucket or 'A' icon with colour underline) Opens a color picker to change the selected text's color.

  • Background Colour (Highlight): (Marker pen icon) Opens a colour picker to apply a background colour to the selected text.

  • Font Size: Dropdown to select predefined font sizes or type a custom size.

  • Font Family: Dropdown to select a font family for the selected text.

  • Clear Formatting: (Eraser or 'Tx' icon) Removes all formatting from the selected text.

  • Insert/Edit Link: (Link chain icon) To create hyperlinks.

  • Emoji: (Smiley face icon) Opens an emoji picker to insert emojis into your text.

    • The emoji picker allows searching and categorisation (Symbols, People, Animals & Nature, etc.).

  • Merge Tags: (Often a tag icon or {{}} icon) Allows you to insert dynamic content placeholders (e.g., recipient's name, user properties).

    • Clicking "Merge Tags" usually reveals a dropdown with available tags like "User External ID," "User ID," and sub-menus for "User Properties" (e.g., "Cities," "CompanyId," "Email"). Selecting a tag inserts it into the text.

  • Smart Text (AI): (Sparkle or magic wand icon) Opens a modal with AI-powered text enhancement tools.

    • Options:

      • Fix Spelling & Grammar

      • Expand Text

      • Summarize Text

      • Rephrase Text

      • Make It Friendly

      • Make It Formal

    • Select an option (e.g., "Fix Spelling & Grammar"). The AI will process the selected text in the block and apply the changes or offer suggestions.

Sidebar Text Properties

While the inline editor is great for quick changes and specific selections, the right-hand sidebar provides more global styling options for the entire text block.

  • Font Family: Select a default font for the entire text block (e.g., "Andale Mono"). This can be overridden by inline formatting for specific words/phrases.

  • Font Weight: Set the default font weight for the block (e.g., "Regular").

  • Font Size: Set the default font size for the block in pixels (e.g., 14px, changed to 23px).

  • Colour: Select a default text colour for the block.

  • Text Align: Align all text within the block (Left, Center, Right, Justify). (e.g., "Center" selected).

  • Line Height: Control the default line spacing for the block, as a percentage or pixel value (e.g., 140%, changed to 170%).

  • Letter Spacing: Adjust the default spacing between characters for the block (e.g., 0.2px).

Links Styling (Sidebar)

Configure default styling for any hyperlinks within the text block.

  • Inherit Body Styles:

    • On (toggle active): Link styling is taken from global "Body" settings.

  • Off (toggle inactive): Allows custom link styles for this text block (Colour, Hover Colour, Underline, Hover Underline).

General (Container Padding - Sidebar)

Adjust padding around the entire text block element.

  • Container Padding:

    • All Sides: Set equal padding on all sides (e.g., 10px).

    • More Options: Toggle on for individual "Top," "Right," "Bottom," "Left" padding controls (e.g., Top changed to 18px).

5. Responsive Design (Sidebar)

Control visibility on different devices.

  • Hide on Desktop: Toggle to hide the text block on desktops.

PreviousHeadingsNextImages

Last updated