Knowledge Base

Message Editor Zone - WYSIWYG

  • Updated

The Message Editor includes a WYSIWYG zone that you can use to add a text block to any section of your message.

When you use the WYSIWYG zone, you can create a standalone text block or use it within a column for extra control of borders, padding, and background colors.

Simply drag the WYSIWYG zone from the Zones menu into the content-creation area, as shown.

BEFORE

AFTER

Editor options

Use the WYSIWYG Editor to format your text in a variety of ways, insert images, tables, attachments, and more. A complete breakdown of each option is provided below (discussed from left to right).

Button Description
Cut Cut any text you’ve entered or any of the “lorem ipsum” placeholder text that appears when you add a WYSIWYG text block.
Copy Copy any of the content in the text block so that it can be pasted elsewhere.
Paste Paste any text that is stored on your clipboard.
Paste as Plain Text Paste any text that is stored on your clipboard and don't include any formatting or styling that has been applied to it.
Paste as Word Doc When pasting copy from a Word document, use this tool to paste text and keep your Word formatting such as bold, italic, bullets, indents, etc. Note that not all Word styles will appear exactly as they did in Word due to translation limitations (some Word formats cannot be transferred). Most text will retain the Word formatting which have been converted using proper HTML coding.

NOTE: It's not possible to strip out all MS Word coding when using this feature, and some Word tags may cause deliverability issues. We suggest pasting your copy as plain text and formatting it using the WYSIWYG editor.
Undo Undo text edits performed during the current editing session.
Redo Redo action(s) you've made using the Undo button during the current editing session.
Anchor Text Add an anchor to your text block so you can link to that specific text block from other places in your email. This is perfect for when you want to do a table of contents at the top of your email and link to text sections further down in the email body.

NOTE: Anchor links do not work in all versions of all email clients.
Delete Link Enables you to remove any links in your text. Simply highlight the text that includes the hyperlink and click this to remove it.
Insert Link Transform any text into a hyperlink by highlighting it and clicking this icon. In the pop-up, configure the link with the following options:

NOTE: Learn how to use Link Labels with this option.

  • Link Type - Choose the type of link you need, including URL, Email, or Anchor.
  • URL - Enter the URL (can be internal or external), email address, or Anchor name you want to link to (Anchors must already be created to be selectable).
  • Target - Controls whether the link opens in a new browser window or the same window as the email.
  • Style - Use these options to control whether the link appears as a button or traditional hyperlink. If traditional, you can also check the Underline box to give it an underline for easier link identification.
  • Google Analytics - If you have Google Analytics enabled for your account, you can select and name the additional tracking code items you would like to include in the link. You can choose a preselected profile, or pick and choose which tags to add to your link, including: Source, Medium, Keyword, Content, and/or Campaign. Adding your identifying text to any of these fields will automatically generate the correct Google Analytics code for optimal Google tracking.

    TIP: If you're using Google Goals, you don't have to fill out these fields because your account is configured to automatically append your links.
Number List Transforms highlighted text into a numbered list.
Bullet List Transforms highlighted text into a bulleted list.
Horizontal Line Adds a horizontal line where your cursor is positioned. Adding lines at the top and bottom of text is a great way to visually chunk blocks of text. This adds an <hr> tag to the source HTML code, which is a standard horizontal line tag that will render as a black line that is approximately 1 to 2 pixels in most browsers.
Special Character Allows you to select from one of hundreds of additional text characters. HTML codes for each character will be added to the source code so the characters will render correctly in browsers without the need for additional font coding.
Insert Table Inserts a customizable table where your cursor is positioned. This is a great way to present information that would benefit from being formatted in rows and columns.
Insert Image Click this button to add, edit, and format an image that will be placed directly into your text block. This works well if you have text that needs to wrap around an image.

NOTE: Use the Image zone if you want to create a self-contained image zone in your message.
Insert Personalized Field Add a standard or custom mail-merge field that will automatically be personalized when the email is sent. For example, if you add the First Name standard field, it'll automatically transform into each recipient's first name, pulled from their profile.
Insert Dynamic Content Use to insert any Dynamic Content blocks you've set up for use in your email campaigns. This Dynamic Content will automatically be inserted into your message when your email is sent. See Dynamic Content for more information about creating Dynamic Content.

NOTE: This button is not available in the new Message Editor because Dynamic Content is created and managed via the Dynamic Content zone.
Insert Survey Use this to add a link to any survey you've created using the Survey module.
Insert Event Use this to add a link to any event you've created using the Event module.
Insert Share Link (SWYN) Adds buttons to various social media sites allowing recipients to share your content within their social media networks.
Edit Source HTML Click this to view your content as HTML. This enables easier HTML editing and pasting of HTML into your messages.
Spell Check as you Type Click this to enable spell check. Misspelled words are highlighted red, making them easier to detect as you write your messages.
Change Font Changes the highlighted text's font family.
Change Font Size Changes the highlighted text's font size (up to 72pt).
Align Left/Center/Right Left, center, or right align the paragraph that the cursor is in.
Justify Justifies the paragraph that the cursor is in. This overrides the "align" options.
Bold Click to apply bold formatting to the selected text. This adds the <strong> and </strong> tags in the HTML code.
Italic Click to apply italic formatting to the selected text. This adds the <em> and </em> tags in the HTML code.
Underline Click to apply an underline to the selected text. This adds the <u> and </u> tags in the HTML code.
Subscript Adds <sub> </sub> around the text you’ve selected so that it will appear smaller and down to the right of the text immediately preceding it in all web browsers.
Superscript Adds <sup> </sup> around the text you’ve selected so that it will appear smaller and up to the right of the text immediately preceding it in all web browsers.
Font Color Customize the color of the selected text. You can choose from the default colors or click More Colors for more color options and to specify a hex code.

NOTE: When entering a hex number, include the # followed by the 6 digits.
Background Color Customize the background color of the selected text block. You can choose from the default colors or click More Colors for more color options and to specify a hex code.

NOTE: When entering a hex number, include the # followed by the 6 digits.
Decrease/Increase Indent Click these to increase or decrease the indent (from the left margin) of the paragraph that the cursor is in.

Related articles

Was this article helpful?
0 out of 0 found this helpful
Return to top

Can’t find what you’re looking for?

Create a Case Call US Support