Embeddable Forms

Two ways to embed the lead form on your site.

Drop a two-line snippet onto any page and capture leads that auto-trigger a callback through RingFuse. Choose a ready-made styled build, or a raw build that exposes a stable selector contract so your own CSS owns the look.

Pick your integration

Same backend, same fields, two delivery modes — choose whichever fits your stack.

Default · Two-line drop-in

Styled mode

Paste two lines and the form renders with sensible defaults — labels, spacing, and submit button included. Best when you want to ship in minutes.

  • Built-in baseline styles
  • Country / timezone / phone block included
  • Lifecycle events (rf:ready, rf:submit, rf:success, rf:error)
<!-- 1. anchor -->
<div data-rf-form="YOUR_TOKEN"></div>

<!-- 2. script -->
<script
  src="https://snxbuhvycooqhveveies.supabase.co/functions/v1/form-embed?token=YOUR_TOKEN"
></script>
Custom · Selectors-only

Raw mode

Same form, zero inline styles. Every element ships a stable data-rf-* selector so your own design system owns the visual layer. Identical lifecycle events.

  • Public selector contract (data-rf-el, data-rf-field)
  • Accessibility baseline preserved (label/for, role=alert)
  • Smaller payload — no inline styles shipped
<!-- 1. anchor -->
<div data-rf-form="YOUR_TOKEN"></div>

<!-- 2. script with mode=raw -->
<script
  src="...form-embed?token=YOUR_TOKEN&mode=raw"
></script>

/* style with your CSS */
[data-rf-el="input"] { ... }

Side-by-side

Comparison between styled mode and raw mode
Setup time Two lines. Drop in and ship.
Visual control Default theme + override via data-rf-* in either mode.
Best for Styled: rapid landing pages, tests, low-stake pages.
Raw: branded marketing sites, design-system-driven products.
Selector contract Identical in both modes. [data-rf-el] for roles, [data-rf-field] for field keys.
Events emitted rf:ready, rf:submit, rf:success, rf:error — cancellable, identical in both modes.
Switch later? Yes. Append or remove &mode=raw on the script URL — no other code changes required.