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: firstname.lastname@example.org ways: Jerry M. Spiller, MSIS through email Web Design and Interactive Media Faculty, Art Institute through a Web (Internet or intranet) site Charleston Email: email@example.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.
Pages to are hidden for
"HTML Email Service Providers and Templates - Palmetto Technology Hub"Please download to view full document