Sending Email With HTML Template

Debendra Dash
9y
199.1k
0
3

100

Article

Here in this article I have shown how to send an email using HTML template.

For this I have created one ASP.NET empty website.

Added one webform(default.aspx).

Added one HTML form(HtmlTemplate.html).

Here I have shown my solution explorer.

I have designed my htmlTemplate.html as follows.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<table>
<tr>
<td>
<img src="http://www.c-sharpcorner.com/App_themes/csharp/images/sitelogo.png" width="150px" height="60px" />
<br />
<br />
<div style="border-top:3px solid #22BCE5"> </div>
<span style="font-family:Arial;font-size:10pt">
Hello <b>{UserName}</b>,<br /><br />
<a style = "color:#22BCE5" href = "{Url}">{Title}</a><br />
{message}
<br /><br />
Thanks<br />
Debendra dash
</span>
</td>
</tr>
</table>
</body>
</html>

The Yellow mark text should be replaced at run time.

Here I have attached the screenshot.

Now in the "default.aspx", I have the following design view to send an email.

<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
Name
</td>
<td>
<asp:TextBox ID="txt_name" Width="200px" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Email Id
</td>
<td>
<asp:TextBox ID="txt_email" Width="200px" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Message
</td>
<td>
<asp:TextBox ID="txt_message" Width="200px" runat="server" TextMode="MultiLine" Height="60px"></asp:TextBox>
</td>
</tr>
</table>
<asp:Button ID="btnSend" runat="server" Text="Send Email" OnClick="SendEmail" />
</div>
</form>
</body>

And here how it will look.

Here is my code in default.aspx.cs.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Net.Mail;
using System.Configuration;
using System.IO;
public partial class _Default: System.Web.UI.Page
{
protected void SendEmail(object sender, EventArgs e)
{
//calling for creating the email body with html template
string body = this.createEmailBody(txt_name.Text, "Please check your account Information", txt_message.Text);
this.SendHtmlFormattedEmail("New article published!", body);
}
private string createEmailBody(string userName, string title, string message)
{
string body = string.Empty;
//using streamreader for reading my htmltemplate
using(StreamReader reader = new StreamReader(Server.MapPath("~/HtmlTemplate.html")))
{
body = reader.ReadToEnd();
}
body = body.Replace("{UserName}", userName); //replacing the required things
body = body.Replace("{Title}", title);
body = body.Replace("{message}", message);
return body;
}
private void SendHtmlFormattedEmail(string subject, string body)
{
using(MailMessage mailMessage = new MailMessage())
{
mailMessage.From = new MailAddress(ConfigurationManager.AppSettings["UserName"]);
mailMessage.Subject = subject;
mailMessage.Body = body;
mailMessage.IsBodyHtml = true;
mailMessage.To.Add(new MailAddress(txt_email.Text));
SmtpClient smtp = new SmtpClient();
smtp.Host = ConfigurationManager.AppSettings["Host"];
smtp.EnableSsl = Convert.ToBoolean(ConfigurationManager.AppSettings["EnableSsl"]);
System.Net.NetworkCredential NetworkCred = new System.Net.NetworkCredential();
NetworkCred.UserName = ConfigurationManager.AppSettings["UserName"]; //reading from web.config
NetworkCred.Password = ConfigurationManager.AppSettings["Password"]; //reading from web.config
smtp.UseDefaultCredentials = true;
smtp.Credentials = NetworkCred;
smtp.Port = int.Parse(ConfigurationManager.AppSettings["Port"]); //reading from web.config
smtp.Send(mailMessage);
}
}
}

Here is my web.config.