How do I customize email notifications sent to users?

In this tutorial we will demonstrate how to customize the email content sent the users. The Web Cube system uses Flat emails to notify users that some change has occurred with their user account or an order they've placed.

Flat emails content can be customized using the Content text boxes or by using a custom template. Custom templates can be created using DB Templates. For more information on how to create DB Templates click here.

 

For this tutorial we will use an existing flat email called order-shipped. This flat email is used to send a message to the customer the order has been shipped. 

 

1. Click on the CMS tab.

Screen Shot 2013-01-10 at 11.45.16 AM.png

 

2. Click on the Emails then on the Flat emails menu items.

Screen_Shot_2013-02-19_at_4.09.13_PM.png

 

3. Click on the order-shipped flat email.

Screen_Shot_2013-02-19_at_4.04.48_PM.png

 

4. Edit the Content text box to customize the message of the email.

Screen_Shot_2013-02-19_at_4.33.20_PM.png

 

5. Beneath the main content, there are Alternative Content objects.  These are used to store the HTML representation or other representations of the email.  When an email is sent, it is a multipart document.  That means that the plain text version and the HTML version can both be sent, and the email client (gmail, outlook, etc) can then decide which version of the content to present.  


Screen_Shot_2013-02-19_at_4.09.53_PM.png

 

To customize the Alternative Content edit the Content Text box. 

 

6. As you might have noticed this alternative content is using the template flatemails/order-summary.htmlTo customize this template we need to add it to the DB Templates.

 

a. Click on the CMS tab.

Screen Shot 2013-01-10 at 11.45.16 AM.png

 

b. Click on the Templates menu items.

Screen_Shot_2013-02-19_at_4.52.41_PM.png

 

c. Click on the Add template button.

Screen_Shot_2013-02-19_at_4.53.01_PM.png

 

d. In the Name text filed add the template path flatemails/order-summary.html

Screen_Shot_2013-02-19_at_4.53.47_PM.png

 

e. Leave the Content text box empty.

Screen_Shot_2013-02-19_at_4.55.36_PM.png

 

f. Select the sites where this template will be active. Hold down Control, or Command on Mac, to select more than one site then click on the blue arrow to move your selection on the Chosen sites column. 

Screen_Shot_2013-02-19_at_4.56.28_PM.png

 

g. Click on the Save and continue editing button.

Screen_Shot_2013-02-19_at_4.56.39_PM.png

 

h. Edit the content of the template. One important thing notice is that this template it's used also by other flat emails so changing this template will affect the look and feel of other flat emails. If that's not the desired effect rename this template then reference the renamed template in the flat email.  

Screen_Shot_2013-02-19_at_4.56.49_PM.png

 

i. Save.

Screen Shot 2013-01-11 at 12.43.21 PM.png

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk