Additional workflow options
If you would like to use custom code within your template, like email provider code for segmenting content, you can use be-code-edit to have anything within it output as raw code. It can also be enabled as a reusable section or component.
<code class="be-code-edit" >
%%[ set @variable = "Hello World!" ]%%
data-area="head" will place the code within the head tag on export.
Note that HTML code used within the code block in your template may cause your editable area to break. Actual code, including HTML code, should only be used when building or editing an email within the editor.
If you want to hide certain areas from being seen in Blocks Edit when working with an email, wrap your code with the block-hide option.
<!-- block-hide -->
<!-- end-block-hide -->
You can import just a portion of an email for editing. This may be helpful if you have a current email provider that uses a master template and locks in the header and footer for example, and you just want to work with a particular module. Or, if you want to provide your team with templated email signatures to use.
If you set up your template to enable dark mode properties, the editor will enable an option to preview in both light and dark settings, following your media queries.
While in edit mode for an email, you can use your browser's dev tools to make edits to your HTML and then click the Save button to actually save the updated code! Using this option should be limited to fixes, tweaks, or minor HTML and CSS changes to a particular email. Changes will only be saved to that email. We don't recommend adding any Blocks Edit editable tags. You will also see Blocks Edit UI in the code that you'll have to avoid.
Sign up for free to import your template and test out editable tags. Need some help implementing the tags? Here are some options: