Send a mail after click on button in HTML

Hi Friends,

Below i give dynamic code for sending mail with Html format.
i give sample HTML mail format. you will change that html format based on your requirement
Two way to send mail .

Use your gmail Id and password.
UseSmtpClient URL and Port Number.

I give Both two Way If you haveSmtpClient URL and Port Number then you enable#region Not_Have_SmtpClient code else#region Have_SmtpClient code

private static string FunForMailSending()

{

//IF You don't have SmtpClient Url and port No then you must give your gmail id and //paswword.

SendHtmlFormattedEmail("Your Subject", "From GMAIL MailID", "GMAIL ID Pwd", "To MailID", "Bcc MailID", "CC MailID", FileUploadControlID);

}

public void SendHtmlFormattedEmail(string objSubject,string objFromMailID, string objPwd, string objToMailID, string objBccMailID, string objCCMailID, FileUpload fuAttachment)

{

try

{

MailMessage objMailMsg;

objMailMsg = new MailMessage();

objMailMsg.From = new MailAddress(objFromMailID);

objMailMsg.Bcc.Add(objBccMailID);

objMailMsg.Bcc.Add(objCCMailID);

objMailMsg.To.Add(objToMailID);

objMailMsg.Subject = objSubject;

objMailMsg.Body = FunForHtmlMailFormat("YOUR PRODUCT_ID", "YOUR PRODUCT_CODE");

if (fuAttachment.HasFile)

{

string stringFileName = System.IO.Path.GetFileName(fuAttachment.PostedFile.FileName);

objMailMsg.Attachments.Add(new Attachment(fuAttachment.PostedFile.InputStream, stringFileName));

}

#region Have_SmtpClient

////If you did have SmtpClient Url and port means you will used below code else command below //code enable #region Not_Have_SmtpClient code

//SmtpClient objSmtpClient = new SmtpClient(objAutomailURL, Convert.ToInt32(objAutomailPort));

//objSmtpClient.Host = objAutomailURL;

//objSmtpClient.Port = Convert.ToInt32(objAutomailPort);

//objSmtpClient.UseDefaultCredentials = false;

//objSmtpClient.Send(objMailMsg);

//objSmtpClient.Dispose();

#endregion

#region Not_Have_SmtpClient

////If you did not have SmtpClient Url and port means you will used below code else command below code enable #region Have_SmtpClient code

SmtpClient objSmtpClient = new SmtpClient("smtp.gmail.com");

objSmtpClient.Port = 587;

objSmtpClient.EnableSsl = true;

objSmtpClient.UseDefaultCredentials = false;

objSmtpClient.DeliveryMethod = SmtpDeliveryMethod.Network;

objSmtpClient.Credentials = new System.Net.NetworkCredential(objFromMailID, objPwd);

objSmtpClient.Send(objMailMsg);

objSmtpClient.Dispose();

#endregion

}

catch (Exception ex)

{

throw ex;

}

private static string FunForHtmlMailFormat(string objID, string objName)

{

return " < html >< body >< div style = 'font-family:Calibri; font-size: 14px; width: 100%!important; min-height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0' >< table style = 'font-family: Calibri; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0' >< tbody >< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0' >< td style = 'width: 600px; font-family: Calibri; font-size: 14px; vertical-align: top; display: block!important; max-width: 600px!important; clear: both!important; margin: 0 auto' >< div style = 'font-family: Calibri; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px' >< table style = 'width: 100%; font-family: Calibri; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9' >< tbody >< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: left; border-radius: 3px 3px 0 0; background-color: #00ACAC; margin: 0; padding: 20px' >< label style = 'font-size:36px;font-family:Impact;color:black;' > YOUR APPLICATION NAME< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0; padding: 20px' >< table style = 'width: 100%; font-family: Calibri; font-size: 14px; margin: 0' >< tbody >< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 18px; vertical-align: top; margin: 0; padding: 0 0 20px' > Dear All,< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px' >YOUR DESCRIPTION < table style = 'font-size: 12px; width: 480px; text-align: left; border-collapse: collapse; margin: 20px;'summary = 'Meeting Results' >< tbody >< tr style = 'display: table-row;' >< td style = 'color: #669; border: 1px solid #ddd; padding:5px;font-weight:bold;' > Product Id < td style = 'color: #669; border: 1px solid #ddd; padding:5px;' > " + objID + " < tr >< td style = 'color: #669; border: 1px solid #ddd; padding:5px;font-weight:bold;' > Product Name < td style = 'color: #669; border: 1px solid #ddd; padding:5px;' > " + objName + " < tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px' > Thanking You,< br />< i >< span > YOUR SIGNATURE < br />< br /> Please do not reply to this mail - id, It is an automated mail.< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 12px; line-height: 16px; color: #aaa; vertical-align: top; margin: 0; padding: 20px 0 20px; border-top: 1px #ccc solid; text-align: center;color:#008A8A;' > All rights reserved © YOUR COPY RIGHTS DETAILS 2016. < td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0' >";

}

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gopi Chand11y ago
Accepted answer
Okay..!!

If you are using JavaScript then use the following code.

Now the second option is by using API keys.
For more info click...

Thank you.
0
Ananth G10y ago
Hi Friends,
Below i give dynamic code for sending mail with Html format.
i give sample HTML mail format. you will change that html format based on your requirement
Two way to send mail .
Use your gmail Id and password.
UseSmtpClient URL and Port Number.
I give Both two Way If you haveSmtpClient URL and Port Number then you enable#region Not_Have_SmtpClient code else#region Have_SmtpClient code
private static string FunForMailSending()
{
//IF You don't have SmtpClient Url and port No then you must give your gmail id and //paswword.
SendHtmlFormattedEmail("Your Subject", "From GMAIL MailID", "GMAIL ID Pwd", "To MailID", "Bcc MailID", "CC MailID", FileUploadControlID);
}
public void SendHtmlFormattedEmail(string objSubject,string objFromMailID, string objPwd, string objToMailID, string objBccMailID, string objCCMailID, FileUpload fuAttachment)
{
try
{
MailMessage objMailMsg;
objMailMsg = new MailMessage();
objMailMsg.From = new MailAddress(objFromMailID);
objMailMsg.Bcc.Add(objBccMailID);
objMailMsg.Bcc.Add(objCCMailID);
objMailMsg.To.Add(objToMailID);
objMailMsg.Subject = objSubject;
objMailMsg.Body = FunForHtmlMailFormat("YOUR PRODUCT_ID", "YOUR PRODUCT_CODE");
if (fuAttachment.HasFile)
{
string stringFileName = System.IO.Path.GetFileName(fuAttachment.PostedFile.FileName);
objMailMsg.Attachments.Add(new Attachment(fuAttachment.PostedFile.InputStream, stringFileName));
}
#region Have_SmtpClient
////If you did have SmtpClient Url and port means you will used below code else command below //code enable #region Not_Have_SmtpClient code
//SmtpClient objSmtpClient = new SmtpClient(objAutomailURL, Convert.ToInt32(objAutomailPort));
//objSmtpClient.Host = objAutomailURL;
//objSmtpClient.Port = Convert.ToInt32(objAutomailPort);
//objSmtpClient.UseDefaultCredentials = false;
//objSmtpClient.Send(objMailMsg);
//objSmtpClient.Dispose();
#endregion
#region Not_Have_SmtpClient
////If you did not have SmtpClient Url and port means you will used below code else command below code enable #region Have_SmtpClient code
SmtpClient objSmtpClient = new SmtpClient("smtp.gmail.com");
objSmtpClient.Port = 587;
objSmtpClient.EnableSsl = true;
objSmtpClient.UseDefaultCredentials = false;
objSmtpClient.DeliveryMethod = SmtpDeliveryMethod.Network;
objSmtpClient.Credentials = new System.Net.NetworkCredential(objFromMailID, objPwd);
objSmtpClient.Send(objMailMsg);
objSmtpClient.Dispose();
#endregion
}
catch (Exception ex)
{
throw ex;
}
}
private static string FunForHtmlMailFormat(string objID, string objName)
{
return " < html >< body >< div style = 'font-family:Calibri; font-size: 14px; width: 100%!important; min-height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0' >< table style = 'font-family: Calibri; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0' >< tbody >< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0' >< td style = 'width: 600px; font-family: Calibri; font-size: 14px; vertical-align: top; display: block!important; max-width: 600px!important; clear: both!important; margin: 0 auto' >< div style = 'font-family: Calibri; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px' >< table style = 'width: 100%; font-family: Calibri; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9' >< tbody >< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: left; border-radius: 3px 3px 0 0; background-color: #00ACAC; margin: 0; padding: 20px' >< label style = 'font-size:36px;font-family:Impact;color:black;' > YOUR APPLICATION NAME< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0; padding: 20px' >< table style = 'width: 100%; font-family: Calibri; font-size: 14px; margin: 0' >< tbody >< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 18px; vertical-align: top; margin: 0; padding: 0 0 20px' > Dear All,< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px' >YOUR DESCRIPTION < table style = 'font-size: 12px; width: 480px; text-align: left; border-collapse: collapse; margin: 20px;'summary = 'Meeting Results' >< tbody >< tr style = 'display: table-row;' >< td style = 'color: #669; border: 1px solid #ddd; padding:5px;font-weight:bold;' > Product Id < td style = 'color: #669; border: 1px solid #ddd; padding:5px;' > " + objID + " < tr >< td style = 'color: #669; border: 1px solid #ddd; padding:5px;font-weight:bold;' > Product Name < td style = 'color: #669; border: 1px solid #ddd; padding:5px;' > " + objName + " < tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px' > Thanking You,< br />< i >< span > YOUR SIGNATURE < br />< br /> Please do not reply to this mail - id, It is an automated mail.< tr style = 'font-family: Calibri; font-size: 14px; margin: 0' >< td style = 'font-family: Calibri; font-size: 12px; line-height: 16px; color: #aaa; vertical-align: top; margin: 0; padding: 20px 0 20px; border-top: 1px #ccc solid; text-align: center;color:#008A8A;' > All rights reserved © YOUR COPY RIGHTS DETAILS 2016. < td style = 'font-family: Calibri; font-size: 14px; vertical-align: top; margin: 0' >";
}
0
Gopi Chand11y ago
Thank you Davin for your appreciation :)
0
Jaipal Reddy11y ago
http://www.lynda.com/articles/send-email-from-a-web-form-with-php
0
Nilesh Jadav11y ago
Hey Davin !

