AppSumoAppSumo Lifetime Deal starting at $39
Get the Deal Now!
Docs

Hosted Forms

Build a form once, embed it anywhere, and ship submissions straight to your Google Sheet.

Quickstart

  1. Sign up and pick a site.
  2. Open Hosted forms in the dashboard nav and click New form.
  3. Pick Blank, AI, or Templates.
  4. Drag-reorder fields, edit labels and validation in the right panel.
  5. Click Publish.
  6. Copy the embed snippet from the Embed tab and paste it on your site.

Embed options

Three ways to ship the same form:

Drop-in script
<div data-leadtosheet-form="frm_abc123"></div>
<script src="https://www.leadtosheet.com/embed.min.js" async></script>

Renders the form in your page. Inherits your typography and colour by default. Tiny Preact runtime.

Iframe
<iframe src="https://www.leadtosheet.com/embed/frm_abc123"
  style="width:100%; border:0; min-height:480px"></iframe>

Use when third-party scripts are blocked. Auto-resizes to its content.

Hosted page
https://www.leadtosheet.com/forms/your-slug

Public URL, no website required. Share in DMs, ads, emails.

Field types

  • Short text / Long text - single or multi-line input with min/max length and regex pattern.
  • Email / Phone / Number / Date - typed inputs with built-in validation.
  • Dropdown / Radio - single-choice with a list of options.
  • Multi-select / Checkbox group - multiple-choice options.
  • File upload - accepts a file per field; uploaded to Drive automatically.
  • Consent - required-checkbox for GDPR / TOS agreements.
  • Hidden - preserves attribution-style values.

Conditional logic

Add rules in the builder: "When field op value, show / hide / require target". Operators include eq, neq, in, gt, lt, present, absent. Hide always wins on conflict.

Multi-step forms

Add a step boundary in the builder. Each step validates only its visible fields when the user clicks Next. The progress indicator is exposed via aria-current="step" for screen readers.

Themes

The default theme uses font: inherit; color: inherit; so the form blends with your page. Customize accent colour, radius, density, and dark mode in the theme panel. Toggle Shadow DOM to isolate the form's styles when host CSS is hostile.

AI generation

Click New form → AI and describe the form you want. We use Claude Haiku via Vercel's AI Gateway to emit a strict schema, then open it in the visual builder for refinement.

Migrating from other builders