Skip to main content

Documentation Index

Fetch the complete documentation index at: https://help.flowforth.co/llms.txt

Use this file to discover all available pages before exploring further.

The HTML block lets you insert custom HTML code directly into your email. It is designed for advanced use cases where the standard blocks do not cover what you need.

Adding an HTML Block

Drag the HTML block from the block palette into your email canvas. An empty code editor will appear in the sidebar where you can write or paste your HTML.

How It Works

Code Editor

Write or paste HTML in the code editor in the sidebar. Your code renders as a live preview directly on the canvas so you can see how it will look.

Canvas Editing

You can edit text content directly on the canvas without opening the code editor. This is helpful for quick text changes when you do not need to modify the underlying HTML structure.

Validation

The HTML block checks your code for common issues such as unclosed tags and displays warnings when problems are detected. Review and fix any warnings before sending your email to ensure consistent rendering across email clients.

Security

Flowforth automatically sanitizes HTML content to remove potentially dangerous elements. This protects your recipients while still allowing you to use custom markup for layout and styling.

Use Cases

  • Tables: Display structured data like schedules, event details, or volunteer rosters in a table format
  • Advanced customization: Build layouts or styles that go beyond the standard blocks
  • Embedded content: Paste embed code from other tools or platforms
  • AI-generated HTML: Paste HTML output from AI tools and adjust it to fit your email
  • Custom formatting: Create unique visual elements that match your church’s brand

Tips

  • Test your HTML in multiple email clients before sending. HTML rendering varies across Gmail, Outlook, Apple Mail, and others.
  • Keep your HTML simple. Complex CSS and JavaScript are not supported in most email clients.
  • Use the canvas text editing for quick copy changes, and the sidebar code editor for structural HTML modifications.
  • If you are pasting HTML from an external tool, review it in the preview to make sure it renders as expected.