Help Pop-up for Newsletter Advanced Editor

Contents

Advanced HTML Content Editor

Content Editor Mode

Go to My Account > Settings > Content Editor > Content Editor Mode – to select Rich Text, Raw HTML, or Plain Text mode.

  • Rich Text mode – allows you to edit your email message in a What-You-See-Is-What-You-Get window with a limited subset of HTML tags and attributes. The Rich Text Editor is configured for compatibility to automatically remove tags and attributes that are not consistently supported in HTML emails.
  • Raw HTML mode – accepts HTML code and text without inserting any additional formatting. If you are importing HTML code that you do not want altered, use this mode.
  • Plain Text mode – is used for entering unformatted text. Plain Text mode inserts HTML line breaks wherever line breaks have been created using the Return or Enter key. This mode is usually not used with the Advanced HTML Content Editor.

To preserve your original HTML code as written, please switch to Raw HTML mode.

HTML Email Compatibility

Many HTML tags and attributes that are standard fare for web pages are not supported by major web-based email providers and email software programs.

We provide easy-to-use template and custom template design services to help users navigate the inconsistencies of HTML emails.

Live Support is not able to troubleshoot rendering issues with HTML created with external software, including web design programs like Microsoft Front Page and Adobe Dreamweaver.

Problem HTML Tags & Attributes – Do Not Use

HTML Emails should not include forms, inputs, scripts, css, or media embed tags due to widespread lack of support and blocking of emails containing these elements.

  • css – not supported in Google Gmail – use inline styles instead
  • embed – not supported in emails
  • form – not supported in emails
  • javascript – not supported in emails
  • link – linked css or javascript – not supported in emails
  • script – not supported in emails

Supported Style Attributes – Use with Caution

Many email clients support these common style attributes.

  • background-color
  • background-image – not Windows Live Hotmail
  • background-position – not Windows Live Hotmail
  • border
  • clear
  • float
  • font-family, font-size, font-weight, font-style
  • font-family in quotes
  • line-height – not Apple MobileMe
  • margin – not Windows Live Hotmail
  • padding
  • link colors
  • width and height

Styles should be applied inline for each element even though this is time-consuming. Why? Google Gmail removes all class names and ids and does not support inline or header css; Windows Live Hotmail does not support font inheritance; some web-based email clients use their own css which will affect elements in emails. We recommend, at a minimum, signing up for free Gmail and Hotmail accounts and send previews to yourself to test your custom HTML.

Always use the specific background-attribute instead of the shorthand background attribute which is stripped out by Windows Live Hotmail to block support of background-image. Microsoft Outlook 2007 has significant display issues due to Microsoft’s use the Microsoft Word rendering engine instead of the Internet Explorer rendering engine for security reasons.

Avoid setting margins since Windows Live Hotmail strips margins you may have in your HTML. If you need margins for an element, you can enclose the element inside of a div with padding instead of applying the margin directly to the element.

Windows Live Hotmail adds margins to paragraphs while other email clients do not. We generally use br tags instead of p tags to avoid this issue. Note, Apple MobileMe will double your br tags, adding space between lines. Alternatively, to tightly control paragraph spacing, you can put your paragraph text into div elements instead of p elements.

Custom HTML email compatibility issues listed above are not all inclusive and are subject to change without notice. Free Live Support is not available to trouble-shoot your HTML code. If you need expert assistance, please contact us to arrange for custom HTML email consulting.

Automatic “Paste from Word” Cleanup

Most email marketing programs require you to click into a special window to Paste content from Microsoft Office software. Otherwise your email content can mysteriously disappear after sending, particularly for subscribers using Microsoft Outlook.

MyNewsletterBuilder is a better email marketing solution, automatically cleaning up HTML created when you paste from Microsoft Office programs. All you have to do is Paste into our default Rich Text Editor.

The Save as HTML feature in Microsoft Word creates HTML code that is not widely compatible for emails. For content created in Microsoft Word, we suggest pasting content into the Rich Text Editor. For maximum compatibility, use the Paste as Plain Text button which removes all formatting and apply formatting to content after pasting.

Optional Content Header Token

To add the Content Header to your email marketing message, type or paste this token into your email wherever you want the header to appear: </p>

  • #header_html#

Always check your results by sending yourself a Preview email before scheduling your email Send.

Tokens

Easily insert Subscriber, Sender, Custom Contact and Library content into your newsletters using tokens. Create your own tokens in the Library using familiar format and editing tools. You may include Sender, Custom Contact and Subscriber tokens in your Library tokens – and your newsletters!

mnb_tinymce_icon_template.gif Click this button in the Content Editor toolbar to insert Tokens using a convenient drop-down menu.

