{"id":9977,"date":"2023-07-19T14:14:37","date_gmt":"2023-07-19T14:14:37","guid":{"rendered":"https:\/\/help.fromdoppler.com\/es\/?p=9977"},"modified":"2025-10-23T19:02:04","modified_gmt":"2025-10-23T19:02:04","slug":"como-agregar-imagenes-en-tus-plantillas-con-el-nuevo-editor","status":"publish","type":"post","link":"https:\/\/help.fromdoppler.com\/en\/how-to-add-images-with-new-editor\/","title":{"rendered":"How to add images in your Templates with the Editor?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Learn in this article how to create effective and eye-catching Emails incorporating images and customizing them according to your brand.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Start by logging into your <\/span><b>Doppler <\/b><span style=\"font-weight: 400;\">account. So that you can create your Email, choose \u201cCreate Campaigns\u201d and then select \u201cTemplate Editor\u201d.<\/span><\/p>\n<p><img class=\"alignnone size-full wp-image-9972\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png\" alt=\"IMG\" width=\"499\" height=\"199\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png 499w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1-300x120.png 300w\" sizes=\"(max-width: 499px) 100vw, 499px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">We remind you that you have the option to choose between the different predesigned templates or create one from scratch by clicking on &#8220;Create template&#8221;. As you can see in the image below:<\/span><\/p>\n<p><img class=\"alignnone  wp-image-12298\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/1.png\" alt=\"\" width=\"869\" height=\"675\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/1.png 991w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/1-300x233.png 300w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/1-768x597.png 768w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">From the left side menu, you can choose the <\/span><b>&#8220;Contents&#8221; <\/b><span style=\"font-weight: 400;\">option and within the drop-down options select the<\/span><b> &#8220;Image&#8221;<\/b><span style=\"font-weight: 400;\"> icon.<\/span><\/p>\n<p><img class=\"alignnone size-large wp-image-9978\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_2.png\" alt=\"\" width=\"300\" height=\"485\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_2.png 300w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_2-186x300.png 186w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">As a next step, click on an image block and drag the icon onto the template. There, click on the image and a right side menu will be displayed where you can load the desired image that you already have stored on your device. Simple right? &#x1f642;<\/span><\/p>\n<p><img class=\"alignnone size-full wp-image-9815\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_2-1.png\" alt=\"\" width=\"663\" height=\"199\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_2-1.png 663w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_2-1-300x90.png 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Next, you will see all the options you have to edit and customize your image so that your Email looks perfect. For example, some of the options on which you can edit your image are: width, alignment, alternative text, add a link, etc.<\/span><\/p>\n<p><img class=\"alignnone size-full wp-image-9816\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_3-1.png\" alt=\"\" width=\"454\" height=\"549\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_3-1.png 454w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_3-1-248x300.png 248w\" sizes=\"(max-width: 454px) 100vw, 454px\" \/><\/p>\n<p><img class=\"alignnone size-full wp-image-9817\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_4-1.png\" alt=\"\" width=\"492\" height=\"305\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_4-1.png 492w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_4-1-300x186.png 300w\" sizes=\"(max-width: 492px) 100vw, 492px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">In addition, this <\/span><b>New Editor<\/b><span style=\"font-weight: 400;\"> has a gallery of stock images as well as the option to generate your own image with Artificial Intelligence, in which you can search for any element, select it and add it to the design of your Email. Brilliant!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Finally, and to check how your Email will look on different devices, you have the option to preview how it will look on a computer or on a mobile phone.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">#DopplerTip: click on the image and you will have the option to edit the image with filters, stickers, add text, etc. &#x1f609;<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Now you know how to prepare your Email with effective images with the <\/span><b>New Editor<\/b><span style=\"font-weight: 400;\">. Let&#8217;s do it!<\/span><\/p>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Learn in this article how to create effective and eye-catching Emails incorporating images and customizing them according to your brand. Start by logging into your Doppler account. So that you can create your Email, choose \u201cCreate Campaigns\u201d and then select \u201cTemplate Editor\u201d. We remind you that you have the option to choose between the different [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[414],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add images in your Templates with the Editor? - Doppler Help Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add images in your Templates with the Editor? - Doppler Help Center\" \/>\n<meta property=\"og:description\" content=\"Learn in this article how to create effective and eye-catching Emails incorporating images and customizing them according to your brand. Start by logging into your Doppler account. So that you can create your Email, choose \u201cCreate Campaigns\u201d and then select \u201cTemplate Editor\u201d. We remind you that you have the option to choose between the different [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.fromdoppler.com\/en\/how-to-add-images-with-new-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Doppler Help Center\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-19T14:14:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-23T19:02:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diego Noya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/\",\"name\":\"Doppler Help Center\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.fromdoppler.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=9977#primaryimage\",\"url\":\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png\",\"contentUrl\":\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png\",\"width\":499,\"height\":199,\"caption\":\"IMG\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=9977#webpage\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/?p=9977\",\"name\":\"[:es]\u00bfC\u00f3mo agregar im\u00e1genes en tus Plantillas con el Editor de Campa\u00f1as?[:en]How to add images in your Templates with the Editor?[:] - Doppler Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=9977#primaryimage\"},\"datePublished\":\"2023-07-19T14:14:37+00:00\",\"dateModified\":\"2025-10-23T19:02:04+00:00\",\"author\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013\"},\"breadcrumb\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=9977#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.fromdoppler.com\/es\/?p=9977\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=9977#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.fromdoppler.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo agregar im\u00e1genes en tus Plantillas con el Editor de Campa\u00f1as?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013\",\"name\":\"Diego Noya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g\",\"caption\":\"Diego Noya\"},\"url\":\"https:\/\/help.fromdoppler.com\/en\/author\/doppleradmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add images in your Templates with the Editor? - Doppler Help Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How to add images in your Templates with the Editor? - Doppler Help Center","og_description":"Learn in this article how to create effective and eye-catching Emails incorporating images and customizing them according to your brand. Start by logging into your Doppler account. So that you can create your Email, choose \u201cCreate Campaigns\u201d and then select \u201cTemplate Editor\u201d. We remind you that you have the option to choose between the different [&hellip;]","og_url":"https:\/\/help.fromdoppler.com\/en\/how-to-add-images-with-new-editor\/","og_site_name":"Doppler Help Center","article_published_time":"2023-07-19T14:14:37+00:00","article_modified_time":"2025-10-23T19:02:04+00:00","og_image":[{"url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png"}],"twitter_card":"summary","twitter_misc":{"Written by":"Diego Noya","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/help.fromdoppler.com\/es\/#website","url":"https:\/\/help.fromdoppler.com\/es\/","name":"Doppler Help Center","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.fromdoppler.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.fromdoppler.com\/es\/?p=9977#primaryimage","url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png","contentUrl":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2023\/07\/Screenshot_1.png","width":499,"height":199,"caption":"IMG"},{"@type":"WebPage","@id":"https:\/\/help.fromdoppler.com\/es\/?p=9977#webpage","url":"https:\/\/help.fromdoppler.com\/es\/?p=9977","name":"[:es]\u00bfC\u00f3mo agregar im\u00e1genes en tus Plantillas con el Editor de Campa\u00f1as?[:en]How to add images in your Templates with the Editor?[:] - Doppler Help Center","isPartOf":{"@id":"https:\/\/help.fromdoppler.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=9977#primaryimage"},"datePublished":"2023-07-19T14:14:37+00:00","dateModified":"2025-10-23T19:02:04+00:00","author":{"@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013"},"breadcrumb":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=9977#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.fromdoppler.com\/es\/?p=9977"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.fromdoppler.com\/es\/?p=9977#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.fromdoppler.com\/es\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo agregar im\u00e1genes en tus Plantillas con el Editor de Campa\u00f1as?"}]},{"@type":"Person","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013","name":"Diego Noya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g","caption":"Diego Noya"},"url":"https:\/\/help.fromdoppler.com\/en\/author\/doppleradmin\/"}]}},"_links":{"self":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/9977"}],"collection":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/comments?post=9977"}],"version-history":[{"count":11,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/9977\/revisions"}],"predecessor-version":[{"id":12319,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/9977\/revisions\/12319"}],"wp:attachment":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/media?parent=9977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/categories?post=9977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/tags?post=9977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}