Branded Eblast Templates

Branded Eblast Templates

Editable HTML

Use this template if you are comfortable editing HTML markup. Edit the text and header image; then, for more consistent display across email clients, convert the code using a CSS inliner tool such as MailChimp’s.

Edit in Outlook (HTML with inline styles)

To edit and use this template, visit one of the links below in a browser and copy/paste into a new email in Outlook, then edit the text and header image and send.

MailChimp drag-and-drop templates (requires free MailChimp account)

Using Mailchimp templates

When sending via Outlook:

  1. Sign into your Mailchimp account.
  2. Select the Mailchimp template you want from the list above. It will be brought into your Mailchimp account.
  3. For our purposes, this “Template” is actually your email and will produce the code you’ll be sending. Select “Edit” and rename the template to something that fits your campaign. Then, edit as desired. See http://kb.mailchimp.com/ to learn how to add and subtract fields, edit text, upload images and other tasks.
    • You will need to create a header image to replace the one in the template. Pixlr (https://pixlr.com/editor/) is an online image editor you can use if you do not have one installed on your computer, and HWCOE logos are available at https://www.eng.ufl.edu/marcom/resources/branding-style-guide/.
    • Header image should be 600px wide, and we recommend the height not exceed 400px. Make sure to add alt text.
    • Make sure to edit your address and the links in the footer, as well as social media links if applicable. Federal regulations require that accurate contact information and a link to unsubscribe from future emails appear in any marketing or solicitation email you send.
  4. When you’re done editing your email, select “Preview and Test” (top right corner) and then “Send a Test Email.” Enter your own @ufl.edu email address in the address field and choose “Send Test.”
  5. Once the test email shows up in your Outlook inbox, Choose “Forward” (select “Yes” in the dialog box that pops up asking if you want to download external content) and then remove the header information from the top of the email, edit the subject line and send to your recipient list.
  6. To create another email, make a copy of one of your existing emails: go to your Templates list in Mailchimp and choose Edit > Replicate next to the desired email. Then edit that copy as needed, send a preview and forward to your recipient list as in steps 3-5 above.

When sending via Mailchimp:

  1. Sign into your Mailchimp account.
  2. Select the Mailchimp template you want from the list above. It will be brought into your Mailchimp account.
  3. Edit your email as desired. See http://kb.mailchimp.com/ to learn how to add and subtract fields, edit text, upload images and other tasks.
    • You will need to create a header image to replace the one in the template. Pixlr (https://pixlr.com/editor/) is an online image editor you can use if you do not have one installed on your computer, and HWCOE logos are available at https://www.eng.ufl.edu/marcom/resources/branding-style-guide/.
    • Header image should be 600px wide, and we recommend the height not exceed 400px. Make sure to add alt text.
    • Be sure that your address, social media links, etc. in the footer are correct.
  4. Send to your email list. See http://kb.mailchimp.com/ for instructions on how to set up Lists.

When sending via UF Advancement/Salesforce:

  1. Sign into your Mailchimp account.
  2. Select the Mailchimp template you want, and it will be brought into your Mailchimp account (NOTE: these have been updated Feb. 2019 with code required by Salesforce, so make sure you have the SALESFORCE version of the template).
  3. For our purposes, this “Template” is actually your email and will produce the code you’ll be sending. Select “Edit” and rename the template to something that fits your campaign. Then, edit as desired. See http://kb.mailchimp.com/ to learn how to add and subtract fields, edit text, upload images and other tasks.
  4. When you’re done editing your email, select “Save and Exit” (lower right corner)
  5. From your list of templates, choose Edit > Export as HTML from the dropdown next to the email you just edited; confirm “Export Template” in the dialog box
  6. Open your downloaded HTML file in a text editor and make the following edits:
    • Change <title>*|MC:SUBJECT|*</title> to <title>Your Subject Line Here</title>
    • Salesforce adds preview text, so we’ll need to remove Mailchimp’s. Remove the following block of code:
      <!--*|IF:MC_PREVIEW_TEXT|*-->
      <!--[if !gte mso 9]><!----><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">*|MC_PREVIEW_TEXT|*</span><!--<![endif]-->
      <!--*|END:IF|*-->
      Hint: Do a text search for MC_PREVIEW_TEXT to find the code block.
    • Add the following at the end, just above the closing </body> tag:
      <custom name="opencounter" type="tracking">
    • You may add your department/office address in the footer, but make sure the following lines in the footer stay intact. Salesforce will not send without these lines.

      %%Member_Busname%%<br />
      %%Member_Addr%%<br />
      %%Member_City%%, %%Member_State%% %%Member_PostalCode%%</p>

      <p>You are receiving this email because you opted in at <a href="https://www.eng.ufl.edu" style="color: #ffffff;">our website</a> or because you are affiliated with Herbert Wertheim College of Engineering.</p>

      <p><a alias="Manage Subscriptions" href="%%subscription_center_url%%">Unsubscribe/manage subscriptions</a> &bull; <a alias="Manage profile" href="%%profile_center_url%%">Manage your profile</a></p>

    • Copy and paste the entire email’s code into a CSS Inliner Tool; save the result into a new file. This is the file you will provide MarCom to add to Salesforce.
  7. Download the Plaintext Email Template. Open the downloaded file in a text editor, add your subject line and body text and save.
  8. Send us an email with your HTML file and your edited plaintext.txt as attachments; note your desired subject line and preheader text in the body of the email.
  9. We’ll load it into Salesforce and send you a reply with your “Salesforce Email Name.” You will need this in order to submit your project.
  10. Fill out a project request at the Advancement Strategic Communications & Marketing Projects Portal.