{"id":62024,"date":"2023-09-08T17:44:41","date_gmt":"2023-09-08T15:44:41","guid":{"rendered":"https:\/\/blog.mailfence.com\/?p=39328"},"modified":"2025-11-12T08:53:06","modified_gmt":"2025-11-12T07:53:06","slug":"maquetacion-de-correo-electronico-definicion-tipos-y-componentes","status":"publish","type":"post","link":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/","title":{"rendered":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes"},"content":{"rendered":"\n<p>Aunque su <a href=\"https:\/\/marketinginsidergroup.com\/content-marketing\/thanks-social-media-average-attention-span-now-shorter-goldfish\/\" target=\"_blank\" rel=\"noreferrer noopener\">capacidad de atenci\u00f3n sea inferior a la de un pez dorado<\/a>, sigue siendo fundamental el captar r\u00e1pidamente la atenci\u00f3n del lector con sus correos electr\u00f3nicos.<\/p>\n\n\n\n<p>Esto no se puede hacer con correos electr\u00f3nicos largos que s\u00f3lo contengan texto y que sean dif\u00edciles de leer.<\/p>\n\n\n\n<p>En lugar de eso, ser\u00eda \u00fatil contar con una buena maquetaci\u00f3n de correo electr\u00f3nico, as\u00ed que aqu\u00ed le explicaremos qu\u00e9 es un dise\u00f1o de correo electr\u00f3nico, sus tipos, componentes y la diferencia entre una maquetaci\u00f3n, una plantilla de correo electr\u00f3nico y un formato.<\/p>\n\n\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"100846\" class=\"elementor elementor-100846 elementor-100761\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-124e1725 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"124e1725\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-654e4e21\" data-id=\"654e4e21\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a3b1a23 elementor-widget elementor-widget-text-editor\" data-id=\"3a3b1a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Mailfence &#8211; Su paquete de productividad seguro<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c004279 elementor-widget elementor-widget-text-editor\" data-id=\"2c004279\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Recupere su privacidad con<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83e0dd6 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"83e0dd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope-open-text\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 216h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16zm-16 80c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16zm96 121.13c-16.42 0-32.84-5.06-46.86-15.19L0 250.86V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V250.86L302.86 401.94c-14.02 10.12-30.44 15.19-46.86 15.19zm237.61-254.18c-8.85-6.94-17.24-13.47-29.61-22.81V96c0-26.51-21.49-48-48-48h-77.55c-3.04-2.2-5.87-4.26-9.04-6.56C312.6 29.17 279.2-.35 256 0c-23.2-.35-56.59 29.17-73.41 41.44-3.17 2.3-6 4.36-9.04 6.56H96c-26.51 0-48 21.49-48 48v44.14c-12.37 9.33-20.76 15.87-29.61 22.81A47.995 47.995 0 0 0 0 200.72v10.65l96 69.35V96h320v184.72l96-69.35v-10.65c0-14.74-6.78-28.67-18.39-37.77z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Mensajes<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Calendarios<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-folder\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 128H272l-54.63-54.63c-6-6-14.14-9.37-22.63-9.37H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zm0 272H48V112h140.12l54.63 54.63c6 6 14.14 9.37 22.63 9.37H464v224z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Documentos<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-users-cog\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M610.5 341.3c2.6-14.1 2.6-28.5 0-42.6l25.8-14.9c3-1.7 4.3-5.2 3.3-8.5-6.7-21.6-18.2-41.2-33.2-57.4-2.3-2.5-6-3.1-9-1.4l-25.8 14.9c-10.9-9.3-23.4-16.5-36.9-21.3v-29.8c0-3.4-2.4-6.4-5.7-7.1-22.3-5-45-4.8-66.2 0-3.3.7-5.7 3.7-5.7 7.1v29.8c-13.5 4.8-26 12-36.9 21.3l-25.8-14.9c-2.9-1.7-6.7-1.1-9 1.4-15 16.2-26.5 35.8-33.2 57.4-1 3.3.4 6.8 3.3 8.5l25.8 14.9c-2.6 14.1-2.6 28.5 0 42.6l-25.8 14.9c-3 1.7-4.3 5.2-3.3 8.5 6.7 21.6 18.2 41.1 33.2 57.4 2.3 2.5 6 3.1 9 1.4l25.8-14.9c10.9 9.3 23.4 16.5 36.9 21.3v29.8c0 3.4 2.4 6.4 5.7 7.1 22.3 5 45 4.8 66.2 0 3.3-.7 5.7-3.7 5.7-7.1v-29.8c13.5-4.8 26-12 36.9-21.3l25.8 14.9c2.9 1.7 6.7 1.1 9-1.4 15-16.2 26.5-35.8 33.2-57.4 1-3.3-.4-6.8-3.3-8.5l-25.8-14.9zM496 368.5c-26.8 0-48.5-21.8-48.5-48.5s21.8-48.5 48.5-48.5 48.5 21.8 48.5 48.5-21.7 48.5-48.5 48.5zM96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm224 32c1.9 0 3.7-.5 5.6-.6 8.3-21.7 20.5-42.1 36.3-59.2 7.4-8 17.9-12.6 28.9-12.6 6.9 0 13.7 1.8 19.6 5.3l7.9 4.6c.8-.5 1.6-.9 2.4-1.4 7-14.6 11.2-30.8 11.2-48 0-61.9-50.1-112-112-112S208 82.1 208 144c0 61.9 50.1 112 112 112zm105.2 194.5c-2.3-1.2-4.6-2.6-6.8-3.9-8.2 4.8-15.3 9.8-27.5 9.8-10.9 0-21.4-4.6-28.9-12.6-18.3-19.8-32.3-43.9-40.2-69.6-10.7-34.5 24.9-49.7 25.8-50.3-.1-2.6-.1-5.2 0-7.8l-7.9-4.6c-3.8-2.2-7-5-9.8-8.1-3.3.2-6.5.6-9.8.6-24.6 0-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h255.4c-3.7-6-6.2-12.8-6.2-20.3v-9.2zM173.1 274.6C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Grupos<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-436babb elementor-align-center elementor-widget elementor-widget-button\" data-id=\"436babb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mailfence.com\/es\/#pricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Obtener Mailfence gratis<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-que-es-una-maquetacion-de-correo-electronico\">\u00bfQu\u00e9 es una maquetaci\u00f3n de correo electr\u00f3nico?<\/h2>\n\n\n\n<p>La maquetaci\u00f3n de un correo electr\u00f3nico determina el aspecto que \u00e9ste tendr\u00e1 para el lector. Determina d\u00f3nde se colocan los distintos contenidos, como el texto, las im\u00e1genes y los v\u00eddeos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-tipos-de-maquetacion-de-correo-electronico\">Tipos de maquetaci\u00f3n de correo electr\u00f3nico<\/h2>\n\n\n\n<p>En t\u00e9rminos generales, existen dos tipos de correos electr\u00f3nicos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Correos electr\u00f3nicos de texto sin formato<\/li>\n\n\n\n<li>Correos electr\u00f3nicos gr\u00e1ficos<\/li>\n<\/ol>\n\n\n\n<p>Cuando se trata de correos electr\u00f3nicos de texto sin formato, s\u00f3lo incluyen contenido de texto y enlaces y no tienen otros tipos de contenido como v\u00eddeos e im\u00e1genes.<\/p>\n\n\n\n<p>He aqu\u00ed un ejemplo de correo electr\u00f3nico de texto sin formato:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-1024x490.png\" alt=\"Correo electr\u00f3nico de texto sin formato\" class=\"wp-image-37213\" srcset=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-1024x490.png 1024w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-300x144.png 300w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-768x367.png 768w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-1536x735.png 1536w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38.png 1559w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Los correos electr\u00f3nicos con s\u00f3lo texto y quiz\u00e1 un \u00fanico enlace son sencillos de hacer, pero puede que no sean tan cautivadores.<\/p>\n\n\n\n<p>En cambio, los correos electr\u00f3nicos con texto, enlaces, im\u00e1genes, tablas y v\u00eddeos son m\u00e1s atractivos, pero requieren algunos conocimientos de HTML para crearlos. <\/p>\n\n\n\n<p>Este es el aspecto de un correo electr\u00f3nico gr\u00e1fico:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.13.31-1024x543.png\" alt=\"Correo electr\u00f3nico gr\u00e1fico\" class=\"wp-image-37214\" style=\"width:840px;height:445px\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cual-es-la-diferencia-entre-diseno-de-correo-electronico-y-plantilla-de-correo-electronico\">\u00bfCu\u00e1l es la diferencia entre dise\u00f1o de correo electr\u00f3nico y plantilla de correo electr\u00f3nico?<\/h2>\n\n\n\n<p>El dise\u00f1o determina una plantilla de correo electr\u00f3nico. Es una copia reutilizable que utiliza un dise\u00f1o espec\u00edfico de la p\u00e1gina.<\/p>\n\n\n\n<p>Teniendo esto en cuenta, existen tres tipos de plantillas de correo electr\u00f3nico basadas en el dise\u00f1o del correo electr\u00f3nico:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Una columna<\/strong><\/li>\n\n\n\n<li><strong>M\u00faltiples columnas<\/strong><\/li>\n\n\n\n<li><strong>H\u00edbrida<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Cuando se trata de plantillas de una sola columna, \u00e9stas siguen una jerarqu\u00eda simple de arriba abajo:<\/p>\n\n\n\n<p><em>nombre del remitente &gt; imagen &gt; cuerpo del mensaje &gt; CTA &gt; pie de p\u00e1gina<\/em><\/p>\n\n\n\n<p>Por ello, son f\u00e1ciles de hojear, incluyen un bot\u00f3n de llamada a la acci\u00f3n destacado y est\u00e1n optimizados para dispositivos m\u00f3viles. <\/p>\n\n\n\n<p>Sin embargo, tambi\u00e9n pueden requerir un poco de desplazamiento hasta ver el bot\u00f3n CTA o el enlace, como en este correo electr\u00f3nico:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-1024x477.png\" alt=\"Maquetaci\u00f3n de correo electr\u00f3nico a una sola columna\" class=\"wp-image-37215\" srcset=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-1024x477.png 1024w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-300x140.png 300w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-768x358.png 768w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49.png 1531w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Los correos electr\u00f3nicos de varias columnas, sin embargo, pueden ser m\u00e1s dif\u00edciles de crear desde el punto de vista del dise\u00f1o, y es posible que necesite un dise\u00f1ador profesional. A\u00fan as\u00ed, le permiten incluir m\u00e1s contenido en menos espacio y m\u00faltiples CTA.<\/p>\n\n\n\n<p>Por \u00faltimo, la maquetaci\u00f3n h\u00edbrida para correo electr\u00f3nico mezcla dise\u00f1os de una y varias columnas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-diferencia-entre-maquetacion-y-formato\">Diferencia entre maquetaci\u00f3n y formato<\/h2>\n\n\n\n<p>El formato de correo electr\u00f3nico establece el orden del contenido del mensaje. Normalmente, consta de seis elementos diferentes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Asunto<\/li>\n\n\n\n<li>Saludos<\/li>\n\n\n\n<li>Apertura<\/li>\n\n\n\n<li>Cuerpo principal<\/li>\n\n\n\n<li>CTA<\/li>\n\n\n\n<li>Firma<\/li>\n<\/ol>\n\n\n\n<p>Hablaremos de cada uno de ellos en un post dedicado. <\/p>\n\n\n\n<p>Por otro lado, la maquetaci\u00f3n del correo electr\u00f3nico determina el formato con el que se colocan los distintos elementos, como el texto, las im\u00e1genes, las tablas, las filas, las barras laterales, los botones, etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Un dise\u00f1o de correo electr\u00f3nico bien estructurado puede cautivar a su lector e incitarle a actuar, o puede acabar r\u00e1pidamente en su papelera o carpeta de spam. No existe un dise\u00f1o \u00fanico para todos los casos; es fundamental comprender a su p\u00fablico antes de elegir uno.<\/p>\n\n\n\n<p>Obtenga m\u00e1s informaci\u00f3n sobre la etiqueta del correo electr\u00f3nico para dominar la comunicaci\u00f3n profesional.<\/p>\n\n\n\n<p>\u00bfQuiere un correo electr\u00f3nico seguro para sus comunicaciones diarias? Pruebe <a href=\"https:\/\/www.mailfence.com\/\">Mailfence<\/a> y recupere la privacidad de su correo electr\u00f3nico.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aunque su capacidad de atenci\u00f3n sea inferior a la de un pez dorado, sigue siendo fundamental el captar r\u00e1pidamente la atenci\u00f3n del lector con sus correos electr\u00f3nicos. Esto no se puede hacer con correos electr\u00f3nicos largos que s\u00f3lo contengan texto y que sean dif\u00edciles de leer. En lugar de eso, ser\u00eda \u00fatil contar con una [&hellip;]<\/p>\n","protected":false},"author":43,"featured_media":85257,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18611],"tags":[],"class_list":["post-62024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-productividad"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes<\/title>\n<meta name=\"description\" content=\"Usar una maquetaci\u00f3n de correo electr\u00f3nico profesional, sus tipos y componentes aumentar\u00e1 las conversiones e interacci\u00f3n de sus correos.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes | Mailfence Blog\" \/>\n<meta property=\"og:description\" content=\"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes | Mailfence Blog\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailfence Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mailfence\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-08T15:44:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-12T07:53:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Simon Haven\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailfence\" \/>\n<meta name=\"twitter:site\" content=\"@mailfence\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simon Haven\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/\"},\"author\":{\"name\":\"Simon Haven\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#\\\/schema\\\/person\\\/7c696c144245600fafc3c44d1d652d2f\"},\"headline\":\"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes\",\"datePublished\":\"2023-09-08T15:44:41+00:00\",\"dateModified\":\"2025-11-12T07:53:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/\"},\"wordCount\":694,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"articleSection\":[\"Productividad\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/\",\"name\":\"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"datePublished\":\"2023-09-08T15:44:41+00:00\",\"dateModified\":\"2025-11-12T07:53:06+00:00\",\"description\":\"Usar una maquetaci\u00f3n de correo electr\u00f3nico profesional, sus tipos y componentes aumentar\u00e1 las conversiones e interacci\u00f3n de sus correos.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"contentUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"width\":600,\"height\":600,\"caption\":\"\\\"\\\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Productividad\",\"item\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/category\\\/productividad\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/\",\"name\":\"Mailfence Blog\",\"description\":\"Mailfence Blog. Get the latest news about secure email and Internet privacy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#organization\",\"name\":\"Mailfence\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Mailfence_logo_pict_and_word_BOUNDED_small.png\",\"contentUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Mailfence_logo_pict_and_word_BOUNDED_small.png\",\"width\":1812,\"height\":358,\"caption\":\"Mailfence\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mailfence\\\/\",\"https:\\\/\\\/x.com\\\/mailfence\",\"https:\\\/\\\/www.reddit.com\\\/r\\\/Mailfence\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/mailfence\",\"https:\\\/\\\/www.instagram.com\\\/mailfence_\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@mailfence\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Mailfence\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/#\\\/schema\\\/person\\\/7c696c144245600fafc3c44d1d652d2f\",\"name\":\"Simon Haven\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g\",\"caption\":\"Simon Haven\"},\"description\":\"Simon crafts informative and engaging content that empowers users to take control of their online privacy. His areas of expertise include SEO, content creation and social media management.\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/es\\\/author\\\/simon\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes","description":"Usar una maquetaci\u00f3n de correo electr\u00f3nico profesional, sus tipos y componentes aumentar\u00e1 las conversiones e interacci\u00f3n de sus correos.","robots":{"index":"noindex","follow":"follow"},"og_locale":"es_ES","og_type":"article","og_title":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes | Mailfence Blog","og_description":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes | Mailfence Blog","og_url":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/","og_site_name":"Mailfence Blog","article_publisher":"https:\/\/www.facebook.com\/mailfence\/","article_published_time":"2023-09-08T15:44:41+00:00","article_modified_time":"2025-11-12T07:53:06+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","type":"image\/png"}],"author":"Simon Haven","twitter_card":"summary_large_image","twitter_creator":"@mailfence","twitter_site":"@mailfence","twitter_misc":{"Escrito por":"Simon Haven","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#article","isPartOf":{"@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/"},"author":{"name":"Simon Haven","@id":"https:\/\/blog.mailfence.com\/es\/#\/schema\/person\/7c696c144245600fafc3c44d1d652d2f"},"headline":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes","datePublished":"2023-09-08T15:44:41+00:00","dateModified":"2025-11-12T07:53:06+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/"},"wordCount":694,"publisher":{"@id":"https:\/\/blog.mailfence.com\/es\/#organization"},"image":{"@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","articleSection":["Productividad"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/","url":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/","name":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes","isPartOf":{"@id":"https:\/\/blog.mailfence.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#primaryimage"},"image":{"@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","datePublished":"2023-09-08T15:44:41+00:00","dateModified":"2025-11-12T07:53:06+00:00","description":"Usar una maquetaci\u00f3n de correo electr\u00f3nico profesional, sus tipos y componentes aumentar\u00e1 las conversiones e interacci\u00f3n de sus correos.","breadcrumb":{"@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#primaryimage","url":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","contentUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","width":600,"height":600,"caption":"\"\""},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mailfence.com\/es\/maquetacion-de-correo-electronico-definicion-tipos-y-componentes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/blog.mailfence.com\/es\/"},{"@type":"ListItem","position":2,"name":"Productividad","item":"https:\/\/blog.mailfence.com\/es\/category\/productividad\/"},{"@type":"ListItem","position":3,"name":"Maquetaci\u00f3n de correo electr\u00f3nico: Definici\u00f3n, tipos y componentes"}]},{"@type":"WebSite","@id":"https:\/\/blog.mailfence.com\/es\/#website","url":"https:\/\/blog.mailfence.com\/es\/","name":"Mailfence Blog","description":"Mailfence Blog. Get the latest news about secure email and Internet privacy.","publisher":{"@id":"https:\/\/blog.mailfence.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mailfence.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/blog.mailfence.com\/es\/#organization","name":"Mailfence","url":"https:\/\/blog.mailfence.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.mailfence.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2022\/08\/Mailfence_logo_pict_and_word_BOUNDED_small.png","contentUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2022\/08\/Mailfence_logo_pict_and_word_BOUNDED_small.png","width":1812,"height":358,"caption":"Mailfence"},"image":{"@id":"https:\/\/blog.mailfence.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mailfence\/","https:\/\/x.com\/mailfence","https:\/\/www.reddit.com\/r\/Mailfence\/","https:\/\/www.linkedin.com\/company\/mailfence","https:\/\/www.instagram.com\/mailfence_\/","https:\/\/www.youtube.com\/@mailfence","https:\/\/en.wikipedia.org\/wiki\/Mailfence"]},{"@type":"Person","@id":"https:\/\/blog.mailfence.com\/es\/#\/schema\/person\/7c696c144245600fafc3c44d1d652d2f","name":"Simon Haven","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g","caption":"Simon Haven"},"description":"Simon crafts informative and engaging content that empowers users to take control of their online privacy. His areas of expertise include SEO, content creation and social media management.","url":"https:\/\/blog.mailfence.com\/es\/author\/simon\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/posts\/62024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/comments?post=62024"}],"version-history":[{"count":5,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/posts\/62024\/revisions"}],"predecessor-version":[{"id":105325,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/posts\/62024\/revisions\/105325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/media\/85257"}],"wp:attachment":[{"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/media?parent=62024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/categories?post=62024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mailfence.com\/es\/wp-json\/wp\/v2\/tags?post=62024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}