Creating Email: HTML Code Editor

About this task

Composing an email message using the HTML Code editor lets you work directly with the HTML code. You can either compose HTML code from scratch, or paste in existing HTML code directly into the application.

Procedure

  1. Go to Messages > All Messages.
  2. Click Create New Message.
  3. Click Create Email Message.
  4. In the Name Your Email Message section, add a name for the email message in the Message Name text box.

    The email message name is the unique identifier for the email message. Think of it as the name of a document. It is important to remember that this is not the subject line for the email message. You should name the email message something relevant to its purpose.

  5. Optional: In the Message Organization section, select a message folder to store the message in using the Message Folder pull-down menu.
    You can also add a new message folder by checking the Create a new folder in the selected folder box and adding a name for the folder in New Folder Name text box. If you do not select a message folder, the message will be kept in the Messages folder by default.

    For more information on message folders, see Use Folders To Organize Your Messages.

  6. Click the HTML (Code Editor) radio-button.
  7. Click Next.
  8. Add a subject line for your email message in the Subject Line text box.

    For information on writing subject lines, see Effective Email Subject Lines.

    You can use dynamic content in email subject lines. For more information on how to use dynamic content in email subject lines for HTML and Template email messages, see Add Dynamic Content To The Body, Header, And Footer Of HTML And Text Email.

  9. Optional: Check the Sync HTML and Text Subjects box to use the subject line from the HTML version of your email message in the text version.
    The Sync HTML and Text Subjects check box can also be used to add dynamic content to the subject line of the text version of your email message. For more information on adding dynamic content to the text version of email messages, see Add Dynamic Content To The Body, Header, And Footer Of HTML And Text Email.
  10. Optional: Select a header to use in the email message from the Header pull-down menu.
    By default, the Header pull-down menu allows you to select a header that links to the online version of your email message.

    Including a link to the online version of your email message allows your contacts to view the email message in their web browser, instead of their email client. If a contact is having trouble viewing the email message in their email client, they will at least be able to view the email message as you intended in their web browser.

    For more information on creating headers in your account, see Headers And Footers.

  11. Optional: Select a footer from the Footer pull-down menu.
    The following footers are included in the Footer pull-down menu by default:
    • CAN-SPAM Compliant Footer: Adds a CAN-SPAM Compliant footer to the bottom of your email message that includes the recipient, the sender, the sender's physical mailing address, a Forward to a Friend link, a Manage Preferences link, an Unsubscribe link, and a "delivered by" icon.
    • Default Footer: Includes all of the same information as the CAN-SPAM compliant footer, just in a different format.
    • No Footer: Removes all information from the footer except for the bare minimum required to remain CAN-SPAM compliant.

    For more information on creating footers in your account, see Headers And Footers. For more information on CAN-SPAM compliance, see CAN-SPAM Act.

  12. From here, you can begin adding HTML content to the body of the email message.
    For some guidelines you can follow when creating HTML email messages, see Good HTML Email Design.
    Note: HTML5 does not allow nested <p> tags inside of <span> tags.

    If you prefer to use an editor, you can choose to create an email message using the WYSIWYG editor. For more information on creating email messages using the WYSIWYG editor, see Creating an Email Message Using the WYSIWYG Editor.

    1. Optional: Click File Manager to view the files you have hosted in the application.
      Tip: For more information on using the file manager, see Uploading Files to Bronto.
    2. Optional: Click Dynamic Content to add dynamic content to an email message.

      For more information on using dynamic content, see Add Dynamic Content To The Body, Header, And Footer Of HTML And Text Email.

    3. Optional: Use the Insert Special Tags and Insert Field Tags pull-down menus to insert special tags and field tags.

      For more information on using field tags and special tags, see Message Tags.

    Note:
    • We automatically append Txt STOP to <XXXXX> to end, HELP for info. <XX>msg/mo. Msg&Data rates may apply. to all SMS confirmation messages.
    • Any time an SMS call-to-action is used (for example, Text Helptest to 33233 to receive a coupon), you must clearly display the following terms of service/conditions text:
      
      Message & Data Rates May Apply. Text STOP to end. Ts&Cs: bronto.com/sms							
      This includes SMS calls-to-action in emails, tweets, Facebook posts, webforms, web pages, and any form of print communication.
  13. Click
    • Save to save your work and continue editing.
    • Save and Close to save and close the email message.