Default mode

Styled mode demo

The form below is embedded with the default two-line drop-in. RingFuse ships its own baseline styles — labels, spacing, input borders, and the submit button — so you can capture leads in minutes with zero CSS of your own. Lifecycle events are wired and logged live below the form.

Live embed and code snippet

Embed snippet

Paste exactly these two lines

<!-- 1. anchor element -->
<div
  data-rf-form="GPSGS5ys-6Rm_4xYB57ZKv-CmDPk-gDTa77PmFGKwS8"
></div>

<!-- 2. loader script (styled = default) -->
<script
  src="https://snxbuhvycooqhveveies.supabase.co
      /functions/v1/form-embed
      ?token=GPSGS5ys-6Rm_4xYB57ZKv-CmDPk-gDTa77PmFGKwS8"
></script>
Want full CSS control? Switch to raw mode by appending &mode=raw to the script URL — see the raw demo.

Live form

Rendered by the script below

Live event log

Listening for rf:ready, rf:submit, rf:success, and rf:error on the form element. Events bubble to document and are captured here in real time.

// waiting for rf:ready…