{"id":4422,"date":"2017-01-05T18:30:19","date_gmt":"2017-01-05T18:30:19","guid":{"rendered":"https:\/\/help.fromdoppler.com\/?p=4422"},"modified":"2023-05-11T18:21:42","modified_gmt":"2023-05-11T18:21:42","slug":"como-agregar-imagenes-en-tus-plantillas","status":"publish","type":"post","link":"https:\/\/help.fromdoppler.com\/es\/como-agregar-imagenes-en-tus-plantillas\/","title":{"rendered":"C\u00f3mo agregar im\u00e1genes en tus Plantillas"},"content":{"rendered":"

\u00bfQuieres insertar im\u00e1genes en el dise\u00f1o de tus HTML para que luzcan a\u00fan m\u00e1s atractivos? Descubre en este art\u00edculo c\u00f3mo hacerlo \u00a1y ver\u00e1s qu\u00e9 sencillo es!<\/p>\n

El Editor de Doppler<\/a> permite subir im\u00e1genes y, adem\u00e1s, editarlas para que los resultados sean extraordinarios. Aqu\u00ed te explicaremos de manera detallada cu\u00e1l es la versatilidad de esta herramienta\u00a0y c\u00f3mo sacar el m\u00e1ximo provecho<\/strong> para que tus im\u00e1genes sean \u00fanicas.<\/p>\n

C\u00f3mo insertar y editar im\u00e1genes en el Editor<\/h2>\n

Para editar tu Plantilla e insertar tus im\u00e1genes, primero debes haber ingresado a tu cuenta de Doppler. Si todav\u00eda tienes una, puedes crearla gratis\u00a0hasta 500 Suscriptores<\/a>.<\/p>\n

Una vez que has completado los pasos previos<\/a>, \u00a0llegas a la creaci\u00f3n del Contenido de la Campa\u00f1a, donde deber\u00e1s seleccionar una Plantilla. As\u00ed, acceder\u00e1s al Editor<\/strong>.<\/p>\n

Aqu\u00ed podr\u00e1s ver, a la izquierda de tu pantalla todos los Elementos<\/strong> que puedes agregar a tu dise\u00f1o para que este luzca exactamente c\u00f3mo lo hab\u00edas ideado.<\/p>\n

\"\"<\/p>\n

Para agregar una imagen (o cualquier otro Elemento), s\u00f3lo tienes que arrastrarlo y soltarlo<\/strong> donde quiera que este se muestre.<\/p>\n

Una vez que lo hayas hecho, debes hacer clic en\u00a0Agrega tu Imagen.<\/strong><\/p>\n

\"\"<\/p>\n

A la izquierda de tu pantalla ahora podr\u00e1s ver todas las posibilidades de edici\u00f3n<\/strong> que tienes a tu alcance. Lo primero que deber\u00edas hacer es insertar la imagen para ya poder verla sobre tu pieza y continuar con la edici\u00f3n.<\/p>\n

Para eso, deber\u00e1s hacer clic en Agrega tu Imagen<\/strong> o en Editar<\/strong>, tal como puedes ver a continuaci\u00f3n:<\/p>\n

\"\"<\/p>\n

Luego puedes, por ejemplo, cambiar el fondo, quitar o dejar el margen que trae por defecto, modificar la alineaci\u00f3n (izquierda, central o derecha), agregar un hiperv\u00ednculo (si quieres que tu imagen dirija al usuario hacia tu sitio) y asignar un texto alternativo.<\/p>\n

Es muy importante que siempre definas un Texto Alternativo<\/strong> para que, en caso de que las im\u00e1genes no puedan visualizarse debido a restricciones de clientes de correo, tus Suscriptores puedan saber qu\u00e9 se encontraba all\u00ed y no se queden sin la informaci\u00f3n.<\/p>\n

Una vez que termines de personalizar el Elemento, debes hacer clic en Finalizar Edici\u00f3n<\/strong>.<\/p>\n

Elemento Imagen y Texto: C\u00f3mo modificar proporciones<\/h2>\n

Hasta aqu\u00ed la explicaci\u00f3n aplica para cualquier tipo de imagen<\/strong>, en cualquier Elemento que elijas.<\/p>\n

Por otro lado, en el caso del Elemento Imagen y Texto<\/strong>, puedes, adem\u00e1s, cambiar las proporciones para achicar la imagen si as\u00ed lo deseas.<\/p>\n

Por defecto ver\u00e1s que est\u00e1 dividido en proporciones iguales, pero si te posicionas en la flecha situada entre el texto y la imagen, podr\u00e1s achicar esta \u00faltima hasta lograr la medida buscada. Esta se adaptar\u00e1 al ancho que determines, de forma proporcional.<\/strong><\/p>\n

\"Proporciones<\/a><\/p>\n

\"Imagen<\/a><\/p>\n

Alto y ancho de las im\u00e1genes<\/h2>\n

Por \u00faltimo, te contamos c\u00f3mo deben ser las medidas de tus im\u00e1genes<\/strong>.<\/p>\n

Los Elementos de imagen suelen tener una referencia de ancho y otra de altura. La primera\u00a0no puede exceder la referencia dada<\/strong> y la segunda es solo una referencia.<\/p>\n

\"\"<\/p>\n

En este caso, tu imagen deber\u00eda tener obligatoriamente un ancho que no supere los 600 px y se sugiere un alto de 290 px. Sin embargo, este \u00faltimo podr\u00eda ser mayor<\/strong>.<\/p>\n

Si, por ejemplo, has elegido el Elemento Logotipo<\/strong> para insertar tu logo y te resulta peque\u00f1o, puedes cambiarlo por el Elemento Imagen<\/strong>, que se adec\u00faa a im\u00e1genes m\u00e1s grandes.<\/p>\n

Pon en pr\u00e1ctica lo aprendido<\/h2>\n

Ya ves todas las posibilidades que te brinda el super poderoso Editor de Doppler. Ahora que sabes exactamente c\u00f3mo insertar im\u00e1genes y personalizarlas seg\u00fan tus preferencias, no querr\u00e1s perderte la oportunidad de crear las Campa\u00f1as de Email Marketing<\/a><\/strong> m\u00e1s efectivas.<\/p>\n

\u00a1Comienza cuanto antes a aplicar todos estos consejos y llegar a tus Suscriptores con piezas irresistibles!<\/strong><\/p>\n

 <\/p>","protected":false},"excerpt":{"rendered":"

\u00bfQuieres insertar im\u00e1genes en el dise\u00f1o de tus HTML para que luzcan a\u00fan m\u00e1s atractivos? Descubre en este art\u00edculo c\u00f3mo hacerlo \u00a1y ver\u00e1s qu\u00e9 sencillo es!<\/p>\n","protected":false},"author":30,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[580,414,573],"tags":[528,113,318,527,526],"acf":[],"yoast_head":"\nC\u00f3mo agregar im\u00e1genes en tus Plantillas - 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=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo agregar im\u00e1genes en tus Plantillas - Doppler Help Center\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres insertar im\u00e1genes en el dise\u00f1o de tus HTML para que luzcan a\u00fan m\u00e1s atractivos? Descubre en este art\u00edculo c\u00f3mo hacerlo \u00a1y ver\u00e1s qu\u00e9 sencillo es!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.fromdoppler.com\/es\/como-agregar-imagenes-en-tus-plantillas\/\" \/>\n<meta property=\"og:site_name\" content=\"Doppler Help Center\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-05T18:30:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-11T18:21:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_1-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juliana Monacchi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\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\":\"es\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=4422#primaryimage\",\"url\":\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_1-1.png\",\"contentUrl\":\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_1-1.png\",\"width\":396,\"height\":623},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=4422#webpage\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/?p=4422\",\"name\":\"[:es]C\u00f3mo agregar im\u00e1genes en tus Plantillas[:en]Adding Images to your Templates[:] - Doppler Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=4422#primaryimage\"},\"datePublished\":\"2017-01-05T18:30:19+00:00\",\"dateModified\":\"2023-05-11T18:21:42+00:00\",\"author\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/19aa93e91e199e0be36cc17fe4f5c6d1\"},\"breadcrumb\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=4422#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.fromdoppler.com\/es\/?p=4422\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=4422#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.fromdoppler.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo agregar im\u00e1genes en tus Plantillas\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/19aa93e91e199e0be36cc17fe4f5c6d1\",\"name\":\"Juliana Monacchi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a78603f264267ef7584697bee5fec07d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a78603f264267ef7584697bee5fec07d?s=96&d=mm&r=g\",\"caption\":\"Juliana Monacchi\"},\"url\":\"https:\/\/help.fromdoppler.com\/es\/author\/jmonacchi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo agregar im\u00e1genes en tus Plantillas - 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":"es_ES","og_type":"article","og_title":"C\u00f3mo agregar im\u00e1genes en tus Plantillas - Doppler Help Center","og_description":"\u00bfQuieres insertar im\u00e1genes en el dise\u00f1o de tus HTML para que luzcan a\u00fan m\u00e1s atractivos? Descubre en este art\u00edculo c\u00f3mo hacerlo \u00a1y ver\u00e1s qu\u00e9 sencillo es!","og_url":"https:\/\/help.fromdoppler.com\/es\/como-agregar-imagenes-en-tus-plantillas\/","og_site_name":"Doppler Help Center","article_published_time":"2017-01-05T18:30:19+00:00","article_modified_time":"2023-05-11T18:21:42+00:00","og_image":[{"url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_1-1.png"}],"twitter_card":"summary","twitter_misc":{"Escrito por":"Juliana Monacchi","Tiempo de lectura":"6 minutos"},"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":"es"},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/help.fromdoppler.com\/es\/?p=4422#primaryimage","url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_1-1.png","contentUrl":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2017\/01\/Screenshot_1-1.png","width":396,"height":623},{"@type":"WebPage","@id":"https:\/\/help.fromdoppler.com\/es\/?p=4422#webpage","url":"https:\/\/help.fromdoppler.com\/es\/?p=4422","name":"[:es]C\u00f3mo agregar im\u00e1genes en tus Plantillas[:en]Adding Images to your Templates[:] - Doppler Help Center","isPartOf":{"@id":"https:\/\/help.fromdoppler.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=4422#primaryimage"},"datePublished":"2017-01-05T18:30:19+00:00","dateModified":"2023-05-11T18:21:42+00:00","author":{"@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/19aa93e91e199e0be36cc17fe4f5c6d1"},"breadcrumb":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=4422#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.fromdoppler.com\/es\/?p=4422"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.fromdoppler.com\/es\/?p=4422#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.fromdoppler.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo agregar im\u00e1genes en tus Plantillas"}]},{"@type":"Person","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/19aa93e91e199e0be36cc17fe4f5c6d1","name":"Juliana Monacchi","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a78603f264267ef7584697bee5fec07d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a78603f264267ef7584697bee5fec07d?s=96&d=mm&r=g","caption":"Juliana Monacchi"},"url":"https:\/\/help.fromdoppler.com\/es\/author\/jmonacchi\/"}]}},"_links":{"self":[{"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/posts\/4422"}],"collection":[{"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/comments?post=4422"}],"version-history":[{"count":19,"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/posts\/4422\/revisions"}],"predecessor-version":[{"id":9819,"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/posts\/4422\/revisions\/9819"}],"wp:attachment":[{"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/media?parent=4422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/categories?post=4422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/es\/wp-json\/wp\/v2\/tags?post=4422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}