Create Your Own Library Tokens
Go to More Features > Library – to create or edit library tokens.

  1. Name Library Token – Enter the name you want to use to refer to this token. Keep it simple.
  2. Edit Library Content – Enter the content of the token in the Content Editor. This is the content that you want to appear in the newsletter when this token is used.
  3. Add Brief Description – Enter a brief description of the content. This helps you identify the token when you are looking through a menu of other tokens. If you skip this step, the name of the token will be used.
  4. Click the Save button.
  5. To use this token to insert content into a newsletter, either type the name of the token (for example, #my_token_name#) or click the mnb_tinymce_icon_template.gif Insert Predefined Content button in the Content Editor.

My Library Tokens
Go to More Features > Library – to create custom tokens for your own reusable newsletter content.

  • Save your reusable newsletter content in your Library

Sender Tokens
Go to My Account > Settings > Member Profile – to change your account contact information.

  • #newsletter_id#
  • #from_email#
  • #from_name#
  • #reply_to#
  • #signature_address#
  • #signature_city#
  • #signature_state#
  • #signature_zip#
  • #org_name#

Subscriber Tokens
Go to My Subscribers > Categories – to search, edit, manage, upload, and download Subscriber data.
Go to My Account > Settings > Subscription Preferences – to allow subscribers to manage their own data.

  • Subscriber Identity
    • #subscriber_id#
    • #email#
    • #first_name#
    • #middle_name#
    • #last_name#
    • #full_name#
    • #company_name#
    • #job_title#
  • Subscriber Contact
    • #address_1#
    • #address_2#
    • #address_3#
    • #city#
    • #state#
    • #zip#
    • #country#
    • #phone_work#
    • #phone_home#
  • Subscriber Custom
    • #custom_1#
    • #custom_2#
    • #custom_3#
    • #custom_4#
    • #custom_5#
    • #custom_6#
    • #custom_7#
    • #custom_8#
    • #custom_9#
    • #custom_10#
  • Subscriber Links – insert special subscriber links
    • Subscribe
    • Unsubscribe
    • Forward to a Friend
    • View as Web Page
    • Preferences
    • Report Spam

Custom Contact Tokens
Go to More Features > Personalization > Custom Contact – to upload your contact photo or add formatted contact data.

  • #contact_photo_html#
  • #contact_photo#
  • #contact_data#

mnb_tinymce_icon_template.gif Click this button in the Content Editor toolbar to insert Tokens quickly using a drop-down menu.

How do Tokens work?

Subscriber tokens are individually replaced with available data for each subscriber when your email is sent. If no data is available, the token is simply removed from the email. Sender and Custom Contact tokens preview and send with your settings as of the moment you select a template to create a newsletter or Instant Import a newsletter from another account. You can update the Sender and Custom Contact data in your newsletters to match the current Account Settings and Custom Contact data using Refresh Template Data option under Name This Newsletter. Subscriber ID and Newsletter ID are automatically set to a unique number. These ID fields are used in header and footer links.

Change Link Color

Link Color / Link Colour
The default behavior of the Content Editor’s Rich Text Editor is to place link tags, which have their own default colors, within font color tags when you apply the Text Color to a selection including the entire link. This causes the default link colors (generally blue or purple) to take priority over the colors you have selected.

The solution using Edit HTML Source is simple and easy. Just move the font color tags (<font> and </font> tags or <span> and </span> tags) inside of the link tags (<a> and </a> tags).

The solution without editing any code is simple and easy as well. Just apply the color to the middle of the link text instead of the entire link. Then edit the link text to remove the characters that are the wrong color.

Step-by-Step How to Change the Color of a Link / Colour of a Link

  1. Click into any article text area to load the Rich Text Editor.
  2. Type two characters (or type your link text and add a character before your text).
  3. Select all characters, click the Insert/Edit Link icon, enter the link information, and click Insert to apply turn the selected characters into a link.
  4. Select the second character (or select all characters except the first character), click the Select Text Color icon triangle to select you preferred link color, and click to set the color of the selection inside your link. (Click elsewhere to deselect your link so you can see your new link colors.)
  5. Select the second character and type the text for your link (or select all characters except the first).
  6. Select and delete the extra default color character (first character) at the beginning of your link text.

Here is an image showing this Step-by-Step process:
Change Link Color Link Colour in Email Marketing with TinyMCE.PNG

This applies to links you create within articles. Most templates also include the option to set the color of a link placed at the end of each article. Look for text fields labeled Link and Link Color at the end of each article.

Newsletter Images

See Help Pop-up for Newsletter Images

Colors

See Help Pop-up for Colors

Contact Live Support

MyNewsletterBuilder is here to support you. If you are not finding the help you need through on-page help and this help directory, please contact us:

  • Chat – Click the LiveSupport button, Monday through Thursday, 7 AM – 10 PM EST/EDT, and Friday, 7 AM – 9 PM EST/EDT
    • We provide personal help through a Live Chat window on your computer screen.
    • Our LiveSupport button is located in the top right corner of each web page.
    • If the Live Chat system is busy or unavailable, your message will be sent by email.
  • Phone – Call us at 1-877-FLY-JBA8/1-(877)-359-5228, Monday through Thursday, 7 AM – 10 PM EST/EDT, and Friday, 7 AM – 9 PM EST/EDT
  • Email – Send email to support@jbanetwork.com
  • Web Form – Contact support using our Web-based Email Form

We provide Live Support 15 hours a day weekdays excluding major holidays. We also check support emails at night and over the weekend. Inquires received after 10 PM EST/EDT (after 9 PM EST/EDT on Fridays) are responded to via email as soon as we have answers to your questions.

Please include your name, username and contact information when you contact Live Support.

If the issue is related to a specific newsletter, please provide the name of the newsletter, the web browser version and the operating system (Windows Vista, for example), and a description of the steps to take to reproduce the issue. This small amount of information allows us to see what you are seeing and address your concerns as promptly as possible.

Yes, we provide Live Support for Free Trial customers. If you do not have an account with MyNewsletterBuilder, the best way to find out how easy it is to create your email marketing is to start your Free Trial today.