{"id":172043,"date":"2025-04-02T14:00:00","date_gmt":"2025-04-02T05:00:00","guid":{"rendered":"https:\/\/support.questetra.com\/developer-blog\/throwing-message-intermediate-event-email-html-inline-images\/"},"modified":"2026-04-14T09:18:58","modified_gmt":"2026-04-14T00:18:58","slug":"throwing-message-intermediate-event-email-html-inline-images","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-inline-images\/","title":{"rendered":"Let\u2019s Send an Email Automatically in the Middle of a Workflow (HTML Email: Inline Images chapter)"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter 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<p class=\"wp-block-paragraph\">This is the second instalment in a series that shows how to use two functions to improve the appearance of your emails. <strong>Last time<\/strong>, we discussed how to use Markdown to decorate email text with basic features such as headings and bullet points. <strong>This time<\/strong>, we will explain how to embed images into the body of emails. Using these functions can help make email content easier to understand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;Previous Post: <a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/\">HTML Email: Markdown 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 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><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html\/\">HTML Email chapter<\/a>: sending an HTML email<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/\">HTML Email: Markdown chapter <\/a><\/strong>\u2013 Converting Markdown to HTML and Sending HTML Emails (Last Time)<\/li>\n\n\n\n<li><strong>HTML Email: Inline Images chapter<\/strong> \u2013 Embedding in Emails and Sending HTML Emails (This Time)<\/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\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Embedding Image Files in the Email Body<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Effective from Questetra Version 16.2 it is now also possible to embed images into the body of emails sent from a [Throwing Message Intermediate Event (email)]. Images can be placed between sections of text, which will allow you to add more color and information to your emails.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This can be implemented using a File-type Data Item and a short line of code which will be input in the settings of the [Throwing Message Intermediate Event (email)], again, in the Body (HTML) section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">File-type Data Item<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, you must set up a File-type Data Item in your Workflow App. For the purpose of this example, we will create a data item called \u201cImage\u201d with the Field Name \u201cq_image\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Throwing Message Intermediate Event (email) Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When selecting image files in the File-type Data Item, you can embed these files in an email using the following two steps:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Copy the following code into the Body (HTML) section.<\/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;img src=&quot;cid:#{#q_image?.get(0)?.getId()}&quot;&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">2. In the Attachments \/ Inline Images section, select Inline Images and select the data item &#8220;Images&#8221; from the dropdown.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"118\" data-attachment-id=\"170780\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/attachment\/throwing-email-inline-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/02\/throwing-email-inline-images.png?fit=573%2C118&amp;ssl=1\" data-orig-size=\"573,118\" 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=\"throwing-email-inline-images\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/02\/throwing-email-inline-images.png?fit=573%2C118&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/02\/throwing-email-inline-images.png?resize=573%2C118&#038;ssl=1\" alt=\"\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-170780\" style=\"border-width:10px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Embedding Multiple Images<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The above code will only enable one image to be embedded. For embedding more than one image additional code lines must be included, one line for each image.<\/p>\n\n\n\n<p class=\"has-very-light-gray-background-color has-background wp-block-paragraph\">It is important to note that when implementing code that enables multiple images to be embedded, the expected number of files must be attached. An error will occur if image code lines are unused. I.e. If the Body (HTML) section contains code to allow three images to be embedded (as in the example image below), then three images must be attached to prevent an error from occurring. If two or fewer images are attached, then an error will occur and the email will not be sent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For embedding multiple inline images, the second and subsequent images require the code<\/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;img src=&quot;cid:#{#q_image?.get(1)?.getId()}&quot;&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">For the second image<\/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;img src=&quot;cid:#{#q_image?.get(2)?.getId()}&quot;&gt;<\/div><\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">For the third image, and so on, incrementing the number in the get(2) bracket for each subsequent image you wish to embed.<\/p>\n\n\n\n<p class=\"has-very-light-gray-background-color has-background wp-block-paragraph\">Please be aware that the above code lines will only work if the Field Name of your File-type Data Item is \u201cq_image\u201d. If you have given the File-type a different Field Name, please swap the section \u201c#q_image?\u201d for \u201c#q_{your field name}?\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"630\" data-attachment-id=\"171308\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/attachment\/throwing-email-code4\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?fit=880%2C759&amp;ssl=1\" data-orig-size=\"880,759\" 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=\"throwing-email-code4\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?fit=730%2C630&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?resize=730%2C630&#038;ssl=1\" alt=\"\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-171308\" style=\"border-width:10px;width:730px;height:auto\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?resize=730%2C630&amp;ssl=1 730w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?resize=365%2C315&amp;ssl=1 365w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?resize=768%2C662&amp;ssl=1 768w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/throwing-email-code4.png?w=880&amp;ssl=1 880w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><figcaption class=\"wp-element-caption\">Settings for embedding inline images between two markdown sections<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Inline images can be embedded in the email body alongside normal text and markdown. In this example, the Signature data item has also been added to the end of the email body, which includes pre-written markdown in the data item&#8217;s Initial Value.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The email below shows the results of the markdown in the order in which it has been entered in the [Throwing Message Intermediate Event (email)] Body (HTML); the markdown in the Meeting Agenda \/ Minutes data item, followed by the inline images, and finally the signature at the bottom.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"630\" data-attachment-id=\"171306\" data-permalink=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-html-markdown\/attachment\/email-markdown-inline-images3\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?fit=1105%2C1179&amp;ssl=1\" data-orig-size=\"1105,1179\" 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-markdown-inline-images3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?fit=590%2C630&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?resize=590%2C630&#038;ssl=1\" alt=\"\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-171306\" style=\"border-width:10px\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?resize=590%2C630&amp;ssl=1 590w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?resize=295%2C315&amp;ssl=1 295w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?resize=768%2C819&amp;ssl=1 768w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/03\/email-markdown-inline-images3.png?w=1105&amp;ssl=1 1105w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this article, we covered two key features to enhance the appearance of your emails. First, we explained how to embed images within the email body. Including images in your emails can make them more interesting and easier to understand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By also utilizing the Markdown feature introduced last time, you can create more professional and effective emails for both business and personal communication. Please feel free to try them out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-troubleshooting\/\">Next is <\/a><a href=\"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-troubleshooting\/\">Non-delivery response chapter<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Following the Markdown edition from the previous article, this time we will introduce how to incorporate images into HTML emails using the Throwing Message Intermediate Event (email).<\/p>\n","protected":false},"author":28,"featured_media":171694,"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-172043","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\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=1792%2C1024&ssl=1","uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=1792%2C1024&ssl=1",1792,1024,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=551%2C315&ssl=1",551,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=768%2C439&ssl=1",768,439,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=1024%2C585&ssl=1",1024,585,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=1536%2C878&ssl=1",1536,878,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=1792%2C1024&ssl=1",1792,1024,true],"newspack-article-block-landscape-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=1200%2C900&ssl=1",1200,900,true],"newspack-article-block-portrait-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=900%2C1024&ssl=1",900,1024,true],"newspack-article-block-square-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=1200%2C1024&ssl=1",1200,1024,true],"newspack-article-block-landscape-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=800%2C600&ssl=1",800,600,true],"newspack-article-block-portrait-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=600%2C800&ssl=1",600,800,true],"newspack-article-block-square-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=800%2C800&ssl=1",800,800,true],"newspack-article-block-landscape-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=600%2C450&ssl=1",600,450,true],"newspack-article-block-portrait-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=450%2C600&ssl=1",450,600,true],"newspack-article-block-square-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=600%2C600&ssl=1",600,600,true],"newspack-article-block-landscape-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=400%2C300&ssl=1",400,300,true],"newspack-article-block-portrait-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=300%2C400&ssl=1",300,400,true],"newspack-article-block-square-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=400%2C400&ssl=1",400,400,true],"newspack-article-block-landscape-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=200%2C150&ssl=1",200,150,true],"newspack-article-block-portrait-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=150%2C200&ssl=1",150,200,true],"newspack-article-block-square-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2025\/04\/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%813.png?fit=1200%2C686&ssl=1",1200,686,true]},"uagb_author_info":{"display_name":"kobayashi","author_link":"https:\/\/support.questetra.com\/en\/author\/kobayashi\/"},"uagb_comment_info":6,"uagb_excerpt":"Following the Markdown edition from the previous article, this time we will introduce how to incorporate images into HTML emails using the Throwing Message Intermediate Event (email).","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9DiIh-IKT","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":172043,"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":78638,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-troubleshooting\/","url_meta":{"origin":172043,"position":1},"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":172043,"position":2},"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":77737,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/throwing-message-intermediate-event-email-dynamic-recipients\/","url_meta":{"origin":172043,"position":3},"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":73649,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/email-start-parse\/","url_meta":{"origin":172043,"position":4},"title":"Parsing the Content of Email and make Automatic Settings Based on It","author":"furuzo","date":"2018-12-18","format":false,"excerpt":"Introducing how to automatically Start a Process by receiving an email, and to input the data into Data Items by parsing the contents of the email automatically.","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\/2018\/12\/Message-Start-Event.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/12\/Message-Start-Event.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/12\/Message-Start-Event.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/12\/Message-Start-Event.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/12\/Message-Start-Event.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":172043,"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":true,"_links":{"self":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/172043","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\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/comments?post=172043"}],"version-history":[{"count":4,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/172043\/revisions"}],"predecessor-version":[{"id":181906,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/172043\/revisions\/181906"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media\/171694"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media?parent=172043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/categories?post=172043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/tags?post=172043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}