Maintenance Notification: WSB Wiki will be offline January 8th from 7:30 - 10:30 AM for planned maintenance

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

In some instances, you may want to send an email through Outlook instead of a mass marketing solution. This is only appropriate if you are sending to a short list of people, usually students that you directly work with.

It is recommended that you ask a member of the web team to create the template for you.

Create the HTML

Step 1: Create an email in Eloqua using a WSB email template.

  1. Remove the header and footer. If Eloqua does not allow you to do this, you can do this in Step 5.
  2. Recommend removing all email elements except the branded header, first H2 heading, paragraph copy, signature text, and branded footer. If you prefer to keep additional elements, leave them in and be sure to test thoroughly in your email client.

Step 2: Edit the branded header (First row)

  1. Remove the background image and replace with brand background color, if desired. Background images do not transfer to outlook. 
  2. Remove the spacers from both desktop and mobile layouts. 
  3. Remove the gray bar from the top of the header.
  4. Insert a full-width crest (a 600px wide, transparent png that adds a lot of padding to the left and right) where the spacer was. This may already be there.
  5. Add the dept/center name to the H1 heading, if applicable.

Step 3: Edit the branded footer section (last row)

  1. Replace the bottom logo with a full width (600px +) footer.
    1. Look in WSB > MSC > Logos media folder for department/center specific logos.

Step 4: Set the background color

  1. Go to the Email Style section (paintbrush icon) in the left sidebar.
  2. Change the background color from gray to no background.

Step 4: Export the html, turn off Eloqua elements, and save the file.

Step 5: Remove Eloqua header and footer (if not completed in Step 1)

  1. Open the HTML file in a text editor.
  2. Look for and delete the tables that compose the entire Eloqua header and footer
    1. Tip: search for the "unsubscribe" links
    2. Tip: Open the HTML file in your browser and inspect the code to determine which tables can be removed.
  3. Save the file and refresh in the browser. Make sure the email looks as expected.
    1. On a Mac, leave this browser window open for the next steps.


Add the HTML to Outlook

On a Windows

Follow these instructions to put your html into an email.

Go to File> Save as

Under "Save as type" dropdown, select "Outlook Template", and save. 

This will save the html as an outlook template for you to reuse. You can send this file to others, although the file type varies by device.

Make sure to test the email by sending to yourself, as it may not look the same in your editor as it does in your inbox.

On a Mac

  1. Open Outlook app.
  2. Create a new email.
  3. Go to your email in the browser and select all elements (Cmd + A). Copy them. (Cmd + C)
  4. In Outlook, paste your email layout.
  5. Send yourself a test email and view on desktop and mobile. 
    1. Outlook can mess with the spacing and width of elements, so you may find you need to remove elements that are messing up the layout.
  6. When finished testing and editing the template, create a new email, paste in the email layout and go to File > Save as Template
  7. Send the template file as an attachment.




  • No labels