Docstoc

HTML Email Service Providers and Templates - Palmetto Technology Hub

Document Sample
HTML Email Service Providers and Templates - Palmetto Technology Hub Powered By Docstoc
					                                                                           What are Digital Newsletters and Why Should I
                                                                           Make One?
                                                                           Source: How to know what kind of online newsletter to publish by
                                                                           David Kandler, available at:
                                                                           http://www.companynewsletters.com/electronic.htm

                                                                           Online newsletters are gaining in popularity because no
                                                                           printing or mailing costs are involved, online newsletters

     E-marketing
                                                                           can usually be published for a fraction of the cost of
                                                                           traditional printed newsletters. And because online
                                                                           newsletters can be instantly delivered to readers
                                                                           throughout the world at the click of a button, these
Presenters                                                                 publications are ideal for communicating timely information
Jolanda-Pieta (Joey) van Arnhem, MFA                                       to readers.
Instructor & Training Coordinator, College of Charleston
Libraries & Department of Anthropology                                     Most online newsletters are distributed to readers in two
Email: vanarnhemj@cofc.edu                                                 ways:

Jerry M. Spiller, MSIS                                                                  through email
Web Design and Interactive Media Faculty, Art Institute                                 through a Web (Internet or intranet) site
Charleston
Email: yeri.spiller@gmail.com                                              Keep in mind that a person who has an email account
                                                                           doesn't necessarily have Internet access. Many people
Location                                                                   mistakenly use these terms interchangeably. Some people
Room: Willow Ballroom (holds up to 120 participants)                       can receive emails, but cannot go out onto the Internet and
Thursday, June 30, 2011 (1:00 pm-1:45 pm)                                  view Web pages.

                                                                           Each type of online newsletter has its own strengths and
Objectives for Today’s Workshop                                            weaknesses, as well as its own unique software
                                                                           requirements for viewing.
    Identify e-marketing resources and strategies
    Identify and locate e-marketing services and                           The type of online newsletter that is best for you depends
    HTML email templates                                                   on your readers' computer and software limitations. See
    Become familiar with MailChimp (HTML email service                     the table below for a brief summary.
    provider) templates and HTML editor
    Create a simple HTML email that includes text and
    images

What are we going to do today?
    Discussion: What are Digital Newsletters and Why
    Should I Make One?
    HTML Email Design Tips
    Service Providers

    Show & Tell: Sample project from Davis and Small
    Décor – They started an e-marketing campaign and
                                                                           The following is a quick description, along with the
    so can you!
                                                                           advantages and disadvantages, of the most common
                                                                           types of online newsletters: plain-text email and HTML
    Demonstration: Create a Sample HTML email using                        email.
    MailChimp templates and HTML with text and images

    Q&A                                                                    Plain Text Email Newsletter
                                                                           Anyone who has an email account can receive and read
    Additional Resources                                                   plain-text email newsletters. Readers have the newsletter
                                                                           sent directly to them, and they view the newsletter in their
                      2011: J. van Arnhem & Jerry Spiller, except where otherwise noted. Workshop Handout created for PATH Technology Boot
                      Camp, held on June 30, 2011 at Charleston Place, Charleston, South Carolina. This work is licensed under the Creative
                      Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy of this license, visit
                      http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San
                      Francisco, California, 94105, USA.
email program. However, as its name implies, you are                             2. Email design guidelines from
limited to a very plain, simple newsletter. Plain-text                              CampaignMonitor:
newsletters cannot contain color or graphics, and you                               http://www.campaignmonitor.com/design-
cannot incorporate any design elements, such as using                               guidelines/
varying text styles and sizes, or formatting text into
multiple columns.                                                                3. How to Code HTML Email Newsletters by Tim
                                                                                    Slavin:
Advantages                                                                          http://www.reachcustomersonline.com/2010/01/23/
    Plain-text email newsletters are extremely quick and                            09.27.00/
easy to compose and send out.
                                                                                 4. 10 Tips for Designing HTML Emails by Joshua
    This is an ideal format for sending out extremely
                                                                                    Johnson: http://designshack.co.uk/articles/css/10-
urgent, time-sensitive information.
                                                                                    tips-for-designing-html-emails
    Everyone with an email account can read these
newsletters.                                                                Advantages
    Because of their small file size, plain-text emails are                     This is the most attractive type of email newsletter
quick for readers to download.                                              because you can include photos, graphics, color and other
                                                                            design elements.
Disadvantages
                                                                                HTML email publications are a good alternative to
    Because plain-text newsletters cannot contain color,                    more expensive printed newsletters.
graphics or other design elements, they are not eye-
                                                                                This type of publication is ideal for people who will
catching. Readers may quickly lose interest when reading
                                                                            primarily read the newsletter on screen.
