Draftly Advanced Content Blocks: Rich Text, Code, and Custom HTML

Draftly Team
D
Draftly Team
March 31, 2026
5
Product Education

Summary

Beyond the standard sections, Draftly offers flexible content blocks for custom layouts, embedded code, and formatted text. Here's how to use them.

Draftly Advanced Content Blocks: Rich Text, Code, and Custom HTML

Draftly Advanced Content Blocks: Rich Text, Code, and Custom HTML

For content and layouts beyond the standard sections, Draftly provides flexible blocks for advanced users.

Rich Text Block

For formatted long-form content: blog posts, terms of service, detailed guides.

Supports:

  • Headings (H1-H6)

  • Bold, italic, underline

  • Bulleted and numbered lists

  • Blockquotes

  • Inline links

  • Tables


Best for: Blog post content, FAQ answers, policy pages, detailed service descriptions.

Code Block

Displays formatted code with syntax highlighting for technical sites:

  • Select programming language for highlighting

  • Copy-to-clipboard button auto-added

  • Line numbers option


Best for: Developer portfolios, SaaS documentation pages, technical tutorials.

Custom HTML Block

The most flexible option — paste any HTML, including:

  • Third-party widget embeds

  • Iframes (maps, calendars, forms)

  • Custom interactive elements

  • Microdata markup


Security note: Custom HTML in Draftly is sandboxed. Scripts that require top-level page access should be added via Custom Code in Site Settings, not HTML blocks.

Combining Blocks

For complex layouts:

  • Create a two-column section

  • Left column: Rich Text block with content

  • Right column: Custom HTML block with an embedded form or calendar


This combination handles most custom layout requirements without needing custom development.

When to Use vs. Standard Sections

Standard sections: most page layouts. Content blocks: when you need precise control over text formatting, code display, or embedded third-party content.