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

Customizing Magentotransactional emails

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

Transactional emails

ExamplesNew Order

New Invoice

Order Update

Forgot password

Contact form

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

Customizing emails

Modifying the HTML templates directlyapp/locale/en_US/template/email

app/locale/en_US/template/email/sales

Using the Magento Admin PanelSystem > Transactional Emails > Add New Template

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

Modifying the HTML templates directly

Original template-folderapp/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

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

Creating a new template (Magento backend)

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

Creating a new template (Magento backend)

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

Creating a new template (Magento backend)

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

Creating a new template (Magento backend)

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

Preview template (Magento backend)

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

Preview template (Magento backend)

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

Preview template (Magento backend)

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

Preview template (Magento backend)

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse 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)

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

Previewing emails with Yireo EmailTester

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

Previewing emails with Yireo EmailTester

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

Previewing emails with Yireo EmailTester

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse 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 fileapp/design/frontend/default/THEME/template/email/custom.phtml

<?php $order = $this->getOrder(); ?>

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

tweet @yireo