Live embeds

Every way to put a form on your site

Each form below is a real, working embed — not a screenshot. Copy the snippet, swap the slug, done. Full embedding docs →

01 Recommended

Inline — script tag

One line of code. The form appears right where you place the script tag, and auto-resizes to its content.

index.html

<script src="https://rapidform.co/embed.js"
  data-form="YOUR-FORM-SLUG"></script>

● live · auto-resizing · collecting

Button — opens a modal

A styled button that opens the form in a centered modal. Set the label and color, or leave them to match your form's theme.

index.html

<script src="https://rapidform.co/embed.js"
  data-form="YOUR-FORM-SLUG"
  data-mode="button"
  data-label="Contact Us"
  data-color="#2547E0"></script>

Link — opens a modal

A text link that opens the form in a modal. It inherits the surrounding text style, so it reads like part of your copy.

index.html

<script src="https://rapidform.co/embed.js"
  data-form="YOUR-FORM-SLUG"
  data-mode="link"
  data-label="Report it here"></script>

Have a question?

Found a bug?

Bring your own styles

Pass your own classes or inline styles to fully control the trigger. The embed only handles behavior — the look is yours.

index.html

<script src="https://rapidform.co/embed.js"
  data-form="YOUR-FORM-SLUG"
  data-mode="button"
  class="your-classes"></script>

JavaScript API

Open any form programmatically and prefill it from your own data. Trigger it from any event you like.

app.js

RapidForm.open('YOUR-FORM-SLUG', { 'full-name': 'Jane Doe', 'email-address': '[email protected]' })

Manual iframe

Standard iframe embed for maximum control. No auto-resize unless you add the resize listener yourself.

index.html

<iframe src="https://rapidform.co/embed/YOUR-FORM-SLUG"
  width="100%" height="600"></iframe>

Your turn

Ready to build your own?

Create your first form in 60 seconds. Free plan, no credit card.

Get started free → Read embed docs