Embed Flowvi Forms with HTML

Get your form embed code

In Flowvi, open your form and click "Share". Copy the iframe embed code.

Add the iframe to your HTML

Paste the iframe code where you want the form to appear in your HTML file:

<div style="max-width: 640px; margin: 0 auto;">
  <iframe
    src="https://flowvi.dev/submit/your-form-id"
    width="100%"
    height="600"
    frameborder="0"
    style="border: none; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);"
    allowfullscreen
  ></iframe>
</div>

Make it responsive

Use CSS to make the iframe responsive on all screen sizes:

.form-container {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.form-container iframe {
  width: 100%;
  min-height: 600px;
  border: none;
  border-radius: 12px;
}

Test your form

Open the HTML page in a browser, fill out the form, and submit it. Verify the submission appears in your Flowvi dashboard.