Hi All,
recently i had a requirement to send welcome email to user upon registration, the welcome mail was a HTML template with Tables, Div's and Embeded images.
the approach is prety simple we need to use Advanced Email Templates to form the template.
need to follow the below steps
1.go to Admin - Communication --> All Templates
2.go to Advanced Tab - Create a new record and check HTML flag.
3.go to Template Items and Add HTML file and Images.
the HTML file is the actual template which will be sent in mail Body and Images that are added as attachment will be used in the HTML file.
4.under HTML file record Check the Substitute value and Message Body flag.
the HTML file can be configured as per requirement also field values can be used in the template using the format as described
<html><head><style>
#main {
height:800px;
background-color:#F2F2F2;
width:600px;
}
#header {
text-align:center;
padding:5px;
}
#section {
float:left;
padding:10px;
}
#footer {
clear:both;
text-align:center;
padding:5px;
}
</style></head><body>
<div id="main">
<div id="header">
<img src="images2" style="width:600px;height:228px;>
</div>
<div id="section">
<h2>Dear [Full Name]</h2>
<p>
THE ULTIMATE SHOPPING EXPERIENCE, MADE EVEN MORE REWARDING<br>
</p>
<p>
<img src="images3" style="width:600px;height:228px;>
</p>
</div>
<div id="footer">
Copyright © ABC Store
</div><div></body></html>
Now when email is sent it is recieved in the below format
Hope this was helpful .
recently i had a requirement to send welcome email to user upon registration, the welcome mail was a HTML template with Tables, Div's and Embeded images.
the approach is prety simple we need to use Advanced Email Templates to form the template.
need to follow the below steps
1.go to Admin - Communication --> All Templates
2.go to Advanced Tab - Create a new record and check HTML flag.
3.go to Template Items and Add HTML file and Images.
the HTML file is the actual template which will be sent in mail Body and Images that are added as attachment will be used in the HTML file.
4.under HTML file record Check the Substitute value and Message Body flag.
the HTML file can be configured as per requirement also field values can be used in the template using the format as described
<html><head><style>
#main {
height:800px;
background-color:#F2F2F2;
width:600px;
}
#header {
text-align:center;
padding:5px;
}
#section {
float:left;
padding:10px;
}
#footer {
clear:both;
text-align:center;
padding:5px;
}
</style></head><body>
<div id="main">
<div id="header">
<img src="images2" style="width:600px;height:228px;>
</div>
<div id="section">
<h2>Dear [Full Name]</h2>
<p>
THE ULTIMATE SHOPPING EXPERIENCE, MADE EVEN MORE REWARDING<br>
</p>
<p>
<img src="images3" style="width:600px;height:228px;>
</p>
</div>
<div id="footer">
Copyright © ABC Store
</div><div></body></html>
Now when email is sent it is recieved in the below format
Hope this was helpful .
