Customizing Magento email templates

18
Presentation “Magento Email Customization” - http://slideshare.net/yireo Jisse Reitsma ([email protected]) - Twitter @yireo Customizing Magento transactional emails

description

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

Transcript of Customizing Magento email templates

Page 1: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Customizing Magentotransactional emails

Page 2: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Transactional emails

ExamplesNew Order

New Invoice

Order Update

Forgot password

Contact form

Page 3: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - 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

Page 4: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - 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

Page 5: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Creating a new template (Magento backend)

Page 6: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Creating a new template (Magento backend)

Page 7: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Creating a new template (Magento backend)

Page 8: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Creating a new template (Magento backend)

Page 9: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Preview template (Magento backend)

Page 10: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Preview template (Magento backend)

Page 11: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Preview template (Magento backend)

Page 12: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Preview template (Magento backend)

Page 13: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Downsides of core preview

No logo image

No store information in bottom

No real-life data loaded (customer, order, invoice, etc)

Page 14: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Previewing emails with Yireo EmailTester

Page 15: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Previewing emails with Yireo EmailTester

Page 16: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Previewing emails with Yireo EmailTester

Page 17: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - 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(); ?>

Page 18: Customizing Magento email templates

Presentation “Magento Email Customization” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

tweet @yireo