#HTML EMAIL TEMPLATE EXAMPLES HOW TO#
#HTML EMAIL TEMPLATE EXAMPLES CODE#

Below is a very basic HTML email table template. Each table element represents a different section of the email, including the header, body, and footer. In my example I clicked to create and save a new template. HTML Email Table Template An HTML email is made up of multiple table elements. Open your Trail Blazer database and follow Application Menu > Email Campaigns > TemplatesД¬lick in the upper left to pull up all of the templates you created and either open one to make modifications or click to create a new one.

#HTML EMAIL TEMPLATE EXAMPLES CODE#

If you have admin access you can control this by following Application Menu > System Manager > Lists > Committee or Organization.Д¬opy the code from section #1 into your clipboard by highlighting and clicking Ctrl+C or right-click and select Copy.

Tip - Trail Blazer: Trail Blazer will automatically list your organizations name and address at the bottom of email campaigns. tag you can adjust the background color, margins and dimensions of this footer->ДЇor by the Campaign to Elect Juan Pablo for US Congress.ДЎ600 Pennsylvania Ave NWWashington, DC 20500 Different browsers may or may not play nice with some of these attributes, so test extensively ->Дear Subscriber,Opening paragraph. where you can switch out the background color, change the font for the entire document, control margins and many other things. *Click this button to preview the email in a browser For best results use the most basic html and inline css and focus more on content. Trail BlazerвЂ™s email composer will render code in different ways and sometimes strip it out altogether. Tip - Article Navigation: Use the Ctrl+F hot key to jump to different sections using keywords like #1, #2, Related Resources DonвЂ™t link to external style sheets and donвЂ™t use JavaScript. Tip - Email: When creating email templates focus more on content than an elaborate design like you might want in in a webpage. #4 Political or Nonprofit Advanced Template (Header, Body, Right Column, Links, Buttons and Footer) #3 Mobile Friendly Template (Trail Blazer Compatible) Ted Goas Cerberus Responsive Email Patterns Email on Acid Responsive Template Brian Graves Responsive Email Patterns Antwort Responsive Layouts. #2 Copy and Paste Code into Trail Blazer and Save as a Template #1 Standard 600px Width вЂ“ Header, Body and Footer (Trail Blazer Compatible Code for Copying) Mail Designer 365 Email marketing template and campaign designer for Mac. MailChimp Editor of the popular Email marketing platform. Unlayer Free email editor for responsive email templates.

A good rule of thumb when e-blasting is вЂњmeasure twice, cut onceвЂќ in other words test, test, test on all available browsers and devices. Moosend Email Editor Free and user-friendly email editor that also allows you to send. Feel free to utilize any of the code as a shell to get you started.

#HTML EMAIL TEMPLATE EXAMPLES HOW TO#

This article will show you some examples and tips on how to create email templates and paste the code into Trail Blazer as a template.

Html email template examples