Share & Embed your Form

Input gives you many different ways to use your forms. May it be as simple as sharing a direct URL to the form or embedding it as HTML on any website. In this article, we give you an overview of the options.

Publishing

Before anybody can use your form, you must publish it. When a form is not published, it is only viewable by you, when you are logged in to your account and editing. This gives you the option to test things out in private, without risking giving anything away.

The Publish Button

In “Edit Mode”, you will find a “Publish” button on the top right corner of the screen. Just clicking it, changes your form’s state to published. Pushing it again will revert the state of your form to go unpublished again. You can do this as often as you want.

Sharing the URL

This is obviously the easiest way to use your form. When you are in edit mode, you can click on “View form”, which will redirect you to your form’s URL. Just copy the URL and share it with anybody you want to use it.

Using an iframe

The iframe option is the safest way to embed your form into any webpage. An iframe works like a sandbox to a third-party resource you want to display on your page. In this case, your form is a resource of that kind and the rendering of the embed will have absolutely no side effects on your webpage since it just lives in its predefined space (frame).

To view the iframe code for your form, you can go to your form’s Settings > Embed. Choose the iframe embed type, which should be the default. On this settings page, you see as well some options to change the way your form is rendered. Choose the settings that fit your needs and then copy the embed code by clicking on Copy Code.

Native Integration (Experimental)

The native integration is almost exactly looking like the iframe, with one significant difference. The form’s code is executed natively on your website and not inside the safe space of the iframe. One advantage of that is, that the form doesn’t need any predefined dimensions, because it just sizes like any other element on your page.