row after row of text with no graphical, visual breaks.
                                                                            Disadvantages
HTML Email Newsletter                                                            People with older, non-standard or Web-based email
This type of newsletter is distributed through email and is                 programs may not be able to read HTML emails, and will
viewed in the reader's email program. This type of email                    instead see a confusing array of programming codes on
looks like a Web page. It can incorporate color, photos,                    their screens. Recent estimates say that as many as 20%
graphics and other design elements, such as varying                         of people with email accounts cannot view HTML emails.
typeface sizes and styles, and text that is formatted into
multiple columns. However, only people using webmail or                          If photos or graphics are included in the HTML email,
HTML-capable email programs can view these                                  readers must have an open connection to the Internet
publications.                                                               while they read the email to see the photos. This may be a
                                                                            problem for people who view the newsletter at work
Whether you choose to code your HTML email by hand or                       because many companies restrict their employees' Internet
to use an existing template, there are two fundamental                      access. For example, HTML emails are commonly rejected
concepts to keep in mind when creating HTML email:                          and/or flagged as spam, and images can be disabled for
                                                                            security reasons. Additionally, some people simply turn off
    1. Use HTML tables to control the design layout and                     HTML email in their email client or choose not to display
       some presentation. You may be used to using                          images.
       pure CSS layouts for your web pages, but that                             Unlike a Web newsletter, all articles must be put on
       approach just won't hold up in an email                              the same page. That means a newsletter with a large
       environment.                                                         number of articles must be viewed and printed as one
                                                                            super-long page.
    2.   Use inline CSS to control other presentation
         elements within your email, such as background                     A Word About SPAM
         colors and fonts.                                                  CAN-SPAM legislation prohibits deceptive subject lines,
                                                                            requires that you provide recipients a valid opt-out
It is also a good idea to host your images on the web,                      mehtods (free, and is honored within 10 days), bans the
creating a smaller email. If you are interested in creating                 sale or transfer of email addresses of people who
your own HTML email or modifying a service provider’s                       unsubscribe, and requires that the email include the
template, here are some resources you can consult:                          sender’s valid physical postal address.

    1. Creating HTML Emails: An Overview for Web                            For more information on the CAN-SPAM Act visit the
       Designers by Cameron Chapman:                                        Federal Trade Commission’s website at:
       http://sixrevisions.com/web_design/creating-                         http://www.ftc.gov/bcp/edu/microsites/spam/
       HTML-emails/


                       2011: J. van Arnhem & Jerry Spiller, except where otherwise noted. Workshop Handout created for PATH Technology Boot
                       Camp, held on June 30, 2011 at Charleston Place, Charleston, South Carolina. This work is licensed under the Creative
                       Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy of this license, visit
                       http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San
                       Francisco, California, 94105, USA.
                                                                                            When deciding whether to run a graphic large
HTML Email Design Tips                                                                      or small, go for the smaller size - unless there's
Sources: Company Newsletters.com -                                                          important detail in the graphic that will be lost
http://www.companynewsletters.com/online.htm, eHow.com -
http://www.ehow.com/how_5850325_create-digital-newsletter.html, &                           when it's reduced to a smaller size.
Blackbaud Net Community Email Tips and Tricks -
http://www.slideshare.net/JeffTe/non-profit-email-marketing-best-                           Minimize the download time of your graphics by
practices-blackbaud
                                                                                            limiting the resolution to 72 DPI (dots per inch).
                                                                                            Most computer monitors can't display any
     Develop a template for your newsletter                                                 higher than 72 DPI, so there is no need to
The best templates for an online publication have at least                                  make Web page graphics with a resolution that
two columns for easier reading. Lines of text that stretch                                  is any higher. A 300 DPI graphic won't look any
from one edge of the screen to the other are not only                                       better on a computer monitor - it'll just have a
boring to look at, they're more difficult to read.                                          much greater file size and take much longer to
                                                                                            load on a browser.
Shorter text lines make it easier for readers to keep their
place when following text from the end of one line to the
                                                                                     Give readers somewhere to go
start of the next line. That's why newspapers and
                                                                               Once you have the reader’s attention, draw them into the
magazines always break up a page's text into multiple
                                                                               website with related content. Each type of message might
columns.
                                                                               call for a different kind of landing page:
     Create compelling messages
                                                                                            Monthly newsletter – more information on each
When you are creating an HTML email think about the
                                                                                            article, a “donate now” button
target audience. The format and feel of your newsletter
should provide content that is appropriate for the level of                                 Event announcement – More information and
engagement, interest, and knowledge of your community.                                      signup page
Remember to keep content short and to the point.                                            Fundraising appeal – Donation form or link to
                                                                                            Kickstarter campaign
     Use headlines and bulleted lists                                                       Project Update: slideshow of activities,
 Emphasize important points and make your newsletter                                        summary of media mentions, donation form
easier to read in a short timeframe. Share experiences
and use stories to engage readers. Use statistics,                                  Before putting your completed newsletter online,
testimonials, case studies, and expert opinions to support                     be sure to view it in multiple browsers and monitors
points. Emails should be informational or have one main                        Unfortunately, a Web page will look different depending on
point with a clear call to action that provides readers with a                 the kind of browser and email client used. That's why it's a
compelling reason to act or follow-up.                                         good idea to proof your newsletter in multiple browsers.
                                                                               Most Internet surfers use either Firefox or Microsoft
    Use a table of contents                                                    Explorer. These browsers can be downloaded free, so be
This allows readers to quickly click to parts of the                           sure to get a copy of each. Then, proof your newsletter
newsletter that interest them.                                                 separately in each browser. Your Web pages may also
                                                                               appear differently depending on the user's computer
                                                                               monitor settings.
      Add content to your newsletter
                                                                               The email standards project has selected major desktop
Write it yourself, select a webmaster or solicit content from
                                                                               and web clients to show the differences in how HTML
others. Use links and graphics, but don't overdo them.
                                                                               emails are viewed in each using their email acid test. You
Write a short summary of the article to which you are
                                                                               can pick a client to see a screen shot of the results, details
linking to provide context.
                                                                               of what is and is not supported, and some
                                                                               recommendations for future improvement. To view email
Photos, artwork and other graphics will make your                              standards support in popular clients, visit http://www.email-
newsletter more eye-catching. However, these graphics                          standards.org/clients/
are a double-edged sword because the more you use, the
longer it'll take for your pages to load on your readers'
                                                                                    Monitor the readership with a statistics program
browsers.
                                                                               Typical Web statistics programs let you see how many
                                                                               people have viewed your newsletter; which Web pages
If a Web page takes too long to load, viewers will get
                                                                               within your newsletter are most popular; and how much
impatient and move on without reading your pages. Here
                                                                               time the average viewer spends on each page. A good
are some ideas for using graphics effectively:
                                                                               Web statistics program is the next best thing to a
                                                                               readership survey.

                          2011: J. van Arnhem & Jerry Spiller, except where otherwise noted. Workshop Handout created for PATH Technology Boot
                          Camp, held on June 30, 2011 at Charleston Place, Charleston, South Carolina. This work is licensed under the Creative
                          Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy of this license, visit
                          http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San
                          Francisco, California, 94105, USA.
                                                                           Campaign Monitor
HTML Email Service                                                         http://www.campaignmonitor.com/ download templates at
Providers and Templates                                                    http://www.campaignmonitor.com/templates/


MailChimp
http://mailchimp.com/ download templates at
http://www.mailchimp.com/resources/html_email_template
s/




                                                                           Campaign Monitor makes it easy to import lists of emails,
                                                                           personalize names and subjects of emails, make groups of
                                                                           users based on certain rules, and makes it easier to track
                                                                           and maintain your campaigns to see how successful they
                                                                           are. It’s also a relatively cheap service at $5.00 per
                                                                           campaign and .01 cents per email.


MailChimp is a great mailing list provider with a great
control panel and many useful features including campaign
management, statistics, responders and a complete set of
list management tools. They offer also an small code
snippet to place a subscription form on your website and
four basic, flexible templates that have been tested to
render properly in most email
programs.




                                                                           Constant Contact
                                                                           http://search.constantcontact.com/index.jsp

                                                                           60 Day FREE Trial includes full access to all features of
Download all the templates in one .ZIP file and customize                  the product you select with up to 100 contacts for Email
with Dreamweaver and Photoshop. When using the                             Marketing, up to 10 registrants for Event Marketing, and up
templates, make to replace all placeholder images                          to 100 survey responses for Online Survey.
(including shim.gif's) with your own. You'll need to post
your images on your web server, and be sure you use
absolute paths in your HTML to point to those images.

If you are interested in customizing the templates, make
sure to review: How HTML Email Works, Basic
Concepts, Best Practices, Tips And Tricks from
MailChimp:
http://www.mailchimp.com/articles/how_to_code_html_em
ails/ and the MailChimp Users Guide:
http://www.docstoc.com/docs/24412687/Mail-Chimp-
Users-Guide

                      2011: J. van Arnhem & Jerry Spiller, except where otherwise noted. Workshop Handout created for PATH Technology Boot
                      Camp, held on June 30, 2011 at Charleston Place, Charleston, South Carolina. This work is licensed under the Creative
                      Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy of this license, visit
                      http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San
                      Francisco, California, 94105, USA.

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:14
posted:8/9/2011
language:English
pages:4