Forms V1 (Legacy)

Caution

This is legacy V1 documentation. For new implementations, see Forms.

Quick Start

1. Register or Sign in and create a new form.
2. Get your form’s key
3. Wrap your form:

<snip-form key="YOUR_KEY">
    <form>
        <input type="text" name="name" />
        <input type="email" name="email" />
        <input type="submit" value="Submit" />
    </form>
</snip-form>

4. Add the SnipForm Javascript (~65 KiB) at the bottom of your page:

    <script src="https://cdn.snipform.io/wrap/sf.iife.js" defer></script>
</body>

Your form now has a secure, spam protected backend. All submits will be captured on your account and emailed to you.

Documentation

• Terms and concepts - the V1 engine, its directives, and state management.
• Validation - the rule set, in V1 directive syntax.
• Error states - display validation errors with three directive formats.
• Valid states - show feedback when fields pass.
• Loading states - loading and submit handling, removed in V2.
• Result content - success pages with form data substitution.

Additional Resources

• Features Overview
• Testing Mode