CODEWITHSUNDEEP
phpcssemail
Giorgio
Giorgio

Reputation: 1970

Sending PHP emails with HTML/CSS

I'm trying to send emails with PHP. I would like to add some style with CSS (no matter if inline, internal or with external file).

I've tried PHPmailer, but it fails to recognize some elements (such as body), media queries (@media) and declarations (max-width, inline-block, etc...). I'm now trying to use SwiftMailer, but online documentation doesn't mention anything about styling.

Just for sake of clarity, here's the snippet I would like to use: JsFiddle

Any ideas to send PHP emails with working HTML/CSS?

Upvotes: 1

Views: 2579

Answers (3)

Raphytator
Raphytator

Reputation: 21

I use PHPMailer to send emails with PHP, and it never fails to recognize these elements (for me anyway).

To use it, i create a fonction :

function sendMail($name, $from, $message, $to, $subject)
{
   $mail = new PHPMailer();
   $body = "<html><head></head><body style=\"background-color: #F2F1F0;\"><p>".$message."</p></body></html>";
   $mail->SetFrom($from, $name);    
   $mail->AddReplyTo($from, $name);

   // Only if you want to send an attachment, send a variable $object to the function
   //$mail->AddAttachment($object);

   $mail->Subject    = $subject;    
   $mail->AltBody    = "To view the message, please use an HTML compatible email viewer!"; // optional, comment out and test    
   $mail->MsgHTML($body);      
   $mail->AddAddress($to, $name);

   if(!$mail->Send()) {
       $result = $mail->ErrorInfo;
   }
   else
   {
       $result = "Mail sent successfully";
   }
   return $result;
}

And an exemple to use it :

// Preparation of the message
$message = '<p class="img"><img src="http://mywebsite.com/img/myImage.png" width="220px"></p>';
$message .= '<p class="txt">Hello Mr Dupond !</p>';
$message .= '<p class="txt">We are glad to have you among us</p>';
$message .= '<p class="txt">Se you soon on our Website !</p>';
$message = utf8_decode($message);

// variables needed
$name = "Mr Oktopuss";
$from = "[email protected]";
$to = "[email protected]";
$subject = "The subject of this mail !";

// Send the mail and receive the result
$result = sendMail($name, $from, $message, $to, $subject);
echo $result;

Maybe that could be help you

Upvotes: 0

sabas
sabas

Reputation: 743

You could use a CSS inliner tool like http://templates.mailchimp.com/resources/inline-css/ to convert your 'normal' template (made like a normal HTML page) to an email-friendly template. This is needed because mail clients doesn't recognise separate elements. I currently use a template based on the ones made available by Zurb, http://zurb.com/ink/

Upvotes: 1

Nick
Nick

Reputation: 461

It also depends on the receiver's email client. Not all clients accept all css. Use a litmus test of some sort to check with different e-mail clients which css you can use. Tables often work with email clients, a lot of them don't accept divs I believe.

Upvotes: 0

Related Questions