Communications Workers of America CWA represents 700000 workers in private and public sector employment in the United States Canada and Puerto Rico in the following fields Telecommunications amp Information Technology Airline Industry News Media Broadcast amp Cable Television Educ ID: 735401
Download Presentation The PPT/PDF document "Easy Responsive Design for Emails and P..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
Easy Responsive Design for Emails and Pages in SalsaSlide2
Communications Workers of America
CWA represents 700,000 workers in private and public sector employment in the United States, Canada and Puerto Rico in the following fields.
Telecommunications & Information Technology | Airline Industry | News Media | Broadcast & Cable Television | Education | Health Care & Public Service | Law Enforcement | Manufacturing | Other
Building a Movement to take on corporate power and restore our democracy.Slide3
CWA Email Recipientsmobile users over 50%Slide4
CWA - Top 10
Email Clients
July 17, 2014
eNewsletter Readers
1. Apple iPhone
31%
2. Gmail
13%
3. Apple iPad
12%
4. Yahoo! Mail
8%
5. Outlook
7%
6. Google Android
7%
7. Web version
6%
8. Outlook.com
6%
9. Apple Mail
5%
10. Windows Live Mail
2%Slide5
CWA
1. Apple iPhone
31%
2. Gmail
13%
3. Apple iPad
12%
4. Yahoo! Mail
8%
5. Outlook
7%6. Google Android7%7. Web version6%8. Outlook.com6%9. Apple Mail5%10. Windows Live Mail2%Slide6
Gmail via Firefox iPhone 5Slide7
iPad Retina Android 2.3Slide8
Yahoo Mail (Chrome) Android 4.2Slide9
Email Template Foundation
https://github.com/philwareham/responsive-emailSlide10
Add Class to Image
Add it in the HTML (Source code):
<
img class="full" src="" alt="" />Or, use the WYSIWYG editor:Click the insert image icon
Click on the Advanced tab
Add the word
full
or
half
to the
Stylesheet Classes field.Note: if it’s an image that is less than 320px wide, you don’t need to give it a class.Slide11
Email Template: Make It Yours
Add banner image
Optional: add link to website
Edit the place-holder contentEdit the footer contact informationUpload social image icons to your Salsa chapter and link to themEdit the social links
Edit the disclaimer and unsubscribe info.Slide12
Note about Simple Email Tool
The inline CSS is entered into the content of any email blast that uses this template.
If you have any users that use Salsa’s Simple Email tool, you need to
remove the Inline CSS from the template.
Explanation: The simple email tool automatically generates the text version of an email, so the text version would list the
css
with the content of the message.Slide13
Website Usage(cwa-union.org)
mobile/tablet users over 36%
iPhone/iPad accounts for over 56% of mobile useSlide14
Page Template: Make It Yours
Add banner image
Optional: add link to website
Edit the footerSlide15
Have fun
files.cwa-union.org/salsa
npayne@cwa-union.org
cwa-union.org