If you are using html then make it like this :

Send e-mail to [email protected]:

Name:

E-mail:

Comment:

and if you want to send email usign asp.net using C# then refer this link :

http://www.csharptutorial.in/16/csharp-net-how-to-send-email-from-gmail-using-c-sharp

Thank you !
0

Upendra Pratap Shahi11y ago

in short: 
1. register for Mandrill to get an API key
2. load jQuery
3. use $.ajax to send an email

Like this -

function sendMail() {
    $.ajax({
      type: 'POST',
      url: 'https://mandrillapp.com/api/1.0/messages/send.json',
      data: {
        'key': 'YOUR API KEY HERE',
        'message': {
          'from_email': '[email protected]',
          'to': [
              {
                'email': '[email protected]',
                'name': 'RECIPIENT NAME (OPTIONAL)',
                'type': 'to'
              }
            ],
          'autotext': 'true',
          'subject': 'YOUR SUBJECT HERE!',
          'html': 'YOUR EMAIL CONTENT HERE! YOU CAN USE HTML!'
        }
      }
     }).done(function(response) {
       console.log(response); // if you're into that sorta thing
     });
}

Davin Martyn11y ago
Hi Gopi

Actually i am using javascript prompt and i want to when we click on ok and cancel button then mail send please define how can we do with prompt in javascript?
0
Gopi Chand11y ago
Hello Davin,

You can use the following line of code in your form.

Thank you.
0
Guest User11y ago
What serverside language are you using?
0

Send a mail after click on button in HTML

Send e-mail to [email protected]: