{"id":45933,"date":"2017-02-14T15:48:28","date_gmt":"2017-02-14T10:18:28","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=45933"},"modified":"2017-05-22T14:06:58","modified_gmt":"2017-05-22T08:36:58","slug":"how-to-send-html-emails-in-drupal-8","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/how-to-send-html-emails-in-drupal-8\/","title":{"rendered":"How to send HTML Emails in Drupal 8?"},"content":{"rendered":"

Thinking of how to setup emails in Drupal 8<\/a> site? Are you searching\u00a0for different options? Did you get any success? If no, then this blog will be helpful.<\/p>\n

Gone are the days when a prospect used to get a simple one line email after submitting a\u00a0query\u00a0on the website or filling out a contact form. The world is changing rapidly and so is the communication mediums. Now every organization wants to acknowledge their visitors\/prospects when he\/she fills up a form on your website by sending out an\u00a0attractive HTMLised email which contains links and images.<\/p>\n

This blog will demonstrate how to send out HTML emails programmatically in Drupal 8.<\/p>\n

Header :
\nAll emails are preceded by header that identify routing information of that message.
\nHeader includes<\/p>\n

From: Sender’s name and email address (This is mandatory)
\nTo: Recipient’s name and email address (This is mandatory)
\nSubject: Subject heading<\/p>\n

Below we will explain how to send HTML email after successful Contact form is submitted similarly this can be used to setup and send emails when any a different type of form is submitted.<\/p>\n

Step 1: Define a function which will be called after your form is submitted (here we are taking example of contact form)<\/p>\n

[php]
\n\/**
\n* hook_form_alter()
\n*\/<\/p>\n

function mymodule_form_alter (&amp;$form, \\Drupal\\Core\\Form\\FormStateInterface $form_state, $form_id){
\nif($form_id == ‘contact_message_personal_form’){
\n$form[‘actions’][‘submit’][‘#submit’][] = ‘mymodule_html_mails’; \/\/custom name
\n}
\n}<\/p>\n

function mymodule_html_mails($form, \\Drupal\\Core\\Form\\FormStateInterface $form_state){
\n$send_mail = new \\Drupal\\Core\\Mail\\Plugin\\Mail\\PhpMail(); \/\/ this is used to send HTML emails
\n$from = \u2018from@gmail.com\u2019;
\n$to = \u2018to@gmail.com\u2019;
\n$message[‘headers’] = array(
\n‘content-type’ => ‘text\/html’,
\n‘MIME-Version’ => ‘1.0’,
\n‘reply-to’ => $from,
\n‘from’ => ‘sender name <‘.$from.’>’
\n);
\n$message[‘to’] = $to;
\n$message[‘subject’] = "Subject Goes here !!!!!";<\/p>\n

$message[‘body’] = ‘Hello,
\nThank you for reading this blog.’;<\/p>\n

$send_mail->mail($message);
\n}<\/p>\n

This will send HTML email to users. Now what if I have huge body content? Should I write whole body content in the above function? Is it good practice? No, not at all. We should ideally create template for the body content using hook_theme() function of Drupal. Below is the example:<\/p>\n

\/*
\n* hook_theme()
\n*\/
\nfunction hook_theme(){
\nreturn [
\n ‘mail-body’ =>
\n [
\n ‘variables’ => [
\n ‘text 1’ => NULL,
\n ],
\n ]
\n];
\n}
\n[\/php]<\/p>\n

Now create a variable such as $theme_body, where we will define the theme which will be called.<\/p>\n

For Example :<\/p>\n

[php]
\n$theme_body = array(
\n‘#theme’ => ‘mail-body’,
\n‘#text\u2019 => ‘Body of mail goes here\u2026\u2026..’,
\n);
\n[\/php]<\/p>\n

Here,
\n#theme : Is the name of theme template
\n#text : Is the variable which I want to use in my template, This #text can be anything it’s just a variable. We can define any number of variables.<\/p>\n

Now, message body will be something like<\/p>\n

[php]
\n$mail_body = drupal_render($theme_body);
\n$message[‘body’] = $mail_body;
\n[\/php]<\/p>\n

Now, Create Mail Template with name : \u201cmail-body.html.twig\u201d under modules\/custom\/module_name\/templates\/mail-body.html.twig. And now here write your html body content.<\/p>\n","protected":false},"excerpt":{"rendered":"

Thinking of how to setup emails in Drupal 8 site? Are you searching\u00a0for different options? Did you get any success? If no, then this blog will be helpful. Gone are the days when a prospect used to get a simple one line email after submitting a\u00a0query\u00a0on the website or filling out a contact form. The […]<\/p>\n","protected":false},"author":1053,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":42},"categories":[3602],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/45933"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1053"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=45933"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/45933\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=45933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=45933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=45933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}