{"id":3580,"date":"2025-04-11T15:09:10","date_gmt":"2025-04-11T15:09:10","guid":{"rendered":"https:\/\/es.notificationbutton.com\/help\/primeros-pasos\/editor-de-emails\/"},"modified":"2026-05-30T04:24:24","modified_gmt":"2026-05-30T04:24:24","slug":"email-architecture-editor","status":"publish","type":"docs","link":"https:\/\/icortex.ai\/help\/general-settings\/email-protocol\/email-architecture-editor\/","title":{"rendered":"Email Architecture Editor"},"content":{"rendered":"\n<div style='height:25px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<p>You can now 100% customize your communications and select from thousands of <strong>Architectures<\/strong> for your operation.<\/p>\n\n\n\n<p>Customizing your communications will be as simple as dragging and dropping visual elements, text blocks, or a product matrix.<\/p>\n\n\n\n<div style='height:25px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Editor Preview<\/h2>\n\n\n\n<p>On the left panel of the interface, you will find the main editing panel with content ready to drag and drop. You can also <strong>Compose<\/strong> new structures or use relevant pre-built content, such as product matrices.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a4f8deb1cc91&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a4f8deb1cc91\" class=\"wp-block-image size-large is-resized wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"438\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-1024x438.png\" alt=\"\" class=\"wp-image-5230\" style=\"aspect-ratio:2.338299937203859;width:1016px;height:auto\" srcset=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-1024x438.png 1024w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-300x128.png 300w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-768x328.png 768w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-20x9.png 20w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-32x14.png 32w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17-1536x657.png 1536w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-17.png 1894w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style='height:51px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Base Content Panel<\/h2>\n\n\n\n<p>In the content panel, you will find all the blocks ready to integrate into your design and pre-built content.<\/p>\n\n\n\n<p>To integrate new content, simply click with the pointer and drag the element into your design without releasing it.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a4f8deb1f29e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a4f8deb1f29e\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"470\" height=\"609\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-16.png\" alt=\"\" class=\"wp-image-5228\" style=\"aspect-ratio:0.7717804862320242;width:333px;height:auto\" srcset=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-16.png 470w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-16-232x300.png 232w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-16-15x20.png 15w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-16-25x32.png 25w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style='height:51px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Pre-built Content Panel<\/h2>\n\n\n\n<p>Here you can locate content ready for implementation with visual elements, buttons, or product matrices. You can explore the content to identify the option that best aligns with your requirement.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a4f8deb22181&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a4f8deb22181\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"474\" height=\"445\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18.png\" alt=\"\" class=\"wp-image-5231\" style=\"aspect-ratio:1.0651959818790624;width:325px;height:auto\" srcset=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18.png 474w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18-300x282.png 300w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18-16x16.png 16w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18-20x20.png 20w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18-32x30.png 32w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-18-18x18.png 18w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>There are four primary sections to integrate into your design; typically, the E-commerce functionality is the most used.<\/p>\n\n\n\n<figure class='wp-block-image size-full'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-3.png' alt='' class='wp-image-3586' \/><\/figure>\n\n\n\n<p>Simply drag the necessary component into your design.<\/p>\n\n\n\n<div style='height:51px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Structure Panel<\/h2>\n\n\n\n<p>The structure panel allows you to integrate new sections and columns into your design. It is essential for generating galleries of visual elements or products.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a4f8deb28f22&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a4f8deb28f22\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"454\" height=\"732\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-19.png\" alt=\"\" class=\"wp-image-5232\" style=\"width:304px;height:auto\" srcset=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-19.png 454w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-19-186x300.png 186w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-19-12x20.png 12w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-19-20x32.png 20w\" sizes=\"(max-width: 454px) 100vw, 454px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Drag a structure into your design:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a4f8deb2af8c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a4f8deb2af8c\" class=\"wp-block-image size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-1024x456.png\" alt=\"\" class=\"wp-image-5234\" style=\"aspect-ratio:2.243953214452023;width:879px;height:auto\" srcset=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-1024x456.png 1024w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-300x134.png 300w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-768x342.png 768w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-20x9.png 20w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-32x14.png 32w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20-1536x685.png 1536w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-20.png 1564w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Once you have composed your structure, click on the plus sign (+) and select a new content block, for example, a visual element.<\/p>\n\n\n\n<div style='height:51px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Settings Panel<\/h2>\n\n\n\n<p>In the settings panel, you can establish the general styles of your communication. Adjust the width, select colors, and define general text styles and sizes.<\/p>\n\n\n\n<p>This configuration impacts the entire design of your communication. It is imperative that you define the styles that characterize your brand before designing the content.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a4f8deb2d1ac&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a4f8deb2d1ac\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"459\" height=\"880\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-21.png\" alt=\"\" class=\"wp-image-5236\" style=\"width:281px;height:auto\" srcset=\"https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-21.png 459w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-21-156x300.png 156w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-21-10x20.png 10w, https:\/\/icortex.ai\/help\/wp-content\/uploads\/2025\/04\/image-21-17x32.png 17w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style='height:51px' aria-hidden='true' class='wp-block-spacer'><\/div>\n\n\n\n<p>The launch of our professional editor for communications is coming soon. Additional functionalities will be integrated into this section in due course.<\/p>\n\n\n\n<p>Operational implementation will be notified.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Preview and usage instructions for the professional communications editor.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3565,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-3580","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/3580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/comments?post=3580"}],"version-history":[{"count":12,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/3580\/revisions"}],"predecessor-version":[{"id":5237,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/3580\/revisions\/5237"}],"up":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/3565"}],"wp:attachment":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/media?parent=3580"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/doc_tag?post=3580"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/doc_badge?post=3580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}