So I am in the process of gathering a user’s email address and submitting it to a database – but what I would really like to do is also submit an HTML email to them.
I have created the html of the email (with inline css, it is literally 1 page) and it looks like this:
So then I took this code and wrote the email submittingness in php:
ini_set("sendmail_from", "emailer@benjaminpotter.org");
$to = $email;
$subject = "Ben Potter Web Design - Newsletter Form Submission";
$emailthing = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form Submission - Newsletter Update</title>
</head>
<style type="text/css">
body {
background-color:#e8faff;
}
p {
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#141414;
font-style:italic;
}
#mainbox{
background-image:url(http://www.benjaminpotter.org/Images/emailtotheuser.jpg);
width:345px;
height:404px;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:50px;
}
#mainbox #textholder{
width:279px;
height:300px;
display:block;
position:absolute;
margin-top:80px;
margin-left:30px;
}
#special{
color:#72C0EF;
text-align:center !important;
font-style:normal;
}
</style>
<body>
<div id="mainbox">
<div id="textholder">
<p>
Thanks for signing up!<br />
I currently have you under the email:<br />
<span id="special">' . $email . '</span>
<br />
<br />
You will be receiving tri-monthly / <br />
quarterly emails from me, updating you<br />
on my latest works.<br />
<br />
Thank you for your intrest in <strong>Ben Potter
Web Design</strong>, you will receive the first newsletter soon.<br />
<br />
<br />
Yours Sincerely,
<br />
<strong>Ben Potter</strong>
</p>
</div>
</div>
</body>
</html>';
$Rconfucious = "MIME-Version: 1.0\r\n";
$Rconfucious .= "Content-type: text/html; charset=iso-8859-1\r\n";
$Rconfucious .= 'From: Ben Potter Web Design 2011 <emailer@benjaminpotter.org>' . "\r\n";
@mail($to, $subject, $emailthing, $Rconfucious);
But the problem is that it comes through like this:
So how do I get this to work properly?
Also, just a side note – the emails always go straight to junk mail and I don’t know how to change this… the user won’t see the email if it goes straight there.
Thanks for the help!
Your email is correctly being sent as HTML. However, CSS/HTML support in email clients is akin to the situation we had in 1998.
Gmail for example doesn’t support
<style>tags which is why your email is rendering the way it is. I suggest you take a look at the following chart in order to see what each email client supports and to tailor your HTML template accordingly.So, essentially, your email has to be written as such: