FORM INTELLIGENCE, EXPLAINED.
Your first intelligent form.
React, Vue or a script on your site. The intelligence in your workspace. Here’s how to bring them together.
1. Make a home for your forms.
Open FormLint and sign in with the magic link sent to your email. Depending on the installation, first-time access may require an invitation. Create or choose a workspace, then select Projects → New project. Owners and admins manage configuration and keys; members can view projects.
2. Tell FormLint what matters.
In the project’s Configuration tab, expand Form setup. Choose the field names FormLint should check, starting with a non-sensitive field such as description. Add the exact website origin, such as https://www.example.com, without a path or trailing slash.
Write a rule or choose a starter pack. Give each rule one clear question and a helpful visitor message. Set the default language and suggestion timing, then Save configuration.
For a packaging quote
Check: Does the request specify how many packages are needed?
Suggest: “Add how many packages you need.”
The Packaging quote starter pack has separate quantity, dimensions, material and food-contact checks. Each rule has its own suggestion. Learn how to write useful rules.
3. Connect the form you already have.
Open Installation & keys and create a public project key. Follow the React, Vue or JavaScript guide with that key, your evaluation endpoint and the saved field names. The SDK puts feedback directly below mapped fields.
Using a builder? Open Integrations in the app for official Elementor, Framer, Tally and Gravity Forms downloads. Each platform guide explains its requirements and field mapping. Webflow and other WordPress forms can use JavaScript.
Keep your form’s existing action, method and submit handler. Only a public project key belongs in the browser; provider credentials stay on the server.
4. Try the whole experience.
- Add the dashboard origin to the project while testing, then open Playground. An active public key and live evaluation service are required to try your own answers.
- Type an incomplete, non-sensitive example. Wait for the configured pause, read the suggestion and add the missing details.
- Test the actual connected website, including languages and feedback placement. Explain the pre-submit evaluation in your visitor notice.
- Check that the form still submits through its normal flow when evaluation is unavailable.
Save changes before trying them in Playground. Its submit button only confirms a local preview submission; evaluation requests are separate and can consume quota. Read the Playground guide.