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

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

  1. Create an email in Eloqua. Do not select an Email Group, and use the WSB-Branded-Outlook-template .
  2. Edit the Department Name to yours.
  3. Replace the footer image with your department's. Make sure it is the full-width version, with built in padding.
  4. Edit the signature with the information you want.
  5. Export the html, turn off Eloqua elements, and save the file.

Note that the header's gray background image will not appear, and it will just be solid gray.


Step 1: Create the email in Eloqua using a standard branded template.

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

  1. You will need to be using Outlook Classic.
  2. Follow these instructions to put your html into an email.
  3. Go to File> Save as
  4. Under "Save as type" dropdown, select "Outlook Template", and save. 
  5. 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.
  6. 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 HTML in the browser and select all elements (Cmd + A). Copy them. (Cmd + C)
  4. In Outlook, paste your email layout. Some elements may look weird now, but fine after you send the email.
  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 or are not filling up the full width.
  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