You are here

Home » API reference » Mailgun 8

mailgun--test-form-email.html.twig in Mailgun 8

The default template file for e-mails.

Available variables:

  • subject: The subject.
  • body: The message content.
  • message: The $message array created and used in the mail building procedure. Its content varies between cases, but typically contains at least the following elements:

    • id: The message identifier.
    • module: The module that handles the building of the message.
    • key: The key of the message.
    • to: The recipient email address.
    • from: The email address of the sender.
    • langcode: The langcode to use to compose the e-mail.
    • params: The message parameters.

This template may be overriden by module and/or mail key, using any of the following template names:

  • mailgun.html.twig: global, used by default.
  • mailgun--mymodule.html.twig: only emails sent by the module "mymodule".
  • mailgun--mymodule--test.html.twig: only emails by the module "mymodule" with key "test".

See also

template_preprocess()

template_preprocess_mailgun()

File

modules/mailgun_email_templates_examples/templates/mailgun--test-form-email.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * The default template file for e-mails.

  5.  *

  6.  * Available variables:

  7.  * - subject: The subject.

  8.  * - body: The message content.

  9.  * - message: The $message array created and used in the mail building

  10.  *   procedure. Its content varies between cases, but typically contains at

  11.  *   least the following elements:

  12.  *   - id: The message identifier.

  13.  *   - module: The module that handles the building of the message.

  14.  *   - key: The key of the message.

  15.  *   - to: The recipient email address.

  16.  *   - from: The email address of the sender.

  17.  *   - langcode: The langcode to use to compose the e-mail.

  18.  *   - params: The message parameters.

  19.  *

  20.  * This template may be overriden by module and/or mail key, using any of the

  21.  * following template names:

  22.  * - mailgun.html.twig: global, used by default.

  23.  * - mailgun--mymodule.html.twig: only emails sent by the module "mymodule".

  24.  * - mailgun--mymodule--test.html.twig: only emails by the module

  25.  *   "mymodule" with key "test".

  26.  *

  27.  * @see template_preprocess()

  28.  * @see template_preprocess_mailgun()

  29.  *

  30.  * @ingroup themeable

  31.  */

  32. #}

  33. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  34. <html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  35. <head>

  36.   <meta name="viewport" content="width=device-width" />

  37.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  38. 

  39.   <style type="text/css">

  40.     img {

  41.       max-width: 100%;

  42.     }

  43.     body {

  44.       -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;

  45.     }

  46.     body {

  47.       background-color: #f6f6f6;

  48.     }

  49.     @media only screen and (max-width: 640px) {

  50.       body {

  51.         padding: 0 !important;

  52.       }

  53.       h1 {

  54.         font-weight: 800 !important; margin: 20px 0 5px !important;

  55.       }

  56.       h2 {

  57.         font-weight: 800 !important; margin: 20px 0 5px !important;

  58.       }

  59.       h3 {

  60.         font-weight: 800 !important; margin: 20px 0 5px !important;

  61.       }

  62.       h4 {

  63.         font-weight: 800 !important; margin: 20px 0 5px !important;

  64.       }

  65.       h1 {

  66.         font-size: 22px !important;

  67.       }

  68.       h2 {

  69.         font-size: 18px !important;

  70.       }

  71.       h3 {

  72.         font-size: 16px !important;

  73.       }

  74.       .container {

  75.         padding: 0 !important; width: 100% !important;

  76.       }

  77.       .content {

  78.         padding: 0 !important;

  79.       }

  80.       .content-wrap {

  81.         padding: 10px !important;

  82.       }

  83.     }

  84.   </style>

  85. </head>

  86. 

  87. <body itemscope itemtype="http://schema.org/EmailMessage" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">

  88. 

  89. <table class="body-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6"><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  90.     <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>

  91.     <td class="container" width="600" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;" valign="top">

  92.       <div class="content" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">

  93.         <table class="main" width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;" bgcolor="#fff">

  94.           <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  95.             <td class="alert alert-warning" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: #17c623; margin: 0; padding: 20px;" align="center" bgcolor="#FF9F00" valign="top">

  96.               {{ 'Success: You received an email from Mailgun!'|t }}

  97.             </td>

  98.           </tr>

  99.           <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;" valign="top">

  100.               <table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  101.                 <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  102.                   <td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">

  103.                     {{ body }}

  104.                   </td>

  105.                 </tr>

  106.               </table>

  107.             </td>

  108.           </tr>

  109.         </table>

  110.         <div class="footer" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">

  111.           <table width="100%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  112.             <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

  113.               <td class="aligncenter content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;" align="center" valign="top">

  114.                 {{ 'Thanks for using'|t }} <a href="https://www.drupal.org/project/mailgun" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">{{ 'Mailgun' }}</a>.

  115.               </td>

  116.             </tr>

  117.           </table>

  118.         </div>

  119.       </div>

  120.     </td>

  121.     <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>

  122.   </tr></table></body>

  123. </html>