Getting started

Overture Forms is a hosted form platform. You add a small script to your page, point a form at it, and Overture validates the submission, emails it to your configured recipients, fires any signed webhooks, and stores it for you. No backend code required on your side.

This guide gets a working contact form on your site in a few minutes.

1. Create a form in the portal

Sign in to the Overture portal and create a form. Each form gives you two public identifiers you will paste into your page:

• a public key (publicKey)
• a form ID (formId)

Both are safe to expose in client-side HTML — they only identify the form, they do not grant access to your data.

2. Add the snippet

Drop a form and the hosted bundle into your page. The form element is marked with data-contact-form, and the bundle is loaded from the Overture script host:

<form data-contact-form>
  <label>Name <input type="text" name="name" required /></label>
  <label>Phone <input type="tel" name="phone" required /></label>
  <label>Email <input type="email" name="email" required /></label>
  <label>Message <textarea name="message" required></textarea></label>
  <button type="submit">Send</button>
</form>

<script src="https://script.app.overtureforms.com/contact-form.bundle.js" defer></script>
<script>
  window.addEventListener("DOMContentLoaded", function () {
    window.ContactFormHandler.initContactForms({
      publicKey: "YOUR_PUBLIC_KEY",
      formId: "YOUR_FORM_ID"
    });
  });
</script>

That is the whole integration. On submit, the client serializes the form, validates it, and posts it to Overture.

How submission routing works

You do not need to configure an endpoint. When the bundle is loaded from the Overture script host (script.app.overtureforms.com), the client automatically posts submissions to the matching submit host (submit.app.overtureforms.com). You only pass an explicit endpoint if you are self-hosting the bundle somewhere unusual.

Environments

Use the public key and form ID that belong to the same environment as the bundle host you load.

Next steps

• Form fields & selectors — the field names Overture expects.
• Events & redirects — confirmation UX.
• File uploads — accept attachments.