A presentation on how to modify Magento email templates both through the Magento Admin Panel as through the file system.

1. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Customizing Magento
transactional emails

2. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Transactional emails
Examples
New Order
New Invoice
Order Update
Forgot password
Contact form

3. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Customizing emails
Modifying the HTML templates directly
app/locale/en_US/template/email
app/locale/en_US/template/email/sales
Using the Magento Admin Panel
System > Transactional Emails > Add New Template

4. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Modifying the HTML templates directly
Original template-folder
app/locale/en_US/template/email
app/locale/en_US/template/email/sales
Template override (use Yireo_EmailOverride extension)
app/design/frontend/default/THEME/locale/en_US/template/email
app/design/frontend/default/THEME/locale/en_US/template/email/sales

5. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Creating a new template (Magento backend)

6. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Creating a new template (Magento backend)

7. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Creating a new template (Magento backend)

8. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Creating a new template (Magento backend)

9. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Preview template (Magento backend)

10. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Preview template (Magento backend)

11. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Preview template (Magento backend)

12. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Preview template (Magento backend)

13. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Downsides of core preview
No logo image
No store information in bottom
No real-life data loaded (customer, order, invoice, etc)

14. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Previewing emails with Yireo EmailTester

15. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Previewing emails with Yireo EmailTester

16. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Previewing emails with Yireo EmailTester

17. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
Bonus tip: PHTML-template in email
Block-statement in email template
{{block type="core/template" name="email_custom"
template="email/custom.phtml" order=$order}}
Template file
app/design/frontend/default/THEME/template/email/custom.phtml
<?php $order = $this->getOrder(); ?>

18. Presentation “Magento Email Customization” - http://slideshare.net/yireo
Jisse Reitsma (jisse@yireo.com) - Twitter @yireo
tweet @yireo