Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

...

  1. . 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.


Expand
titleInternal notes on how to create email from scratch.

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

...