easy responsive design for emails and pages in salsa

Easy Responsive Design for Emails and Pages in Salsa

Communications Workers of AmericaCWA 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.

CWA Email Recipientsmobile users over 50%

CWA - Top 10 Email ClientsJuly 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%

CWA

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%

Gmail via Firefox iPhone 5

iPad Retina Android 2.3

Yahoo Mail (Chrome) Android 4.2

Email Template Foundationhttps://github.com/philwareham/responsive-email

Add Class to Image• Add it in the HTML (Source code): <img class="full" src="" alt="" />• Or, use the WYSIWYG editor:

1. Click the insert image icon2. Click on the Advanced tab3. 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.

Email Template: Make It Yours

1. Add banner image – Optional: add link to website

2. Edit the place-holder content3. Edit the footer contact information4. Upload social image icons to your Salsa chapter and

link to them5. Edit the social links6. Edit the disclaimer and unsubscribe info.

Note about Simple Email ToolThe 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.

Website Usage

(cwa-union.org) mobile/tablet

users over 36%

iPhone/iPad accounts for over 56% of mobile use

Page Template: Make It Yours

1. Add banner image – Optional: add link to website

2. Edit the footer

Have fun

files.cwa-union.org/salsa

npayne@cwa-union.org

cwa-union.org