Custom Forms

Capture leads and submissions with zero backend code. Just add a single attribute to your HTML forms.

Building backends for simple contact forms is a waste of time. Axolot includes a Serverless Submission Engine that automatically handles data capture, validation, and storage.

The data-form Attribute

Any standard HTML <form> can be turned into an Axolot-powered form by adding the data-form attribute with a unique identifier.

<form data-form="contact-main">
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <button type="submit">Send</button>
</form>

Automatic Metadata Capture

When a form is submitted, Axolot doesn't just save the input fields. It automatically captures:

  • Contextual URL: Exactly which page the user was on.
  • Referrer: Where the user came from.
  • User Agent: Browser and device information.
  • Timestamps: Precise submission time.

Submission Management

All data is sent to the Submissions Module. You can view, export, or connect these submissions to third-party tools (like Zapier or Slack) directly from the Axolot Dashboard.

Pro Tip: The AxolotBridge handles the submission UI. It automatically adds 'Loading...' and 'Sent!' states to your submit button, so you don't even need to write the feedback logic.