Presentation is loading. Please wait.

Presentation is loading. Please wait.

Easy Responsive Design for Emails and Pages in Salsa.

Similar presentations


Presentation on theme: "Easy Responsive Design for Emails and Pages in Salsa."— Presentation transcript:

1 Easy Responsive Design for Emails and Pages in Salsa

2 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.

3 CWA Email Recipients mobile users over 50%

4 CWA - Top 10 Email Clients July 17, 2014 eNewsletter Readers 1. Apple iPhone31% 2. Gmail13% 3. Apple iPad12% 4. Yahoo! Mail8% 5. Outlook7% 6. Google Android7% 7. Web version6% 8. Outlook.com6% 9. Apple Mail5% 10. Windows Live Mail2%

5 CWA 1. Apple iPhone31% 2. Gmail13% 3. Apple iPad12% 4. Yahoo! Mail8% 5. Outlook7% 6. Google Android7% 7. Web version6% 8. Outlook.com6% 9. Apple Mail5% 10. Windows Live Mail 2%

6 Gmail via Firefox iPhone 5

7 iPad Retina Android 2.3

8 Yahoo Mail (Chrome) Android 4.2

9 Email Template Foundation https://github.com/philwareham/responsive-email

10 Add Class to Image Add it in the HTML (Source code): Or, use the WYSIWYG editor: 1.Click the insert image icon 2.Click on the Advanced tab 3.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.

11 Email Template: Make It Yours 1.Add banner image – Optional: add link to website 2.Edit the place-holder content 3.Edit the footer contact information 4.Upload social image icons to your Salsa chapter and link to them 5.Edit the social links 6.Edit the disclaimer and unsubscribe info.

12 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.

13 Website Usage (cwa-union.org) mobile/tablet users over 36% iPhone/iPad accounts for over 56% of mobile use

14 Page Template: Make It Yours 1.Add banner image – Optional: add link to website 2.Edit the footer

15 Have fun files.cwa-union.org/salsa npayne@cwa-union.org cwa-union.org


Download ppt "Easy Responsive Design for Emails and Pages in Salsa."

Similar presentations


Ads by Google