{"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-04-30T03:26:39","modified_gmt":"2026-04-30T03:26:39","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 class='wp-block-image size-large'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-1024x457.png' alt='' class='wp-image-3583' \/><\/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 class='wp-block-image size-full'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-1.png' alt='' class='wp-image-3584' \/><\/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 class='wp-block-image size-full'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-2.png' alt='' class='wp-image-3585' \/><\/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 class='wp-block-image size-full'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-4.png' alt='' class='wp-image-3587' \/><\/figure>\n\n\n\n<p>Drag a structure into your design:<\/p>\n\n\n\n<figure class='wp-block-image size-large'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-5-1024x388.png' alt='' class='wp-image-3588' \/><\/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 class='wp-block-image size-full'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2025\/04\/image-6.png' alt='' class='wp-image-3589' \/><\/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":10,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/3580\/revisions"}],"predecessor-version":[{"id":4616,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/3580\/revisions\/4616"}],"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}]}}