Skip to content
InvoyFormDocs

Embed on your site

View as MarkdownThe page as plain textOpen in ChatGPTAsk questions about this pageOpen in ClaudeAsk questions about this page

The form keeps everything you built: its look, its checks and its thank-you page. Your page only needs a place for it.

The code

Section titled “The code”

Publish the form, open Share, and copy the Embed code:

<div data-ivf-form="YOUR_FORM_SLUG"></div>
<script src="https://form.invoy.in/v1/embed.js" defer></script>

The script puts the form in a frame and keeps the frame as tall as the form. There is no scrollbar inside your page and no empty space under the form, also when an error message makes the form longer.

Add data-ivf-title="Contact us" to the div to give the frame a title for screen readers.

Allow your website first

Section titled “Allow your website first”

A form is shown only on websites you allow. Open Settings in the builder, add your website, and publish. Until then the frame stays empty. The console of your page says why after a few seconds. See allowed websites.

An iframe of your own

Section titled “An iframe of your own”

A plain iframe pointing at the form’s link works too. Its height is fixed, so the form scrolls inside it when it is taller. The script above avoids that.