Static HTML Form Builder

Forget about writing backend validation, setting up SMTP servers, or dealing with spam bots. Drop a Riven iframe into your HTML file, and we handle the rest.

How to integrate Riven with HTML / Vanilla JS

1. Paste the iframe

Drop the iframe anywhere in your <body>.

2. Listen to events

Optionally, add a standard JavaScript event listener to track when a user submits the form.

Implementation Code

HTML / Vanilla JS Snippet

<!-- Standard HTML Embed -->
<div class="form-container">
  <iframe
    src="https://rivenforms.in/form/YOUR_FORM_ID?embed=true"
    width="100%"
    height="460"
    loading="lazy"
    frameborder="0"
    style="border:0;border-radius:16px;overflow:hidden;width:100%;min-height:460px;"
    title="Riven Form">
  </iframe>
</div>

<script>
  window.addEventListener("message", (event) => {
    if (event.data?.type === "RIVEN_SUBMIT") {
      console.log("User successfully submitted the form!");
    }
  });
</script>

Ready to build your form?

Go to Dashboard