Skip to main content
HTML blocks let you drop custom email-safe HTML directly into the block editor without switching the whole email into full-code mode. Use them when you need a hand-built snippet that is easier to paste as code than recreate with standard blocks.

​
What HTML Blocks Are For

  • Embedding a custom promo banner or card layout
  • Reusing a snippet from another email system
  • Adding markup that is too specific for the standard block library
  • Mixing custom HTML with regular Sequenzy blocks in the same email

​
How To Use Them

  1. Open the component panel and expand Advanced, search for HTML, or type /html
  2. Insert the HTML block
  3. Select Code and paste your snippet into the inline code editor
  4. Review the live preview on the canvas
  5. Send a test email before publishing

​
Editing HTML

The block’s Code view and the email’s HTML tab share a code editor with HTML and CSS highlighting, line numbers, code folding, tag completion, and undo and redo. Use Find in HTML or Cmd/Ctrl+F to search and replace text. Toggle Wrap lines for long attributes, or choose Expand code editor for more room. Your selection and undo history stay with you when entering and leaving focus mode. Press Ctrl+Space for completion suggestions. Use Cmd/Ctrl+] to indent and Cmd/Ctrl+[ to outdent; Tab moves focus between controls. Your HTML is not automatically reformatted. In the HTML tab, rendered output is read only. Choose Edit to change the source, then Save HTML to apply your changes or Cancel to discard them. Editing generated output converts a block-based email to the HTML-native editor. The Import HTML tab uses the same code editor for pasted or uploaded documents; Import and replace applies the import.

​
What Works Inside The Block

  • Inline CSS styles
  • Table-based email layouts
  • Merge tags like {{FIRST_NAME}}, {{EMAIL}}, and {{unsubscribeUrl}}
  • Links that still go through Sequenzy’s normal email rendering pipeline

​
Best Practices

  • Prefer email-safe HTML with inline styles
  • Use tables for complex layouts when broad email-client support matters
  • Keep the block focused on a snippet, not an entire email document
  • Test in real inboxes if you rely on advanced HTML or unusual spacing

​
HTML Block vs Full HTML Email

  • Use an HTML block when you want one custom section inside a larger block-based email
  • Use Sequenzy’s full HTML import/editor flow when the entire email should be managed as HTML
The full HTML import screen is for that second workflow: upload a complete HTML file or paste the entire document before replacing the editor content.
Sequenzy full HTML import screen showing file upload and pasted markup options

​
Editing full HTML emails

When the whole email is HTML (imported, pasted or written by the AI writer), the editor shows the email as it will be sent and lets you edit it in place.
  • Sections: hover a section to see its toolbar. Move it up or down, duplicate or delete it, open Style for background, padding, corners, border and text alignment, or use + to insert a text block, heading, button, image, divider, spacer or two columns below it. Insert in the side panel adds the same blocks after the section with the cursor.
  • Buttons: click a call-to-action button to change its label, link, fill and text colors, font size, corners, padding, alignment and width. If the button has an Outlook version, it is updated too. Make text link replaces the button with a plain link, and Undo brings it back. Use Cmd/Ctrl+K to edit it as a plain link.
  • Colors in this email: the side panel lists every color the email uses. Change one and every place that uses it follows, including stylesheet rules and Outlook buttons.
  • Text: select text for bold, italic, links, variables, colors, font, font size, line height and alignment. More formatting adds bulleted and numbered lists, quotes, indent, justify and clear formatting.
  • Selecting nested blocks: press Esc to select the block around the cursor and Esc again for its parent, or use Select parent on the section toolbar. Press Delete to remove a selected block.
  • Mobile width: switch to the phone view while editing to check and fix how the email reflows on small screens.
The outer full-width wrapper of a full HTML document is always sent with a white background, so its background and vertical padding can’t be changed. Style the section inside it instead.

​
Limitations

  • HTML blocks are best for snippets, not full standalone HTML documents
  • Email clients still have their usual limitations, so browser-only markup may not render as expected
  • Scripts are not a valid email pattern and should not be part of your email HTML