ahvaanDocsGo to dashboard →

Custom HTML/CSS/JS block

Your own markup, styling, and script, rendered inside a sandboxed frame.

Your own markup, styling, and script, rendered inside a sandboxed frame.

The Custom HTML block's Properties Panel with HTML, CSS, and JavaScript fields next to a live Preview pane
The Preview pane on the right shows the sandboxed frame actually rendering the current HTML, CSS, and JS.

Settings

  • HTML (html), CSS (css), and optional JavaScript (js).
  • Frame height (heightPx) — in pixels.
  • Reusable name (reusableName) — optional; naming it saves the snippet to your account-wide component library, referenceable from any block’s HTML (any event) as <custom-component name="..." />, with any attribute on that tag available inside the snippet as a token.

Two shortcodes work inside the HTML regardless of naming: {{rsvp_form}} and {{venue_map}}, which embed the real, working RSVP form or venue map so you can style them with your own CSS. See custom code & sandboxing for how the isolation actually works.