{"id":109742,"date":"2021-07-12T16:11:42","date_gmt":"2021-07-12T07:11:42","guid":{"rendered":"https:\/\/support.questetra.com\/developer-blog\/throwing-message-intermediate-event-email-html\/"},"modified":"2026-06-24T14:54:20","modified_gmt":"2026-06-24T05:54:20","slug":"throwing-message-intermediate-event-email-html","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html\/","title":{"rendered":"Let\u2019s Send an Email Automatically in the Middle of a Workflow (HTML Email chapter)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"58\" data-attachment-id=\"113114\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/first-questetra-bpm-suite-step1\/attachment\/basic-banner-new-en\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en.png?fit=1200%2C68&amp;ssl=1\" data-orig-size=\"1200,68\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"basic-banner-new-en\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en.png?fit=1024%2C58&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en-1024x58.png?resize=1024%2C58&#038;ssl=1\" alt=\"\" class=\"wp-image-113114\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en.png?resize=1024%2C58&amp;ssl=1 1024w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en.png?resize=600%2C34&amp;ssl=1 600w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en.png?resize=768%2C44&amp;ssl=1 768w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/02\/basic-banner-new-en.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-border-border-color has-text-color has-link-color wp-elements-9554aab6fca117e722dba3438aaa5ad0 has-global-padding is-layout-constrained wp-container-core-group-is-layout-34a480d6 wp-block-group-is-layout-constrained\" style=\"border-width:3px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-dynamic-recipients\/\">&nbsp;Previous Post: Address embed chapter<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-get-started\/\">Basic chapter<\/a>: sending an email with a fixed mail body to a fixed address<\/li>\n\n\n\n<li><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-dynamic-content\/\">Mail body chapter<\/a>: changing the mail body of an email using embedded commands<\/li>\n\n\n\n<li><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-dynamic-recipients\/\">Address embed chapter<\/a>: changing the address of an email using embedded commands<\/li>\n\n\n\n<li><strong>HTML Email chapter<\/strong>: sending an HTML email<\/li>\n\n\n\n<li><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/\">HTML Email: Markdown chapter <\/a>\u2013 Converting Markdown to HTML and Sending HTML Emails<\/li>\n\n\n\n<li><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-inline-images\/\">HTML Email: Inline Images chapter <\/a>\u2013 Embedding in Emails and Sending HTML Emails<\/li>\n\n\n\n<li><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-troubleshooting\/\">Non-delivery response chapter<\/a>: troubleshooting when an email has not arrived<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">With Questetra BPM Suite Version 13.1, it is now possible to send an HTML email using the Throwing Message Intermediate Event (email).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is HTML Email?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML stands for Hyper Text Markup Language, and in simple terms it is a computer language used for making Web pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HTML email can be thought of as a form of email that takes advantage of HTML features in the email body to enable visual representations, document structures, and so on.<br>Specifically, elements enclosed in &lt; and &gt; (called a tag) are written in the character string, and reflect the function of those elements to be displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Below is an example character string.<\/p>\n\n\n<div class=\"wp-block-code\">\n\t<div class=\"cm-editor\">\n\t\t<div class=\"cm-scroller\">\n\t\t\t\n<pre>\n<code><div class=\"cm-line\">It\u2019s a Title<\/div><div class=\"cm-line\">The body appears like this<\/div><div class=\"cm-line\">You can highlight partially<\/div><div class=\"cm-line\"><\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">I will insert some tags into it.<\/p>\n\n\n<div class=\"wp-block-code\">\n\t<div class=\"cm-editor\">\n\t\t<div class=\"cm-scroller\">\n\t\t\t\n<pre>\n<code><div class=\"cm-line\">&lt;h2&gt;It\u2019s a Title&lt;\/h2&gt;<\/div><div class=\"cm-line\">&lt;p&gt;The body appears like this.&lt;br&gt;<\/div><div class=\"cm-line\">You can &lt;strong&gt;highlight&lt;\/strong&gt; partially&lt;\/p&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">When it is displayed, it will appear as follows.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"305\" height=\"173\" data-attachment-id=\"109759\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html\/attachment\/html-mail-html-sample-en\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-html-sample-en.png?fit=305%2C173&amp;ssl=1\" data-orig-size=\"305,173\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"html-mail-html-sample-en\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-html-sample-en.png?fit=305%2C173&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-html-sample-en.png?resize=305%2C173&#038;ssl=1\" alt=\"\" style=\"border:10px solid #aaaaaa; padding:5px; margin:5px;\" class=\"wp-image-109759\"><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">As you can see, the written tags themselves do not appear but affect the area where each function is specified.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By the way, the types and functions of tags are so diverse that they will not be covered in this article. Please search the Internet for detailed explanations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Body (HTML) Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We are going to set up an HTML email sending Step using the workflow app that has only a Confirmation Step and an email sending step, like you created in <a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/message-start-event-smtp-get-started\/\">Let\u2019s Send an Email Automatically in the Middle of a Workflow (Basic)<\/a>). Add the following items as the Data Items.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Data Item Name<\/strong><\/td><td><strong>Field Name<\/strong><\/td><td><strong>Data-type<\/strong><\/td><td><strong>Required<\/strong><\/td><td><strong>Confirm Step<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td><strong>Title to insert<\/strong><\/td><td>q_Title<\/td><td>String-type (single line)<\/td><td>No<\/td><td>Editable<\/td><td>Character string to be embedded the Title<\/td><\/tr><tr><td><strong>Title color<\/strong><\/td><td>q_Title_Color<\/td><td>String-type (single line)<\/td><td>No<\/td><td>Editable<\/td><td>Specify in hexadecimal<\/td><\/tr><tr><td><strong>Text to insert<\/strong><\/td><td>q_Sentence<\/td><td>String-type (multiple lines)<\/td><td>No<\/td><td>Editable<\/td><td>The texts underneath the title<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Open the property screen of the Send Step, the Throwing Message Intermediate Event (email), and in the setting field of [Body (HTML)] paste the aforementioned character string with the tags.<\/p>\n\n\n<div class=\"wp-block-code\">\n\t<div class=\"cm-editor\">\n\t\t<div class=\"cm-scroller\">\n\t\t\t\n<pre>\n<code><div class=\"cm-line\">&lt;h2&gt;It\u2019s a Title&lt;\/h2&gt;<\/div><div class=\"cm-line\">&lt;p&gt;The body appears like this.&lt;br&gt;<\/div><div class=\"cm-line\">You can &lt;strong&gt;highlight&lt;\/strong&gt; partially&lt;\/p&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">In the pasted character string, replace the &#8220;It\u2019s a Title&#8221; part in between &lt;h2&gt; and &lt;\/h2&gt; with the expression to embed the &#8220;Title to insert&#8221; using the Insert reference&#8230;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"598\" data-attachment-id=\"109764\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html\/attachment\/html-mail-property-en\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-property-en.png?fit=939%2C598&amp;ssl=1\" data-orig-size=\"939,598\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"html-mail-property-en\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-property-en.png?fit=939%2C598&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-property-en.png?resize=939%2C598&#038;ssl=1\" alt=\"\" style=\"border:10px solid #aaaaaa; padding:5px; margin:5px;\" class=\"wp-image-109764\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-property-en.png?w=939&amp;ssl=1 939w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-property-en.png?resize=495%2C315&amp;ssl=1 495w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-property-en.png?resize=768%2C489&amp;ssl=1 768w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Similarly, replace the part in between &lt;p&gt; and &lt;\/p&gt; with &#8220;Text to insert&#8221;. In addition, add codes  that specify the character color in &lt;h2&gt; as follows.<\/p>\n\n\n<div class=\"wp-block-code\">\n\t<div class=\"cm-editor\">\n\t\t<div class=\"cm-scroller\">\n\t\t\t\n<pre>\n<code><div class=\"cm-line\">&lt;h2 style=&quot;color: XXX;&quot;&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Replace &#8220;XXX&#8221; with &#8220;Title color&#8221; as described above. If you proceed to this point, the character string set in [Body (HTML)] should be as follows.<\/p>\n\n\n<div class=\"wp-block-code\">\n\t<div class=\"cm-editor\">\n\t\t<div class=\"cm-scroller\">\n\t\t\t\n<pre>\n<code><div class=\"cm-line\">&lt;h2 style=&quot;color: #{#q_Title_Color};&quot;&gt;#{#q_Title}&lt;\/h2&gt;<\/div><div class=\"cm-line\">&lt;p&gt;#{#q_Sentence}&lt;\/p&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">After that, set an address for testing in [To] and the Data Item &#8220;Title&#8221; in [Subject] and close the settings screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, let&#8217;s test sending an email. Run the [<a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/how-to-ensure-apps-operate-correctly\/#debug-execution\" target=\"_blank\" rel=\"noreferrer noopener\">Debug Execution<\/a>] and enter the following in each Data Item on the Operation screen of the Confirm Step.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Test<\/li>\n\n\n\n<li><strong>Title to insert<\/strong>: It\u2019s a Title<\/li>\n\n\n\n<li><strong>Title color<\/strong>\uff1a#1ce61c<\/li>\n\n\n\n<li><strong>Text to insert<\/strong>: &lt;p&gt;The body appears like this.&lt;br&gt;<br>You can &lt;strong&gt;highlight&lt;\/strong&gt; partially&lt;\/p&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have entered the information and finished the Confirmation Step, an email will be delivered to the specified address.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"358\" data-attachment-id=\"109768\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html\/attachment\/html-mail-test-mail-en\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-en.png?fit=599%2C358&amp;ssl=1\" data-orig-size=\"599,358\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"html-mail-test-mail-en\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-en.png?fit=599%2C358&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-en.png?resize=599%2C358&#038;ssl=1\" alt=\"\" style=\"border:10px solid #aaaaaa; padding:5px; margin:5px;\" class=\"wp-image-109768\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-en.png?w=599&amp;ssl=1 599w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-en.png?resize=527%2C315&amp;ssl=1 527w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><figcaption>The example received in Gmail<\/figcaption><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list has-very-light-gray-background-color has-background\">\n<li>The value entered in the Data Item Text to insert is recognized as HTML codes\n<ul class=\"wp-block-list\">\n<li>Appearing line breaks in the input field are ignored<\/li>\n\n\n\n<li>You need to insert &lt;br&gt; where you want the line break, as in the input example<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>When you write symbols called special characters (such as&lt; &gt; &amp; &#8221; and consecutive half-width spaces) in a sentence, you need to replace them with the format for displaying them (HTML escape)\n<ul class=\"wp-block-list\">\n<li>For example, type &amp; lt; HTML &amp; gt; to display &lt;HTML&gt;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>The value to be entered in &#8220;Title text color&#8221; is a 6-digit hexadecimal number starting with #\n<ul class=\"wp-block-list\">\n<li>If you Google search, for example,  &#8216;#123456&#8217;, the color picker tool will be displayed with which you can get the value of the color of your choice<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Combining HTML with Plain Text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">There are two setting items on the Throwing Message Intermediate Event (email) settings screen: [Body (Plain Text)] and [Body (HTML)].<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Body (Plain Text)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Used when sending a plain text email. The characters and symbols you enter will be displayed in the body of the email as they appear in the settings field. Line breaks, etc. will be displayed as they are, and you cannot change the size or color of the characters.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Body (HTML)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Used when sending HTML emails. The characters and symbols you enter are recognized as HTML sources. By inserting tags, you can add various decorations such as character color, font specification, and column structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How an HTML email is displayed on the receiving side may differ depending on the email software, smartphone app, or webmail service (Gmail, etc.) that displays the email. This is because the displaying software, etc. supports the HTML standard differently. Also, HTML email cannot be displayed on email clients that do not support HTML email.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, when using HTML email, it is desirable to write HTML codes that assume the environment of the receiving side. Also, assuming an email client that does not support HTML mail, it is recommended to set not only [Body (HTML)] but also [Body (plain text)]. If both are set, the received email client will display it properly.<\/p>\n\n\n\n<ul class=\"wp-block-list has-very-light-gray-background-color has-background\">\n<li>When both [Body (HTML)] and [Body (plain text)] is set, the email will be sent with its content-Type as <em>multipart\/alternative<\/em>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Creating HTML source<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Handwrite the source<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, let&#8217;s create a simple document email for the purpose of understanding HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s open your text editor and start writing&#8230;I don&#8217;t think so, it&#8217;s too hard. So let\u2019s use tools for it. Go searching for &#8220;online HTML editor&#8221; on the internet and find an appropriate online editor to use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the document creation screen, create a document in the same way as Microsoft Word or other word processors. When you are done, use the &#8220;View \/ Download \/ Copy HTML Source (Code)&#8221; menu to get the HTML source code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You paste the obtained code as it is in [Body (HTML)] of a [Throwing Message Intermediate Event (email)], to send it as an HTML email.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Utilizing a Template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sophisticated HTML emails, such as those sent to you for advertising emails, have fairly advanced HTML coding. To design such source code from scratch you will require specialized knowledge and skills.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So let&#8217;s use a template available on the internet. Go searching for &#8220;HTML email template&#8221; and get an appropriate template. If the site that provides the template has an editing function, use it to complete your HTML email source code. When you get the completed source code, set it in [Body (HTML)].<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Utilizing String-type multiple-lines<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">When setting the Throwing Message Intermediate Event (email), there is a limit of 100,000 characters including the To, Cc, Bcc, Subject, and Body. Since an HTML email has a large number of characters, it is better to set the HTML source in a String-type multiple-lines Data Item and embed it in the body (HTML).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prepare a String-type multiple lines Data Item and insert an expression that refers to the Data Item in [Body (HTML)] of the [Throwing Message Intermediate Event (email)]. Enter the completed source code to the String-type Data Item while Operating the Step.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Utilizing Update Data<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can automate inputting to String-type Data Items by using a [<a href=\"https:\/\/support.questetra.com\/en\/bpmn-icons\/service-task-data-assignment\/\">Update Data<\/a>]. Select the String-type Data Item in [Data Item] and set the obtained source code in [Value or Expression].<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, It is also possible to rewrite the contents of the outgoing email that will be sent for each Process. Prepare the necessary Data Items and insert an expression that refers to those Data Items in the appropriate place of the source code set in [Update Data]. With this, the emails to be sent will be composed with the values entered into the Data Items.<\/p>\n\n\n\n<ul class=\"wp-block-list has-very-light-gray-background-color has-background\">\n<li>You can use the following functions in the Update Data to automatically correct the value entered in String-type multiple-lines\n<ul class=\"wp-block-list\">\n<li>HTML escape\n<ul class=\"wp-block-list\">\n<li>e.g. <em>#{#escaper.escapeHtml(#q_string1)}<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Line break\n<ul class=\"wp-block-list\">\n<li>e.g. <em>#{#joiner.splitJoin(#q_string2, &#8216;&lt;br&gt;&#8217;)}<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Utilizing Add-ons (Professional)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your Questetra BPM Suite is Professional edition, you can install and use the add-on [<a href=\"https:\/\/support.questetra.com\/en\/addons\/email-html-string-create-simplenotice-2021\/\">Email-HTML String, Create SimpleNotice<\/a>] to automatically generate an HTML source.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Email-HTML String, Create SimpleNotice<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"1251\" data-attachment-id=\"108000\" data-permalink=\"https:\/\/support.questetra.com\/en\/addons\/email-html-string-create-simplenotice-2021\/attachment\/email-html-string-create-simplenotice-2021-config-en\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?fit=899%2C1251&amp;ssl=1\" data-orig-size=\"899,1251\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"email-html-string-create-simplenotice-2021-config-en\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?fit=453%2C630&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?resize=899%2C1251&#038;ssl=1\" alt=\"\" style=\"border:10px solid #aaaaaa; padding:5px; margin:5px;\" class=\"wp-image-108000\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?w=899&amp;ssl=1 899w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?resize=226%2C315&amp;ssl=1 226w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?resize=453%2C630&amp;ssl=1 453w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?resize=768%2C1069&amp;ssl=1 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Prepare Data Items for data insertion, such as Magazine Title, summary text, link button display text, publisher name, etc., and a Data Item to store the completed HTML source. Set the reference expression on the add-on settings screen respectively.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The HTML email sent will look like this:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-addon-ja.png?resize=421%2C969&#038;ssl=1\" alt=\"\" style=\"border:10px solid #aaaaaa; padding:5px; margin:5px;\" \u3000class=\"wp-image-108928\" width=\"421\" height=\"969\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-addon-ja.png?w=841&amp;ssl=1 841w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-addon-ja.png?resize=137%2C315&amp;ssl=1 137w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-addon-ja.png?resize=274%2C630&amp;ssl=1 274w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-addon-ja.png?resize=768%2C1769&amp;ssl=1 768w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/html-mail-test-mail-addon-ja.png?resize=667%2C1536&amp;ssl=1 667w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><figcaption>Example received by Gmail<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Next is <a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-troubleshooting\/\"><\/a><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/\">HTML Email: Markdown chapter <\/a><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With Questetra BPM Suite Version 13.1, it is now possible to send an HTML email using the Throwing Message Intermediate Event (email).<\/p>\n","protected":false},"author":3,"featured_media":109345,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[296],"tags":[],"class_list":["post-109742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-blog"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=1200%2C675&ssl=1","uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=1200%2C675&ssl=1",1200,675,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=560%2C315&ssl=1",560,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=768%2C432&ssl=1",768,432,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=1024%2C576&ssl=1",1024,576,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=1200%2C675&ssl=1",1200,675,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-portrait-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=900%2C675&ssl=1",900,675,true],"newspack-article-block-square-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=800%2C600&ssl=1",800,600,true],"newspack-article-block-portrait-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=600%2C675&ssl=1",600,675,true],"newspack-article-block-square-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=800%2C675&ssl=1",800,675,true],"newspack-article-block-landscape-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=600%2C450&ssl=1",600,450,true],"newspack-article-block-portrait-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=450%2C600&ssl=1",450,600,true],"newspack-article-block-square-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=600%2C600&ssl=1",600,600,true],"newspack-article-block-landscape-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=400%2C300&ssl=1",400,300,true],"newspack-article-block-portrait-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=300%2C400&ssl=1",300,400,true],"newspack-article-block-square-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=400%2C400&ssl=1",400,400,true],"newspack-article-block-landscape-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=200%2C150&ssl=1",200,150,true],"newspack-article-block-portrait-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=150%2C200&ssl=1",150,200,true],"newspack-article-block-square-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/07\/eye-catch-html-email-en.png?fit=1200%2C675&ssl=1",1200,675,true]},"uagb_author_info":{"display_name":"Hirotaka NISHI","author_link":"https:\/\/support.questetra.com\/en\/author\/nishiquestetra\/"},"uagb_comment_info":10,"uagb_excerpt":"With Questetra BPM Suite Version 13.1, it is now possible to send an HTML email using the Throwing Message Intermediate Event (email).","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9DiIh-sy2","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":77209,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-get-started\/","url_meta":{"origin":109742,"position":0},"title":"Let&#8217;s Send an Email Automatically in the Middle of a Workflow (Basic chapter)","author":"Hirotaka NISHI","date":"2020-03-16","format":false,"excerpt":"Using \"Throwing Message Intermediate Event (Email)\", create an application that sends an mail automatically in the middle of a Workflow.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":77737,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-dynamic-recipients\/","url_meta":{"origin":109742,"position":1},"title":"Let\u2019s Send an Email Automatically in the Middle of a Workflow (Address embed chapter)","author":"Hirotaka NISHI","date":"2020-03-23","format":false,"excerpt":"Let's set up the address of the e-mail to send automatically by \"Throwing Message Intermediate Event (Email)\" using data embedding etc. in detail.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":78638,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-troubleshooting\/","url_meta":{"origin":109742,"position":2},"title":"Let&#8217;s Send an Email Automatically in the Middle of a Workflow (Non-delivery response chapter)","author":"Hirotaka NISHI","date":"2020-03-23","format":false,"excerpt":"Introducing methods of cause investigation and solution when trouble occurs in automatic mail transmission by \"Throwing Message Intermediate Event (Email).\"","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":77405,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-dynamic-content\/","url_meta":{"origin":109742,"position":3},"title":"Let\u2019s Send an Email Automatically in the Middle of a Workflow (Mail body chapter)","author":"Hirotaka NISHI","date":"2020-03-23","format":false,"excerpt":"Let's set in detail the contents of the email to be sent automatically by \"Throwing Message Intermediate Event (Email)\", using data embedding etc.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/07\/featured-image-message-intermediate-event-email.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":75824,"url":"https:\/\/support.questetra.com\/en\/bpmn-icons\/throwing-message-intermediate-event-email\/","url_meta":{"origin":109742,"position":4},"title":"Throwing Message Intermediate Event (Email)","author":"Hirotaka NISHI","date":"2019-03-19","format":false,"excerpt":"Sends an email to the email address specified on To\/Cc\/Bcc. Also capable of embedding business data and attaching files.","rel":"","context":"In &quot;BPMN Icons&quot;","block_context":{"text":"BPMN Icons","link":"https:\/\/support.questetra.com\/en\/category\/bpmn-icons\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-throwing-message-intermediate-event-email-1200x675.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-throwing-message-intermediate-event-email-1200x675.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-throwing-message-intermediate-event-email-1200x675.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-throwing-message-intermediate-event-email-1200x675.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-throwing-message-intermediate-event-email-1200x675.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":170753,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/","url_meta":{"origin":109742,"position":5},"title":"Let\u2019s Send an Email Automatically in the Middle of a Workflow (HTML Email:  Markdown chapter)","author":"Peter Glover","date":"2025-04-01","format":false,"excerpt":"With Questetra BPM Suite Version 16.2, it is now possible to incorporate Markdown and inline images into HTML emails using the Throwing Message Intermediate Event (email). In this article, we will introduce how to incorporate Markdown.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81.png?fit=1200%2C686&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81.png?fit=1200%2C686&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81.png?fit=1200%2C686&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81.png?fit=1200%2C686&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81.png?fit=1200%2C686&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/109742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/comments?post=109742"}],"version-history":[{"count":23,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/109742\/revisions"}],"predecessor-version":[{"id":187872,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/109742\/revisions\/187872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media\/109345"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media?parent=109742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/categories?post=109742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/tags?post=109742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}