Skip to main content

Custom HTML Block

Advanced block for embedding custom HTML content. Use with caution.

Content Block

Preview​

Custom Embed

Example embedded content

Special Announcement

Custom styled content using HTML

Video Embed

Embedded video placeholder

Video embed would appear here

Empty State

No HTML content

No custom HTML content

Properties​

PropertyTypeDefaultDescription
htmlstring''Raw HTML content to render

Usage​

<CustomHtmlBlock
  content={{
    html: '<div class="custom">Your HTML here</div>',
  }}
/>

Use Cases​

  • Third-party embeds - Maps, calendars, booking widgets
  • Custom styling - Unique layouts not possible with other blocks
  • Legacy content - Migrating existing HTML content

Security Notes​

warning

Custom HTML is rendered as-is. Ensure you trust the source of any HTML content to prevent XSS vulnerabilities.

Best Practices​

  • Use other blocks first - Custom HTML should be a last resort
  • Sanitize input - Never allow untrusted HTML
  • Test responsiveness - Custom HTML may not be mobile-friendly
  • Keep it simple - Complex HTML is harder to maintain